1 <div id="triggers" class="page-layout simple left-sidenav inner-sidenav">
4 class="header md-accent-bg"
6 layout-align="space-between center"
9 <div layout="row" layout-align="start center">
10 <div class="logo" layout="row" layout-align="start center">
11 <span class="logo-icon">
12 <md-icon md-font-icon="icon-auto-fix" class="s24"></md-icon>
14 <span class="logo-text" translate="TOOLS.TRIGGERS">Triggers</span>
21 class="search-input-wrapper"
23 layout-align="start center"
26 <md-icon md-font-icon="icon-magnify"></md-icon>
28 <md-input-container md-no-float class="m-0">
31 placeholder="Search for anyone"
33 ng-model="vm.query.filter"
34 ng-model-options="{ debounce: 1000 }"
36 translate-attr-placeholder="TOOLS.SEARCH_FOR_ANYONE"
46 ng-show="vm.selectedTriggers.length > 0"
47 class="selected-bar header animate-slide-down md-accent-bg"
49 layout-align="start center"
51 <div class="close-button-wrapper" ng-click="vm.selectedTriggers =[]">
52 <md-button layout="row" layout-align="start center">
53 <md-icon md-font-icon="icon-arrow-left" class="mr-8"></md-icon>
54 <span translate="TOOLS.BACK">Back</span>
57 <div flex layout="row" layout-align="space-between center">
59 <span class="selected-triggers-count">
60 <span>{{ vm.selectedTriggers.length }}</span>
61 <span translate="TOOLS.SELECTED">Selected</span>
63 <md-menu class="select-menu" ng-if="!vm.currentThread">
65 class="md-icon-button"
66 ng-click="$mdOpenMenu($event)"
67 aria-label="multi select toggle"
69 translate-attr-aria-label="TOOLS.MULTI_SELECT_TOGGLE"
71 <md-icon md-font-icon="icon-menu-down"></md-icon>
73 <md-menu-content width="3">
76 ng-click="vm.selectAllTriggers()"
77 translate="TOOLS.SELECT_ALL"
84 ng-click="vm.deselectTriggers()"
85 translate="TOOLS.SELECT_NONE"
93 <div class="multi-select-actions">
95 class="md-icon-button"
96 ng-csv="vm.exportSelectedTriggers"
98 filename="triggers.csv"
100 <md-icon md-font-icon="icon-file-excel"></md-icon>
103 class="md-icon-button"
104 ng-if="vm.crudPermissions.canDelete"
105 ng-click="vm.deleteSelectedTriggers($event)"
106 aria-label="delete selected"
108 translate-attr-label="TOOLS.DELETE_SELECTED"
110 <md-icon md-font-icon="icon-delete"></md-icon>
115 <!-- / SELECTED BAR -->
117 <div class="content" md-background-bg layout="row" layout-align="start start">
119 <div class="main scrollable" ms-scroll>
120 <!-- TRIGGER TABLE -->
127 ng-model="vm.selectedTriggers"
128 md-progress="vm.promise"
132 md-order="vm.query.sort"
133 md-on-reorder="vm.getTriggers"
136 <th md-column md-order-by="id">{{ 'TOOLS.ID' | translate }}</th>
137 <th md-column md-order-by="name">
138 {{ 'TOOLS.NAME' | translate }}
140 <th md-column md-order-by="channel">
141 {{ 'TOOLS.CHANNEL' | translate }}
143 <th md-column md-order-by="status">
144 {{ 'TOOLS.STATUS' | translate }}
146 <th md-column md-order-by="description">
147 {{ 'TOOLS.DESCRIPTION' | translate }}
149 <th md-column width="10px"></th>
153 <tr md-row ng-hide="vm.triggers.rows.length">
154 <td md-cell colspan="6">
155 <div layout="row" layout-align="center center">
156 <span translate="TOOLS.NO_AVAILABLE_INFO"
157 >No Available Info</span
166 ng-repeat="trigger in vm.triggers.rows"
169 ng-click="vm.createOrEditTrigger($event, trigger)"
176 ng-click="vm.createOrEditTrigger($event, trigger)"
183 ng-click="vm.createOrEditTrigger($event, trigger)"
187 {{ 'TOOLS.' + trigger.channel | uppercase | translate }}
190 ng-click="vm.createOrEditTrigger($event, trigger)"
195 md-colors="{color: {{ trigger.status ? '\'green\'' : '\'grey\'' }}}"
196 md-font-icon="{{ trigger.status ? 'icon-check' : 'icon-close' }}"
200 ng-click="vm.createOrEditTrigger($event, trigger)"
204 {{ trigger.description }}
209 ng-if="!vm.crudPermissions.readOnly"
213 class="md-icon-button"
216 translate-attr-aria-label="TOOLS.MORE"
217 ng-click="$mdOpenMenu($event)"
219 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
221 <md-menu-content width="3">
224 <md-menu-item ng-if="vm.crudPermissions.canEdit">
226 ng-click="vm.goToEditState(trigger)"
227 translate="TOOLS.EDIT_TRIGGER"
234 <md-menu-item ng-if="vm.crudPermissions.canDelete">
236 ng-click="vm.deleteconfirm(trigger, $event)"
237 translate="TOOLS.DELETE_TRIGGER"
248 </md-table-container>
250 md-label="{page: '{{ 'TOOLS.PAGE' | translate }}:', rowsPerPage: '{{ 'TOOLS.ROWSPERPAGE' | translate }}:', of: '{{ 'TOOLS.OF' | translate }}'}"
251 md-limit="vm.query.limit"
252 md-limit-options="[10, 15, 20, 50, 100, 250]"
253 md-page="vm.query.page"
254 md-total="{{ vm.triggers.count }}"
255 md-on-paginate="vm.getTriggers"
257 ></md-table-pagination>
259 <!-- / TRIGGER TABLE -->
261 <!-- / NO RESULTS -->
266 <!-- ADD TRIGGER BUTTON -->
268 ng-if="vm.crudPermissions.canEdit"
269 class="md-fab md-accent"
270 id="add-trigger-button"
271 ng-click="vm.createOrEditTrigger($event)"
272 aria-label="add trigger"
274 translate-attr-aria-label="TOOLS.ADD_TRIGGER"
276 <md-icon md-font-icon="icon-plus"></md-icon>
278 <!-- / ADD TRIGGER BUTTON -->