forked from rjj940221/codfest_gpg
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjobs.html
75 lines (71 loc) · 3.1 KB
/
jobs.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
<!DOCTYPE html>
<md-sidenav class="md-sidenav-left" md-component-id="left" md-whiteframe="4">
<md-toolbar class="site-content-toolbar" ng-click="close()">
<div class="md-toolbar-tools">
<h2 class="md-toolbar-item">Options</h2>
<span flex></span>
</div>
</md-toolbar>
<md-content layout-padding>
<div layout="column" flex ng-hide="user">
<md-button style="margin-left: auto" href="#/create_job" aria-label="create a job">Create a job</md-button>
<md-button style="margin-left: auto; text-align: right" href="#/my_jobs" aria-label="My jobs">My jobs</md-button>
<md-button style="margin-left: auto" href="#/my_applications" aria-label="My applications">My applications</md-button>
</div>
<h3 ng-show="user">
Please
<md-button class="md-raised" aria-label="login" ng-click="openAccount()">login</md-button>
for more options.
</h3>
<p>
Here be words and buttons to give yee options
</p>
</md-content>
</md-sidenav>
<div ng-controller="jobs__" layout="column" flex>
<md-toolbar class="site-content-toolbar md-whiteframe-glow-z2">
<div class="md-toolbar-tools">
<md-button class="md-icon-button md-toolbar-item" aria-label="Settings" ng-click="toggleLeft()">
<md-icon md-svg-src="svg/ic_menu_white_24px.svg"></md-icon>
</md-button>
<div layout="row" layout-align="center center">
<a hide-md href="#/"><h1 class="md-toolbar-item">Home</h1></a>
<md-icon hide-md md-svg-icon="svg/ic_chevron_right_white_24px.svg" style="color: inherit" aria-hidden="true"></md-icon>
</div>
<h2 class="md-toolbar-item">Jobs</h2>
<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>
<md-list flex>
<md-list-item class="jobs-item" md-whiteframe="2" ng-repeat="job in jobListings" ng-click="showInfo($event, job.id)">
<div layout="column" layout-align="space-around" flex>
<div flex layout="row" layout-align="space-between center">
<h2 class="jobs-text">{{job.title}}</h2>
<span flex></span>
<span class="badge deep-orange" ng-show="{{job.recruiter === 'recruting_agency'}}"></span>
<span class="badge blue" ng-show="{{job.recruiter === 'comercial'}}"></span>
<span class="badge amber" ng-show="{{job.recruiter === 'private'}}"></span>
</div>
<div layout="row" layout-wrap layout-align="space-between center" flex>
<p layout="row" layout-align="begin" class="jobs-text">
<md-icon md-svg-src="svg/ic_location_city_black_24px.svg"></md-icon>
{{job.company}}
</p>
<p layout="row" layout-align="center" class="jobs-text">
<md-icon md-svg-src="svg/ic_place_black_24px.svg"></md-icon>
{{job.location}}
</p>
<p layout="row" layout-align="end" class="jobs-text">
<md-icon md-svg-src="svg/ic_access_time_black_24px.svg"></md-icon>
{{job.created}}
</p>
</div>
</div>
</md-list-item>
</md-list>
</md-content>
</div>