-<div id="agents" class="page-layout simple left-sidenav inner-sidenav motion-list">
+<div
+ id="agents"
+ 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.selectedAgents.length > 0" class="selected-bar header animate-slide-down md-accent-bg" layout="row"
- layout-align="start center">
+ <div
+ ng-show="vm.selectedAgents.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.selectedAgents =[]">
<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.selectAllAgents()" translate="APP.SELECT_ALL">
+ <md-button
+ ng-click="vm.selectAllAgents()"
+ translate="APP.SELECT_ALL"
+ >
Select all
</md-button>
</md-menu-item>
<md-menu-item>
- <md-button ng-click="vm.deselectAgents()" translate="APP.SELECT_NONE">
+ <md-button
+ ng-click="vm.deselectAgents()"
+ 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.exportSelectedAgents" csv-label="true" filename="agents.csv">
+ <button
+ class="md-icon-button"
+ ng-csv="vm.exportSelectedAgents"
+ csv-label="true"
+ filename="agents.csv"
+ >
<md-icon md-font-icon="icon-file-excel"></md-icon>
</button>
- <md-button class="md-icon-button" ng-if="vm.crudPermissions.canDelete"
- ng-click="vm.deleteSelectedAgents($event)" aria-label="delete selected" translate
- translate-attr-label="APP.DELETE_SELECTED">
+ <md-button
+ class="md-icon-button"
+ ng-if="vm.crudPermissions.canDelete"
+ ng-click="vm.deleteSelectedAgents($event)"
+ aria-label="delete selected"
+ translate
+ translate-attr-label="APP.DELETE_SELECTED"
+ >
<md-icon md-font-icon="icon-delete"></md-icon>
</md-button>
</div>
<!-- AGENT TABLE -->
<md-card>
<md-table-container>
- <table md-table md-row-select multiple ng-model="vm.selectedAgents" md-progress="vm.promise">
- <thead md-head md-order="vm.query.sort" md-on-reorder="vm.getAgents">
+ <table
+ md-table
+ md-row-select
+ multiple
+ ng-model="vm.selectedAgents"
+ md-progress="vm.promise"
+ >
+ <thead
+ md-head
+ md-order="vm.query.sort"
+ md-on-reorder="vm.getAgents"
+ >
<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="fullname">
{{ 'APP.FULLNAME' | translate }}
</th>
<tr md-row ng-hide="vm.agents.rows.length">
<td md-cell colspan="10">
<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="agent" md-select-id="id" ng-repeat="agent in vm.agents.rows">
+ <tr
+ md-row
+ md-select="agent"
+ md-select-id="id"
+ ng-repeat="agent in vm.agents.rows"
+ >
<td md-cell ng-if="agent.userpic">
- <img class="avatar" alt="{{agent.name}}" ng-src="api/users/{{agent.id}}/avatar" />
+ <img
+ class="avatar"
+ alt="{{agent.name}}"
+ ng-src="api/users/{{agent.id}}/avatar"
+ />
</td>
- <td md-cell ng-if="!agent.userpic && (vm.table == 'users' || vm.table == 'agents')">
- <img class="avatar" alt="{{agent.name}}" ng-src="assets/images/avatars/profile.png" />
+ <td
+ md-cell
+ ng-if="!agent.userpic && (vm.table == 'users' || vm.table == 'agents')"
+ >
+ <img
+ class="avatar"
+ alt="{{agent.name}}"
+ ng-src="assets/images/avatars/profile.png"
+ />
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(agent, ev) : vm.createOrEditAgent($event, agent)"
- md-cell class="fullname font-weight-600">
+ md-cell
+ class="fullname font-weight-600"
+ >
{{agent.fullname}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(agent, ev) : vm.createOrEditAgent($event, agent)"
- md-cell class="name">
+ md-cell
+ class="name"
+ >
{{agent.name}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(agent, ev) : vm.createOrEditAgent($event, agent)"
- md-cell class="showWebBar">
+ md-cell
+ class="showWebBar"
+ >
{{ vm.arrayshowWebBar[agent.showWebBar].option }}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(agent, ev) : vm.createOrEditAgent($event, agent)"
- md-cell class="email">
+ md-cell
+ class="email"
+ >
{{agent.email}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(agent, ev) : vm.createOrEditAgent($event, agent)"
- md-cell class="phone">
+ md-cell
+ class="phone"
+ >
{{agent.phone}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(agent, ev) : vm.createOrEditAgent($event, agent)"
- md-cell class="mobile">
+ md-cell
+ class="mobile"
+ >
{{agent.mobile}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(agent, ev) : vm.createOrEditAgent($event, agent)"
- md-cell class="internal">
+ md-cell
+ class="internal"
+ >
{{agent.internal}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(agent, ev) : vm.createOrEditAgent($event, agent)"
- md-cell class="disabled">
- <md-icon md-colors="{color: {{agent.disabled ? '\'green\'' : '\'grey\''}}}"
- md-font-icon="{{agent.disabled ? 'icon-check' : 'icon-close'}}"></md-icon>
+ md-cell
+ class="disabled"
+ >
+ <md-icon
+ md-colors="{color: {{agent.disabled ? '\'green\'' : '\'grey\''}}}"
+ md-font-icon="{{agent.disabled ? 'icon-check' : 'icon-close'}}"
+ ></md-icon>
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(agent, ev) : vm.createOrEditAgent($event, agent)"
- md-cell class="blocked">
- <md-icon md-colors="{color: {{agent.blocked ? '\'green\'' : '\'grey\''}}}"
- md-font-icon="{{agent.blocked ? 'icon-check' : 'icon-close'}}"></md-icon>
+ md-cell
+ class="blocked"
+ >
+ <md-icon
+ md-colors="{color: {{agent.blocked ? '\'green\'' : '\'grey\''}}}"
+ md-font-icon="{{agent.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(agent, $event )" translate="APP.EDIT_AGENT">
+ <md-button
+ ng-click="vm.editstate(agent, $event )"
+ translate="APP.EDIT_AGENT"
+ >
Edit Agent
</md-button>
</md-menu-item>
<!-- ACTIONS -->
<md-menu-item>
- <md-button ng-click="vm.teamadddialog(agent, $event )" translate="STAFF.TEAMADD_AGENT">
+ <md-button
+ ng-click="vm.teamadddialog(agent, $event )"
+ translate="STAFF.TEAMADD_AGENT"
+ >
teamadd Agent
</md-button>
</md-menu-item>
<!-- ACTIONS -->
<md-menu-item ng-if="vm.crudPermissions.canDelete">
- <md-button ng-click="vm.deleteconfirm(agent, $event )" translate="STAFF.DELETE_AGENT">
+ <md-button
+ ng-click="vm.deleteconfirm(agent, $event )"
+ translate="STAFF.DELETE_AGENT"
+ >
Delete Agent
</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.agents.count}}" md-on-paginate="vm.getAgents" 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.agents.count}}"
+ md-on-paginate="vm.getAgents"
+ md-page-select
+ ></md-table-pagination>
</md-card>
<!-- / AGENT TABLE -->
<!-- NO RESULTS -->
<!-- / CONTENT -->
<!-- ADD AGENT BUTTON -->
- <md-button ng-if="vm.crudPermissions.canEdit" class="md-fab md-accent add-item-button" id="add-agent-button"
- ng-click="vm.createOrEditAgent($event)" aria-label="add agent" translate
- translate-attr-aria-label="STAFF.ADD_AGENT">
+ <md-button
+ ng-if="vm.crudPermissions.canEdit"
+ class="md-fab md-accent add-item-button"
+ id="add-agent-button"
+ ng-click="vm.createOrEditAgent($event)"
+ aria-label="add agent"
+ translate
+ translate-attr-aria-label="STAFF.ADD_AGENT"
+ >
<md-icon md-font-icon="icon-plus"></md-icon>
</md-button>
<!-- / ADD AGENT BUTTON -->
-</div>
\ No newline at end of file
+</div>
git://repos.xcallymotion.com / motion-next.git / blobdiff