|
14 | 14 | </div>
|
15 | 15 |
|
16 | 16 |
|
17 |
| -<WTabNav |
18 |
| - @tabs={{tabs}} |
19 |
| - @activeTab={{activeTab}} |
20 |
| - @onTabChange={{action (mut activeTab)}} |
21 |
| -> |
22 |
| - <div class="d-flex my-4 justify-content-between"> |
23 |
| - <div class="d-flex w-50"> |
24 |
| - <div class="flex-1 font-md">Filter Jobs</div> |
25 |
| - |
26 |
| - <div class="flex-1 mx-5"> |
27 |
| - <PowerSelectMultiple |
28 |
| - @selected={{locations}} |
29 |
| - @options={{possibleLocations}} |
30 |
| - @closeOnSelect={{false}} |
31 |
| - @placeholder="Location" |
32 |
| - @triggerComponent={{component 'job-filter/trigger-component'}} |
33 |
| - @onChange={{action (mut locations)}} |
34 |
| - as |location|> |
35 |
| - <input |
36 |
| - type="checkbox" |
37 |
| - onclick={{action "preventDefault"}} |
38 |
| - checked={{includes locations location}} /> |
39 |
| - {{location}} |
40 |
| - </PowerSelectMultiple> |
41 |
| - </div> |
42 |
| - |
43 |
| - <div class="flex-1 mx-5"> |
44 |
| - <PowerSelectMultiple |
45 |
| - @selected={{jobTypes}} |
46 |
| - @options={{possibleJobTypes}} |
47 |
| - @closeOnSelect={{false}} |
48 |
| - @placeholder="Job Type" |
49 |
| - @triggerComponent={{component 'job-filter/trigger-component'}} |
50 |
| - @onChange={{action (mut jobTypes)}} |
51 |
| - as |type|> |
52 |
| - <input |
53 |
| - type="checkbox" |
54 |
| - onclick={{action "preventDefault"}} |
55 |
| - checked={{includes jobTypes type}} /> |
56 |
| - {{type}} |
57 |
| - </PowerSelectMultiple> |
58 |
| - </div> |
59 |
| - |
60 |
| - </div> |
61 |
| - |
62 |
| - {{#if showApplyButton}} |
63 |
| - <button class="orange" {{action "apply"}}> |
64 |
| - Apply Filter |
65 |
| - </button> |
66 |
| - {{/if}} |
67 |
| - </div> |
68 |
| - |
69 | 17 | <div class="divider-h my-4"></div>
|
70 | 18 |
|
71 | 19 | {{#if (or selectedLocations.length selectedJobTypes.length)}}
|
|
90 | 38 | filters=(hash locations=selectedLocations jobTypes=selectedJobTypes)
|
91 | 39 | }}
|
92 | 40 | </div>
|
93 |
| -</WTabNav> |
| 41 | + |
0 commit comments