-<div
- id="users"
- class="page-layout simple left-sidenav inner-sidenav motion-list"
->
+<div id="users" class="page-layout simple left-sidenav inner-sidenav motion-list">
<!-- HEADER -->
- <div
- class="header md-accent-bg"
- layout="row"
- layout-align="space-between center"
- >
+ <div class="header md-accent-bg" layout="row" layout-align="space-between center">
<!-- APP TITLE -->
<div layout="row" layout-align="start center">
<div class="logo" layout="row" layout-align="start center">
<span class="logo-icon">
<md-icon md-font-icon="icon-account-multiple" class="s24"></md-icon>
</span>
- <span class="logo-text" translate="STAFF.USERS">Users</span>
+ <span class="logo-text" translate="APP.USERS">Users</span>
</div>
</div>
<!-- / APP TITLE -->
<div layout="row">
<!-- SEARCH -->
- <div
- class="search-input-wrapper"
- layout="row"
- layout-align="start center"
- >
+ <div class="search-input-wrapper" layout="row" layout-align="start center">
<label for="search">
<md-icon md-font-icon="icon-magnify"></md-icon>
</label>
<md-input-container md-no-float class="m-0">
- <input
- id="search"
- placeholder="Search for anyone"
- type="text"
- ng-model="vm.query.filter"
- ng-model-options="{ debounce: 1000 }"
- translate
- translate-attr-placeholder="STAFF.SEARCH_FOR_ANYONE"
- />
+ <input id="search" placeholder="Search for anyone" type="text" ng-model="vm.query.filter"
+ ng-model-options="{ debounce: 1000 }" translate translate-attr-placeholder="APP.SEARCH_FOR_ANYONE" />
</md-input-container>
</div>
<!-- / SEARCH -->
<!-- / HEADER -->
<!-- SELECTED BAR -->
- <div
- ng-show="vm.selectedUsers.length > 0"
- class="selected-bar header animate-slide-down md-accent-bg"
- layout="row"
- layout-align="start center"
- >
+ <div ng-show="vm.selectedUsers.length > 0" class="selected-bar header animate-slide-down md-accent-bg" layout="row"
+ layout-align="start center">
<div class="close-button-wrapper" ng-click="vm.selectedUsers =[]">
<md-button layout="row" layout-align="start center">
<md-icon md-font-icon="icon-arrow-left" class="mr-8"></md-icon>
- <span translate="STAFF.BACK">Back</span>
+ <span translate="APP.BACK">Back</span>
</md-button>
</div>
<div>
<span class="selected-users-count">
<span>{{vm.selectedUsers.length}}</span>
- <span translate="STAFF.SELECTED">selected</span>
+ <span translate="APP.SELECTED">selected</span>
</span>
<md-menu class="select-menu" ng-if="!vm.currentThread">
- <md-button
- class="md-icon-button"
- ng-click="$mdMenu.open($event)"
- aria-label="multi select toggle"
- translate
- translate-attr-aria-label="STAFF.MULTI_SELECT_TOGGLE"
- >
+ <md-button class="md-icon-button" ng-click="$mdMenu.open($event)" aria-label="multi select toggle" translate
+ translate-attr-aria-label="STAFF.MULTI_SELECT_TOGGLE">
<md-icon md-font-icon="icon-menu-down"></md-icon>
</md-button>
<md-menu-content width="3">
<md-menu-item>
- <md-button
- ng-click="vm.selectAllUsers()"
- translate="STAFF.SELECT_ALL"
- >
+ <md-button ng-click="vm.selectAllUsers()" translate="APP.SELECT_ALL">
Select all
</md-button>
</md-menu-item>
<md-menu-item>
- <md-button
- ng-click="vm.deselectUsers()"
- translate="STAFF.SELECT_NONE"
- >
+ <md-button ng-click="vm.deselectUsers()" translate="APP.SELECT_NONE">
Select none
</md-button>
</md-menu-item>
</div>
<div class="multi-select-actions">
- <button
- class="md-icon-button"
- ng-csv="vm.exportSelectedUsers"
- csv-label="true"
- filename="users.csv"
- >
+ <button class="md-icon-button" ng-csv="vm.exportSelectedUsers" csv-label="true" filename="users.csv">
<md-icon md-font-icon="icon-file-excel"></md-icon>
</button>
</div>
<!-- USER TABLE -->
<md-card>
<md-table-container>
- <table
- md-table
- md-row-select
- multiple
- ng-model="vm.selectedUsers"
- md-progress="vm.promise"
- >
+ <table md-table md-row-select multiple ng-model="vm.selectedUsers" md-progress="vm.promise">
<thead md-head md-order="vm.query.sort" md-on-reorder="vm.getUsers">
<tr md-row>
- <th
- md-column
- ng-if="vm.table == 'users' || vm.table == 'agents'"
- width="20px"
- ></th>
+ <th md-column ng-if="vm.table == 'users' || vm.table == 'agents'" width="20px"></th>
<th md-column md-order-by="role">
{{ 'STAFF.ROLE' | translate }}
</th>
{{ 'STAFF.USERPROFILE' | translate }}
</th>
<th md-column md-order-by="fullname">
- {{ 'STAFF.FULLNAME' | translate }}
+ {{ 'APP.FULLNAME' | translate }}
</th>
<th md-column md-order-by="name">
- {{ 'STAFF.USERNAME' | translate }}
+ {{ 'APP.USERNAME' | translate }}
</th>
<th md-column md-order-by="email">
- {{ 'STAFF.EMAIL' | translate }}
+ {{ 'APP.EMAIL' | translate }}
</th>
<th md-column md-order-by="phone">
- {{ 'STAFF.PHONE' | translate }}
+ {{ 'APP.PHONE' | translate }}
</th>
<th md-column md-order-by="mobile">
- {{ 'STAFF.MOBILE' | translate }}
+ {{ 'APP.MOBILE' | translate }}
</th>
<th md-column md-order-by="internal">
- {{ 'STAFF.INTERNAL' | translate }}
+ {{ 'APP.INTERNAL' | translate }}
</th>
<th md-column md-order-by="disabled">
- {{ 'STAFF.DISABLED' | translate }}
+ {{ 'APP.DISABLED' | translate }}
</th>
<th md-column md-order-by="blocked">
{{ 'STAFF.BLOCKED' | translate }}
<tr md-row ng-hide="vm.users.rows.length">
<td md-cell colspan="11">
<div layout="row" layout-align="center center">
- <span translate="STAFF.NO_AVAILABLE_INFO"
- >No Available Info</span
- >
+ <span translate="APP.NO_AVAILABLE_INFO">No Available Info</span>
</div>
</td>
</tr>
- <tr
- md-row
- md-select="user"
- md-select-id="id"
- ng-repeat="user in vm.users.rows"
- >
+ <tr md-row md-select="user" md-select-id="id" ng-repeat="user in vm.users.rows">
<td md-cell ng-if="user.userpic">
- <img
- class="avatar"
- alt="{{user.name}}"
- ng-src="api/users/{{user.id}}/avatar"
- />
+ <img class="avatar" alt="{{user.name}}" ng-src="api/users/{{user.id}}/avatar" />
</td>
- <td
- md-cell
- ng-if="!user.userpic && (vm.table == 'users' || vm.table == 'agents')"
- >
- <img
- class="avatar"
- alt="{{user.name}}"
- ng-src="assets/images/avatars/profile.png"
- />
+ <td md-cell ng-if="!user.userpic && (vm.table == 'users' || vm.table == 'agents')">
+ <img class="avatar" alt="{{user.name}}" ng-src="assets/images/avatars/profile.png" />
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(user, ev) : vm.createOrEditUser($event, user)"
- md-cell
- class="role"
- >
+ md-cell class="role">
{{ vm.arrayrole[user.role].option }}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(user, ev) : vm.createOrEditUser($event, user)"
- md-cell
- class="userProfileId font-weight-600"
- >
+ md-cell class="userProfileId font-weight-600">
{{ (vm.userProfiles | filter : {'id':user.userProfileId} :
true)[0].name }}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(user, ev) : vm.createOrEditUser($event, user)"
- md-cell
- class="fullname font-weight-600"
- >
+ md-cell class="fullname font-weight-600">
{{user.fullname}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(user, ev) : vm.createOrEditUser($event, user)"
- md-cell
- class="name"
- >
+ md-cell class="name">
{{user.name}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(user, ev) : vm.createOrEditUser($event, user)"
- md-cell
- class="email"
- >
+ md-cell class="email">
{{user.email}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(user, ev) : vm.createOrEditUser($event, user)"
- md-cell
- class="phone"
- >
+ md-cell class="phone">
{{user.phone}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(user, ev) : vm.createOrEditUser($event, user)"
- md-cell
- class="mobile"
- >
+ md-cell class="mobile">
{{user.mobile}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(user, ev) : vm.createOrEditUser($event, user)"
- md-cell
- class="internal"
- >
+ md-cell class="internal">
{{user.internal}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(user, ev) : vm.createOrEditUser($event, user)"
- md-cell
- class="disabled"
- >
- <md-icon
- md-colors="{color: {{user.disabled ? '\'green\'' : '\'grey\''}}}"
- md-font-icon="{{user.disabled ? 'icon-check' : 'icon-close'}}"
- ></md-icon>
+ md-cell class="disabled">
+ <md-icon md-colors="{color: {{user.disabled ? '\'green\'' : '\'grey\''}}}"
+ md-font-icon="{{user.disabled ? 'icon-check' : 'icon-close'}}"></md-icon>
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(user, ev) : vm.createOrEditUser($event, user)"
- md-cell
- class="blocked"
- >
- <md-icon
- md-colors="{color: {{user.blocked ? '\'green\'' : '\'grey\''}}}"
- md-font-icon="{{user.blocked ? 'icon-check' : 'icon-close'}}"
- ></md-icon>
+ md-cell class="blocked">
+ <md-icon md-colors="{color: {{user.blocked ? '\'green\'' : '\'grey\''}}}"
+ md-font-icon="{{user.blocked ? 'icon-check' : 'icon-close'}}"></md-icon>
</td>
<td md-cell class="actions">
<md-menu>
- <md-button
- class="md-icon-button"
- aria-label="More"
- translate
- translate-attr-aria-label="STAFF.MORE"
- ng-click="$mdMenu.open($event)"
- >
+ <md-button class="md-icon-button" aria-label="More" translate translate-attr-aria-label="APP.MORE"
+ ng-click="$mdMenu.open($event)">
<md-icon md-font-icon="icon-dots-vertical"></md-icon>
</md-button>
<!-- ACTIONS -->
<md-menu-item ng-if="vm.crudPermissions.canEdit">
- <md-button
- ng-click="vm.editstate(user, $event )"
- translate="STAFF.EDIT_USER"
- >
+ <md-button ng-click="vm.editstate(user, $event )" translate="STAFF.EDIT_USER">
Edit User
</md-button>
</md-menu-item>
<!-- ACTIONS -->
- <md-menu-item
- ng-if="vm.currentUser.role === 'admin' && user.id !== vm.currentUser.id"
- >
- <md-button
- ng-click="vm.deleteconfirm(user, $event )"
- translate="STAFF.DELETE_USER"
- >
+ <md-menu-item ng-if="vm.currentUser.role === 'admin' && user.id !== vm.currentUser.id">
+ <md-button ng-click="vm.deleteconfirm(user, $event )" translate="STAFF.DELETE_USER">
Delete User
</md-button>
</md-menu-item>
</md-table-container>
<md-table-pagination
- md-label="{page: '{{'STAFF.PAGE' | translate}}:', rowsPerPage: '{{'STAFF.ROWSPERPAGE' | translate}}:', of: '{{'STAFF.OF' | translate}}'}"
- md-limit="vm.query.limit"
- md-limit-options="[10, 15, 20, 50, 100, 250]"
- md-page="vm.query.page"
- md-total="{{vm.users.count}}"
- md-on-paginate="vm.getUsers"
- md-page-select
- ></md-table-pagination>
+ md-label="{page: '{{'APP.PAGE' | translate}}:', rowsPerPage: '{{'APP.ROWSPERPAGE' | translate}}:', of: '{{'APP.OF' | translate}}'}"
+ md-limit="vm.query.limit" md-limit-options="[10, 15, 20, 50, 100, 250]" md-page="vm.query.page"
+ md-total="{{vm.users.count}}" md-on-paginate="vm.getUsers" md-page-select></md-table-pagination>
</md-card>
<!-- / USER TABLE -->
<!-- NO RESULTS -->
<!-- / CONTENT -->
<!-- ADD USER BUTTON -->
- <md-button
- ng-if="vm.crudPermissions.canEdit"
- class="md-fab md-accent add-item-button"
- id="add-user-button"
- ng-click="vm.createOrEditUser($event)"
- aria-label="add user"
- translate
- translate-attr-aria-label="STAFF.ADD_USER"
- >
+ <md-button ng-if="vm.crudPermissions.canEdit" class="md-fab md-accent add-item-button" id="add-user-button"
+ ng-click="vm.createOrEditUser($event)" aria-label="add user" translate translate-attr-aria-label="STAFF.ADD_USER">
<md-icon md-font-icon="icon-plus"></md-icon>
</md-button>
<!-- / ADD USER BUTTON -->
-</div>
+</div>
\ No newline at end of file