|
1 | | -<div class="user-list"> |
| 1 | +<div class="user-admin"> |
2 | 2 | <div class="form-header"> |
3 | 3 | <div class="title">User Management</div> |
4 | 4 | <div class="tip">Set basic information, passwords and permissions for {{users.length}} users</div> |
5 | 5 | </div> |
| 6 | + |
6 | 7 | <table class="basic-table"> |
7 | 8 | <thead> |
8 | 9 | <tr> |
9 | | - <th class="border-bottom border-top">Firstname</th> |
10 | | - <th class="border-bottom border-top">Lastname</th> |
11 | | - <th class="border-bottom border-top">Email</th> |
12 | | - <th class="border-bottom border-top no-width">Active</th> |
13 | | - <th class="border-bottom border-top no-width">Add Spaces</th> |
14 | | - <th class="border-bottom border-top no-width">Admin</th> |
15 | | - <th class="border-bottom border-top no-width"> </th> |
| 10 | + <th class=""> |
| 11 | + <div class="input-inline input-transparent"> |
| 12 | + {{focus-input type="text" placeholder="< type here to filter users >" value=filter}} |
| 13 | + </div> |
| 14 | + </th> |
| 15 | + <th class="no-width">Create spaces</th> |
| 16 | + <th class="no-width">Is administrator</th> |
| 17 | + <th class="no-width">Is active</th> |
| 18 | + <th class="no-width"> |
| 19 | + {{#if hasSelectedUsers}} |
| 20 | + <div class="round-button round-button-small button-red" id="bulk-delete-users"> |
| 21 | + <i class="material-icons">delete</i> |
| 22 | + </div> |
| 23 | + {{#dropdown-dialog target="bulk-delete-users" position="bottom right" button="Delete" color="flat-red" onAction=(action 'onBulkDelete')}} |
| 24 | + <p>Are you sure you want to delete selected users?</p> |
| 25 | + {{/dropdown-dialog}} |
| 26 | + {{/if}} |
| 27 | + </th> |
16 | 28 | </tr> |
17 | 29 | </thead> |
18 | 30 | <tbody> |
19 | | - {{#each users as |user|}} |
| 31 | + {{#each filteredUsers as |user|}} |
20 | 32 | <tr> |
21 | | - <td class="border-bottom {{if user.active '' 'inactive'}}">{{ user.firstname }}</td> |
22 | | - <td class="border-bottom {{if user.active '' 'inactive'}}">{{ user.lastname }}</td> |
23 | | - <td class="border-bottom {{if user.active '' 'inactive'}}">{{ user.email }}</td> |
24 | | - <td class="border-bottom no-width"> |
25 | | - {{#if user.me}} |
26 | | - <i class="material-icons">check_box</i> {{else if user.active}} |
27 | | - <i class="material-icons checkbox" {{action 'toggleActive' user.id}}>check_box</i> |
28 | | - {{else}} |
29 | | - <i class="material-icons checkbox" {{action 'toggleActive' user.id}}>check_box_outline_blank</i> |
30 | | - {{/if}} |
| 33 | + <td class="{{unless user.active 'inactive-user'}} {{if user.admin 'admin-user'}}"> |
| 34 | + <div class="selector pull-left"> |
| 35 | + {{#unless user.me}} |
| 36 | + {{#if user.selected}} |
| 37 | + <i class="material-icons checkbox" {{action 'toggleSelect' user}}>check_box</i> |
| 38 | + {{else}} |
| 39 | + <i class="material-icons checkbox" {{action 'toggleSelect' user}}>check_box_outline_blank</i> |
| 40 | + {{/if}} |
| 41 | + {{/unless}} |
| 42 | + </div> |
| 43 | + <div class="name">{{ user.fullname }}</div> |
| 44 | + <div class="email">{{ user.email }}</div> |
31 | 45 | </td> |
32 | | - <td class="border-bottom no-width"> |
| 46 | + <td class="no-width text-center"> |
33 | 47 | {{#if user.me}} |
34 | | - <i class="material-icons">check_box</i> {{else if user.editor}} |
| 48 | + <i class="material-icons color-gray">check_box</i> |
| 49 | + {{else if user.editor}} |
35 | 50 | <i class="material-icons checkbox" {{action 'toggleEditor' user.id}}>check_box</i> |
36 | 51 | {{else}} |
37 | 52 | <i class="material-icons checkbox" {{action 'toggleEditor' user.id}}>check_box_outline_blank</i> |
38 | 53 | {{/if}} |
39 | 54 | </td> |
40 | | - <td class="border-bottom no-width"> |
| 55 | + <td class="no-width text-center"> |
41 | 56 | {{#if user.me}} |
42 | | - <i class="material-icons">check_box</i> {{else if user.admin}} |
| 57 | + <i class="material-icons color-gray">check_box</i> |
| 58 | + {{else if user.admin}} |
43 | 59 | <i class="material-icons checkbox" {{action 'toggleAdmin' user.id}}>check_box</i> |
44 | 60 | {{else}} |
45 | 61 | <i class="material-icons checkbox" {{action 'toggleAdmin' user.id}}>check_box_outline_blank</i> |
46 | 62 | {{/if}} |
47 | 63 | </td> |
48 | | - <td class="border-bottom no-width"> |
| 64 | + <td class="no-width text-center"> |
| 65 | + {{#if user.me}} |
| 66 | + <i class="material-icons color-gray">check_box</i> |
| 67 | + {{else if user.active}} |
| 68 | + <i class="material-icons checkbox" {{action 'toggleActive' user.id}}>check_box</i> |
| 69 | + {{else}} |
| 70 | + <i class="material-icons checkbox" {{action 'toggleActive' user.id}}>check_box_outline_blank</i> |
| 71 | + {{/if}} |
| 72 | + </td> |
| 73 | + <td class="no-width text-center"> |
49 | 74 | {{#if user.me}} |
50 | 75 | <div class="edit-button-{{user.id}} round-button-mono" title="Edit" {{action "edit" user.id}}> |
51 | 76 | <i class="material-icons">edit</i> |
|
0 commit comments