-<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">
<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="APP.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>
<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="APP.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="APP.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>
<tr md-row ng-hide="vm.users.rows.length">
<td md-cell colspan="11">
<div layout="row" layout-align="center center">
- <span translate="APP.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="APP.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-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-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>
\ No newline at end of file
+</div>