public/templates/main/apps/tools/views/triggers/triggers.html/triggers.html

   1 <div id="triggers" class="page-layout simple left-sidenav inner-sidenav">
   2   <!-- HEADER -->
   3   <div
   4     class="header md-accent-bg"
   5     layout="row"
   6     layout-align="space-between center"
   7   >
   8     <!-- APP TITLE -->
   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>
  13         </span>
  14         <span class="logo-text" translate="TOOLS.TRIGGERS">Triggers</span>
  15       </div>
  16     </div>
  17     <!-- / APP TITLE -->
  18     <div layout="row">
  19       <!-- SEARCH -->
  20       <div
  21         class="search-input-wrapper"
  22         layout="row"
  23         layout-align="start center"
  24       >
  25         <label for="search">
  26           <md-icon md-font-icon="icon-magnify"></md-icon>
  27         </label>
  28         <md-input-container md-no-float class="m-0">
  29           <input
  30             id="search"
  31             placeholder="Search for anyone"
  32             type="text"
  33             ng-model="vm.query.filter"
  34             ng-model-options="{ debounce: 1000 }"
  35             translate
  36             translate-attr-placeholder="APP.SEARCH_FOR_ANYONE"
  37           />
  38         </md-input-container>
  39       </div>
  40       <!-- / SEARCH -->
  41     </div>
  42   </div>
  43   <!-- / HEADER -->
  44   <!-- SELECTED BAR -->
  45   <div
  46     ng-show="vm.selectedTriggers.length > 0"
  47     class="selected-bar header animate-slide-down md-accent-bg"
  48     layout="row"
  49     layout-align="start center"
  50   >
  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="APP.BACK">Back</span>
  55       </md-button>
  56     </div>
  57     <div flex layout="row" layout-align="space-between center">
  58       <div>
  59         <span class="selected-triggers-count">
  60           <span>{{ vm.selectedTriggers.length }}</span>
  61           <span translate="APP.SELECTED">Selected</span>
  62         </span>
  63         <md-menu class="select-menu" ng-if="!vm.currentThread">
  64           <md-button
  65             class="md-icon-button"
  66             ng-click="$mdMenu.open($event)"
  67             aria-label="multi select toggle"
  68             translate
  69             translate-attr-aria-label="TOOLS.MULTI_SELECT_TOGGLE"
  70           >
  71             <md-icon md-font-icon="icon-menu-down"></md-icon>
  72           </md-button>
  73           <md-menu-content width="3">
  74             <md-menu-item>
  75               <md-button
  76                 ng-click="vm.selectAllTriggers()"
  77                 translate="APP.SELECT_ALL"
  78               >
  79                 Select all
  80               </md-button>
  81             </md-menu-item>
  82             <md-menu-item>
  83               <md-button
  84                 ng-click="vm.deselectTriggers()"
  85                 translate="APP.SELECT_NONE"
  86               >
  87                 Select none
  88               </md-button>
  89             </md-menu-item>
  90           </md-menu-content>
  91         </md-menu>
  92       </div>
  93       <div class="multi-select-actions">
  94         <button
  95           class="md-icon-button"
  96           ng-csv="vm.exportSelectedTriggers"
  97           csv-label="true"
  98           filename="triggers.csv"
  99         >
 100           <md-icon md-font-icon="icon-file-excel"></md-icon>
 101         </button>
 102         <md-button
 103           class="md-icon-button"
 104           ng-if="vm.crudPermissions.canDelete"
 105           ng-click="vm.deleteSelectedTriggers($event)"
 106           aria-label="delete selected"
 107           translate
 108           translate-attr-label="APP.DELETE_SELECTED"
 109         >
 110           <md-icon md-font-icon="icon-delete"></md-icon>
 111         </md-button>
 112       </div>
 113     </div>
 114   </div>
 115   <!-- / SELECTED BAR -->
 116   <!-- CONTENT -->
 117   <div class="content" md-background-bg layout="row" layout-align="start start">
 118     <!-- MAIN -->
 119     <div class="main scrollable" ms-scroll>
 120       <!-- TRIGGER TABLE -->
 121       <md-card>
 122         <md-table-container>
 123           <table
 124             md-table
 125             md-row-select
 126             multiple
 127             ng-model="vm.selectedTriggers"
 128             md-progress="vm.promise"
 129           >
 130             <thead
 131               md-head
 132               md-order="vm.query.sort"
 133               md-on-reorder="vm.getTriggers"
 134             >
 135               <tr md-row>
 136                 <th md-column md-order-by="id">{{ 'APP.ID' | translate }}</th>
 137                 <th md-column md-order-by="name">
 138                   {{ 'APP.NAME' | translate }}
 139                 </th>
 140                 <th md-column md-order-by="channel">
 141                   {{ 'APP.CHANNEL' | translate }}
 142                 </th>
 143                 <th md-column md-order-by="status">
 144                   {{ 'APP.STATUS' | translate }}
 145                 </th>
 146                 <th md-column md-order-by="description">
 147                   {{ 'APP.DESCRIPTION' | translate }}
 148                 </th>
 149                 <th md-column width="10px"></th>
 150               </tr>
 151             </thead>
 152             <tbody md-body>
 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="APP.NO_AVAILABLE_INFO"
 157                       >No Available Info</span
 158                     >
 159                   </div>
 160                 </td>
 161               </tr>
 162               <tr
 163                 md-row
 164                 md-select="trigger"
 165                 md-select-id="id"
 166                 ng-repeat="trigger in vm.triggers.rows"
 167               >
 168                 <td
 169                   ng-click="vm.createOrEditTrigger($event, trigger)"
 170                   md-cell
 171                   class="id"
 172                 >
 173                   {{ trigger.id }}
 174                 </td>
 175                 <td
 176                   ng-click="vm.createOrEditTrigger($event, trigger)"
 177                   md-cell
 178                   class="name"
 179                 >
 180                   {{ trigger.name }}
 181                 </td>
 182                 <td
 183                   ng-click="vm.createOrEditTrigger($event, trigger)"
 184                   md-cell
 185                   class="channel"
 186                 >
 187                   {{ 'TOOLS.' + trigger.channel | uppercase | translate }}
 188                 </td>
 189                 <td
 190                   ng-click="vm.createOrEditTrigger($event, trigger)"
 191                   md-cell
 192                   class="status"
 193                 >
 194                   <md-icon
 195                     md-colors="{color: {{ trigger.status ? '\'green\'' : '\'grey\'' }}}"
 196                     md-font-icon="{{ trigger.status ? 'icon-check' : 'icon-close' }}"
 197                   ></md-icon>
 198                 </td>
 199                 <td
 200                   ng-click="vm.createOrEditTrigger($event, trigger)"
 201                   md-cell
 202                   class="description"
 203                 >
 204                   {{ trigger.description }}
 205                 </td>
 206                 <td
 207                   md-cell
 208                   class="actions"
 209                   ng-if="!vm.crudPermissions.readOnly"
 210                 >
 211                   <md-menu>
 212                     <md-button
 213                       class="md-icon-button"
 214                       aria-label="More"
 215                       translate
 216                       translate-attr-aria-label="APP.MORE"
 217                       ng-click="$mdMenu.open($event)"
 218                     >
 219                       <md-icon md-font-icon="icon-dots-vertical"></md-icon>
 220                     </md-button>
 221                     <md-menu-content width="3">
 222                       <!-- SUBACTIONS -->
 223                       <!-- ACTIONS -->
 224                       <md-menu-item ng-if="vm.crudPermissions.canEdit">
 225                         <md-button
 226                           ng-click="vm.goToEditState(trigger)"
 227                           translate="TOOLS.EDIT_TRIGGER"
 228                         >
 229                           Edit Trigger
 230                         </md-button>
 231                       </md-menu-item>
 232                       <!-- SUBACTIONS -->
 233                       <!-- ACTIONS -->
 234                       <md-menu-item ng-if="vm.crudPermissions.canDelete">
 235                         <md-button
 236                           ng-click="vm.deleteconfirm(trigger, $event)"
 237                           translate="TOOLS.DELETE_TRIGGER"
 238                         >
 239                           Delete Trigger
 240                         </md-button>
 241                       </md-menu-item>
 242                     </md-menu-content>
 243                   </md-menu>
 244                 </td>
 245               </tr>
 246             </tbody>
 247           </table>
 248         </md-table-container>
 249         <md-table-pagination
 250           md-label="{page: '{{ 'APP.PAGE' | translate }}:', rowsPerPage: '{{ 'APP.ROWSPERPAGE' | translate }}:', of: '{{ 'APP.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"
 256           md-page-select
 257         ></md-table-pagination>
 258       </md-card>
 259       <!-- / TRIGGER TABLE -->
 260       <!-- NO RESULTS -->
 261       <!-- / NO RESULTS -->
 262     </div>
 263     <!-- / MAIN -->
 264   </div>
 265   <!-- / CONTENT -->
 266   <!-- ADD TRIGGER BUTTON -->
 267   <md-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"
 273     translate
 274     translate-attr-aria-label="TOOLS.ADD_TRIGGER"
 275   >
 276     <md-icon md-font-icon="icon-plus"></md-icon>
 277   </md-button>
 278   <!-- / ADD TRIGGER BUTTON -->
 279 </div>