-<div id="whatsappQueues" class="page-layout simple left-sidenav inner-sidenav motion-list">
+<div
+ id="whatsappQueues"
+ 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-whatsapp" class="s24"></md-icon>
</span>
- <span class="logo-text" translate="WHATSAPP.WHATSAPPQUEUES">WhatsappQueues</span>
+ <span class="logo-text" translate="WHATSAPP.WHATSAPPQUEUES"
+ >WhatsappQueues</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="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.selectedWhatsappQueues.length > 0" class="selected-bar header animate-slide-down md-accent-bg"
- layout="row" layout-align="start center">
+ <div
+ ng-show="vm.selectedWhatsappQueues.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.selectedWhatsappQueues =[]">
<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="WHATSAPP.MULTI_SELECT_TOGGLE">
+ <md-button
+ class="md-icon-button"
+ ng-click="$mdMenu.open($event)"
+ aria-label="multi select toggle"
+ translate
+ translate-attr-aria-label="WHATSAPP.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.selectAllWhatsappQueues()" translate="APP.SELECT_ALL">
+ <md-button
+ ng-click="vm.selectAllWhatsappQueues()"
+ translate="APP.SELECT_ALL"
+ >
Select all
</md-button>
</md-menu-item>
<md-menu-item>
- <md-button ng-click="vm.deselectWhatsappQueues()" translate="APP.SELECT_NONE">
+ <md-button
+ ng-click="vm.deselectWhatsappQueues()"
+ 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.exportSelectedWhatsappQueues" csv-label="true"
- filename="whatsappQueues.csv">
+ <button
+ class="md-icon-button"
+ ng-csv="vm.exportSelectedWhatsappQueues"
+ csv-label="true"
+ filename="whatsappQueues.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.deleteSelectedWhatsappQueues($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.deleteSelectedWhatsappQueues($event)"
+ aria-label="delete selected"
+ translate
+ translate-attr-label="APP.DELETE_SELECTED"
+ >
<md-icon md-font-icon="icon-delete"></md-icon>
</md-button>
</div>
<!-- WHATSAPPQUEUE TABLE -->
<md-card>
<md-table-container>
- <table md-table md-row-select multiple ng-model="vm.selectedWhatsappQueues" md-progress="vm.promise">
- <thead md-head md-order="vm.query.sort" md-on-reorder="vm.getWhatsappQueues">
+ <table
+ md-table
+ md-row-select
+ multiple
+ ng-model="vm.selectedWhatsappQueues"
+ md-progress="vm.promise"
+ >
+ <thead
+ md-head
+ md-order="vm.query.sort"
+ md-on-reorder="vm.getWhatsappQueues"
+ >
<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="id">{{ 'APP.ID' | translate }}</th>
<th md-column md-order-by="name">
{{ 'APP.NAME' | translate }}
<tr md-row ng-hide="vm.whatsappQueues.rows.length">
<td md-cell colspan="4">
<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="whatsappQueue" md-select-id="id"
- ng-repeat="whatsappQueue in vm.whatsappQueues.rows">
+ <tr
+ md-row
+ md-select="whatsappQueue"
+ md-select-id="id"
+ ng-repeat="whatsappQueue in vm.whatsappQueues.rows"
+ >
<td md-cell ng-if="whatsappQueue.userpic">
- <img class="avatar" alt="{{whatsappQueue.name}}" ng-src="api/users/{{whatsappQueue.id}}/avatar" />
+ <img
+ class="avatar"
+ alt="{{whatsappQueue.name}}"
+ ng-src="api/users/{{whatsappQueue.id}}/avatar"
+ />
</td>
- <td md-cell ng-if="!whatsappQueue.userpic && (vm.table == 'users' || vm.table == 'agents')">
- <img class="avatar" alt="{{whatsappQueue.name}}" ng-src="assets/images/avatars/profile.png" />
+ <td
+ md-cell
+ ng-if="!whatsappQueue.userpic && (vm.table == 'users' || vm.table == 'agents')"
+ >
+ <img
+ class="avatar"
+ alt="{{whatsappQueue.name}}"
+ ng-src="assets/images/avatars/profile.png"
+ />
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(whatsappQueue, ev) : vm.createOrEditWhatsappQueue($event, whatsappQueue)"
- md-cell class="id">
+ md-cell
+ class="id"
+ >
{{whatsappQueue.id}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(whatsappQueue, ev) : vm.createOrEditWhatsappQueue($event, whatsappQueue)"
- md-cell class="name">
+ md-cell
+ class="name"
+ >
{{whatsappQueue.name}}
</td>
<td
ng-click="vm.crudPermissions.readOnly || (vm.crudPermissions.canDelete && !vm.crudPermissions.canEdit) ? vm.editstate(whatsappQueue, ev) : vm.createOrEditWhatsappQueue($event, whatsappQueue)"
- md-cell class="strategy">
+ md-cell
+ class="strategy"
+ >
{{ vm.arraystrategy[whatsappQueue.strategy].option }}
</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(whatsappQueue, $event )"
- translate="WHATSAPP.EDIT_WHATSAPPQUEUE">
+ <md-button
+ ng-click="vm.editstate(whatsappQueue, $event )"
+ translate="WHATSAPP.EDIT_WHATSAPPQUEUE"
+ >
Edit WhatsappQueue
</md-button>
</md-menu-item>
<!-- ACTIONS -->
<md-menu-item>
- <md-button ng-click="vm.teamadddialog(whatsappQueue, $event )"
- translate="WHATSAPP.TEAMADD_WHATSAPPQUEUE">
+ <md-button
+ ng-click="vm.teamadddialog(whatsappQueue, $event )"
+ translate="WHATSAPP.TEAMADD_WHATSAPPQUEUE"
+ >
teamadd WhatsappQueue
</md-button>
</md-menu-item>
<!-- ACTIONS -->
<md-menu-item>
- <md-button ng-click="vm.agentadddialog(whatsappQueue, $event )"
- translate="WHATSAPP.AGENTADD_WHATSAPPQUEUE">
+ <md-button
+ ng-click="vm.agentadddialog(whatsappQueue, $event )"
+ translate="WHATSAPP.AGENTADD_WHATSAPPQUEUE"
+ >
agentadd WhatsappQueue
</md-button>
</md-menu-item>
<!-- ACTIONS -->
<md-menu-item ng-if="vm.crudPermissions.canDelete">
- <md-button ng-click="vm.deleteconfirm(whatsappQueue, $event )"
- translate="WHATSAPP.DELETE_WHATSAPPQUEUE">
+ <md-button
+ ng-click="vm.deleteconfirm(whatsappQueue, $event )"
+ translate="WHATSAPP.DELETE_WHATSAPPQUEUE"
+ >
Delete WhatsappQueue
</md-button>
</md-menu-item>
<!-- ACTIONS -->
<md-menu-item>
- <md-button ng-click="vm.gotorealtimegoto(whatsappQueue, $event )"
- translate="WHATSAPP.GOTOREALTIME_WHATSAPPQUEUE">
+ <md-button
+ ng-click="vm.gotorealtimegoto(whatsappQueue, $event )"
+ translate="WHATSAPP.GOTOREALTIME_WHATSAPPQUEUE"
+ >
goToRealtime WhatsappQueue
</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.whatsappQueues.count}}" md-on-paginate="vm.getWhatsappQueues" md-page-select>
+ md-limit="vm.query.limit"
+ md-limit-options="[10, 15, 20, 50, 100, 250]"
+ md-page="vm.query.page"
+ md-total="{{vm.whatsappQueues.count}}"
+ md-on-paginate="vm.getWhatsappQueues"
+ md-page-select
+ >
</md-table-pagination>
</md-card>
<!-- / WHATSAPPQUEUE TABLE -->
<!-- / CONTENT -->
<!-- ADD WHATSAPPQUEUE BUTTON -->
- <md-button ng-if="vm.crudPermissions.canEdit" class="md-fab md-accent add-item-button" id="add-whatsappQueue-button"
- ng-click="vm.createOrEditWhatsappQueue($event)" aria-label="add whatsappQueue" translate
- translate-attr-aria-label="WHATSAPP.ADD_WHATSAPPQUEUE">
+ <md-button
+ ng-if="vm.crudPermissions.canEdit"
+ class="md-fab md-accent add-item-button"
+ id="add-whatsappQueue-button"
+ ng-click="vm.createOrEditWhatsappQueue($event)"
+ aria-label="add whatsappQueue"
+ translate
+ translate-attr-aria-label="WHATSAPP.ADD_WHATSAPPQUEUE"
+ >
<md-icon md-font-icon="icon-plus"></md-icon>
</md-button>
<!-- / ADD WHATSAPPQUEUE BUTTON -->
-</div>
\ No newline at end of file
+</div>