3 class="page-layout simple left-sidenav inner-sidenav motion-list"
7 class="header md-accent-bg"
9 layout-align="space-between center"
12 <div layout="row" layout-align="start center">
13 <div class="logo" layout="row" layout-align="start center">
14 <span class="logo-icon">
15 <md-icon md-font-icon="icon-auto-fix" class="s24"></md-icon>
17 <span class="logo-text" translate="APP.CANNEDANSWERS"
27 class="search-input-wrapper"
29 layout-align="start center"
32 <md-icon md-font-icon="icon-magnify"></md-icon>
34 <md-input-container md-no-float class="m-0">
37 placeholder="Search for anyone"
39 ng-model="vm.query.filter"
40 ng-model-options="{ debounce: 1000 }"
42 translate-attr-placeholder="APP.SEARCH_FOR_ANYONE"
53 ng-show="vm.selectedCannedAnswers.length > 0"
54 class="selected-bar header animate-slide-down md-accent-bg"
56 layout-align="start center"
58 <div class="close-button-wrapper" ng-click="vm.selectedCannedAnswers =[]">
59 <md-button layout="row" layout-align="start center">
60 <md-icon md-font-icon="icon-arrow-left" class="mr-8"></md-icon>
61 <span translate="APP.BACK">Back</span>
65 <div flex layout="row" layout-align="space-between center">
67 <span class="selected-cannedAnswers-count">
68 <span>{{vm.selectedCannedAnswers.length}}</span>
69 <span translate="APP.SELECTED">selected</span>
72 <md-menu class="select-menu" ng-if="!vm.currentThread">
74 class="md-icon-button"
75 ng-click="$mdMenu.open($event)"
76 aria-label="multi select toggle"
78 translate-attr-aria-label="TOOLS.MULTI_SELECT_TOGGLE"
80 <md-icon md-font-icon="icon-menu-down"></md-icon>
82 <md-menu-content width="3">
85 ng-click="vm.selectAllCannedAnswers()"
86 translate="APP.SELECT_ALL"
93 ng-click="vm.deselectCannedAnswers()"
94 translate="APP.SELECT_NONE"
103 <div class="multi-select-actions">
105 class="md-icon-button"
106 ng-csv="vm.exportSelectedCannedAnswers"
108 filename="cannedAnswers.csv"
110 <md-icon md-font-icon="icon-file-excel"></md-icon>
113 class="md-icon-button"
114 ng-if="vm.crudPermissions.canDelete"
115 ng-click="vm.deleteSelectedCannedAnswers($event)"
116 aria-label="delete selected"
118 translate-attr-label="APP.DELETE_SELECTED"
120 <md-icon md-font-icon="icon-delete"></md-icon>
125 <!-- / SELECTED BAR -->
128 <div class="content" md-background-bg layout="row" layout-align="start start">
130 <div class="main scrollable" ms-scroll>
131 <!-- CANNEDANSWER TABLE -->
138 ng-model="vm.selectedCannedAnswers"
139 md-progress="vm.promise"
143 md-order="vm.query.sort"
144 md-on-reorder="vm.getCannedAnswers"
149 ng-if="vm.table == 'users' || vm.table == 'agents'"
152 <th md-column md-order-by="id">{{ 'APP.ID' | translate }}</th>
153 <th md-column md-order-by="key">{{ 'APP.KEY' | translate }}</th>
154 <th md-column md-order-by="value">
155 {{ 'APP.VALUE' | translate }}
157 <th md-column md-order-by="description">
158 {{ 'APP.DESCRIPTION' | translate }}
160 <th md-column width="10px"></th>
164 <tr md-row ng-hide="vm.cannedAnswers.rows.length">
165 <td md-cell colspan="5">
166 <div layout="row" layout-align="center center">
167 <span translate="APP.NO_AVAILABLE_INFO"
168 >No Available Info</span
175 md-select="cannedAnswer"
177 ng-repeat="cannedAnswer in vm.cannedAnswers.rows"
179 <td md-cell ng-if="cannedAnswer.userpic">
182 alt="{{cannedAnswer.name}}"
183 ng-src="api/users/{{cannedAnswer.id}}/avatar"
188 ng-if="!cannedAnswer.userpic && (vm.table == 'users' || vm.table == 'agents')"
192 alt="{{cannedAnswer.name}}"
193 ng-src="assets/images/avatars/profile.png"
197 ng-click="vm.createOrEditCannedAnswer($event, cannedAnswer)"
204 ng-click="vm.createOrEditCannedAnswer($event, cannedAnswer)"
211 ng-click="vm.createOrEditCannedAnswer($event, cannedAnswer)"
215 {{cannedAnswer.value}}
218 ng-click="vm.createOrEditCannedAnswer($event, cannedAnswer)"
222 {{cannedAnswer.description}}
228 ng-if="!vm.crudPermissions.readOnly"
232 class="md-icon-button"
235 translate-attr-aria-label="APP.MORE"
236 ng-click="$mdMenu.open($event)"
238 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
241 <md-menu-content width="3">
246 <md-menu-item ng-if="vm.crudPermissions.canEdit">
248 ng-click="vm.editdialog(cannedAnswer, $event )"
249 translate="TOOLS.EDIT_CANNEDANSWER"
259 <md-menu-item ng-if="vm.crudPermissions.canDelete">
261 ng-click="vm.deleteconfirm(cannedAnswer, $event )"
262 translate="TOOLS.DELETE_CANNEDANSWER"
273 </md-table-container>
276 md-label="{page: '{{'TOOLS.PAGE' | translate}}:', rowsPerPage: '{{'TOOLS.ROWSPERPAGE' | translate}}:', of: '{{'TOOLS.OF' | translate}}'}"
277 md-limit="vm.query.limit"
278 md-limit-options="[10, 15, 20, 50, 100, 250]"
279 md-page="vm.query.page"
280 md-total="{{vm.cannedAnswers.count}}"
281 md-on-paginate="vm.getCannedAnswers"
284 </md-table-pagination>
286 <!-- / CANNEDANSWER TABLE -->
289 <!-- / NO RESULTS -->
295 <!-- ADD CANNEDANSWER BUTTON -->
297 ng-if="vm.crudPermissions.canEdit"
298 class="md-fab md-accent add-item-button"
299 id="add-cannedAnswer-button"
300 ng-click="vm.createOrEditCannedAnswer($event)"
301 aria-label="add cannedAnswer"
303 translate-attr-aria-label="TOOLS.ADD_CANNEDANSWER"
305 <md-icon md-font-icon="icon-plus"></md-icon>
307 <!-- / ADD CANNEDANSWER BUTTON -->