forked from rjj940221/codfest_gpg
-
Notifications
You must be signed in to change notification settings - Fork 0
/
create_job.html
78 lines (77 loc) · 3.45 KB
/
create_job.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<div layout="column">
<md-toolbar class="site-content-toolbar md-whiteframe-glow-z2">
<div class="md-toolbar-tools">
<div layout="row" layout-align="center center">
<a hide show-gt-xs href="#/"><h1 class="md-toolbar-item">Home</h1></a>
<md-icon hide show-gt-xs md-svg-icon="svg/ic_chevron_right_white_24px.svg" style="color: inherit" aria-hidden="true"></md-icon>
<a href="#/jobs"><h1 class="md-toolbar-item">Jobs</h1></a>
<md-icon md-svg-icon="svg/ic_chevron_right_white_24px.svg" style="color: inherit" aria-hidden="true"></md-icon>
<a href="#/new_job"><h1 class="md-toolbar-item">New Job</h1></a>
</div>
<span flex></span>
<md-button class="md-icon-button md-toolbar-item" aria-label="Account" ng-click="toggleAccount()">
<md-icon md-svg-src="svg/ic_account_circle_white_24px.svg"></md-icon>
</md-button>
</div>
</md-toolbar>
<md-content flex layout-padding>
<form name="new_job" layout="column">
<md-input-container style="margin-bottom: 0">
<label>Job Title</label>
<input ng-model="newJob.title" name="title" required />
</md-input-container>
<md-input-container style="margin: 0">
<label>Discription</label>
<textarea ng-model="newJob.discription" name="discription" required ng-maxlength="500" />
</md-input-container>
<md-divider></md-divider>
<h2>Responsibilities</h2>
<md-list>
<md-list-item ng-repeat="item in resps" layout="row">
<md-input-container style="width: 100%; margin: 0" ng-blur="AddItem">
<label>Responsibity</label>
<textarea type="text" ng-model="item.text" flex></textarea>
</md-input-container>
<span flex></span>
<md-button ng-if="$last" class="md-icon-button">
<md-icon md-svg-icon="svg/ic_add_black_24px.svg" aria-label="Add new" ng-click="newItemResp()"></md-icon>
</md-button>
<md-button ng-if="!$last" class="md-icon-button">
<md-icon md-svg-icon="svg/ic_delete_black_24px.svg" aria-label="Delete" ng-click="deleteItemResp($index)"></md-icon>
</md-button>
</md-list-item>
</md-list>
<md-divider></md-divider>
<h2>Qualifications</h2>
<md-list>
<md-list-item ng-repeat="item in quals" layout="row">
<md-input-container style="width: 100%; margin: 0" ng-blur="AddItem">
<label>Qualification</label>
<textarea type="text" ng-model="item.text" flex></textarea>
</md-input-container>
<span flex></span>
<md-button ng-if="$last" class="md-icon-button">
<md-icon md-svg-icon="svg/ic_add_black_24px.svg" aria-label="Add new" ng-click="newItemQual()"></md-icon>
</md-button>
<md-button ng-if="!$last" class="md-icon-button">
<md-icon md-svg-icon="svg/ic_delete_black_24px.svg" aria-label="Delete" ng-click="deleteItemQual($index)"></md-icon>
</md-button>
</md-list-item>
</md-list>
<div layout="row" flex>
<md-input-container flex>
<label>Type</label>
<md-select ng-model="newJob.type">
<md-option ng-repeat="option in types" value="{{ option }}">{{ option }}</md-option>
</md-select>
</md-input-container>
<md-input-container>
<label>Expiry Date</label>
<md-datepicker ng-model="newJob.date" md-placeholder="Enter date" md-min-date="now" md-max-date="maxDate" md-open-on-focus></md-datepicker>
</md-input-container>
</div>
<md-button class="md-primary md-raised" style="margin-left: auto" aria-label="Create job" ng-click="create_job()">Create Job</md-button>
</form>
</md-content>
</div>