public/src/js/modules/main/apps/tools/views/triggers/edit/view.html/view.html

   1 <div id="tools-trigger" class="page-layout simple tabbed" layout="column">
   2   <!-- HEADER -->
   3   <div class="header md-accent-bg" layout="row" layout-align="start center">
   4     <div class="white-fg" layout="row" layout-align="start center" flex>
   5       <md-button
   6         class="goto-triggers-button md-icon-button"
   7         aria-label="Go to triggers"
   8         ng-click="vm.gotoTriggers()"
   9         translate
  10         translate-attr-aria-label="TOOLS.GO_TO_TRIGGERS"
  11       >
  12         <md-icon md-font-icon="icon-arrow-left"></md-icon>
  13       </md-button>
  14       <div layout="row" layout-align="start center">
  15         <div class="trigger-image" hide-xs>
  16           <img ng-src="assets/images/business/triggers.jpg" />
  17         </div>
  18         <div layout="column" layout-align="start start">
  19           <div class="h2">
  20             #{{ vm.trigger.id }}
  21             <span ng-if="vm.trigger.name">{{ vm.trigger.name }}</span>
  22           </div>
  23           <div class="subtitle secondary-text">
  24             <span translate="TOOLS.CREATED_AT"></span>
  25             <span>{{ vm.trigger.createdAt | date:'medium' }}</span>
  26           </div>
  27         </div>
  28       </div>
  29     </div>
  30     <div>
  31       <md-button
  32         type="submit"
  33         ng-click="vm.saveTrigger()"
  34         ng-if="vm.crudPermissions.canEdit"
  35         class="send-button md-accent md-raised"
  36         ng-disabled="(generalForm.$invalid) || (allconditionsForm.$invalid) || (anyconditionsForm.$invalid) || (actionsForm.$invalid)"
  37         translate="TOOLS.SAVE"
  38         translate-attr-aria-label="TOOLS.SAVE"
  39       >
  40         SAVE
  41       </md-button>
  42     </div>
  43   </div>
  44   <!-- / HEADER -->
  45   <!-- CONTENT -->
  46   <div class="content">
  47     <md-tabs
  48       md-selected="vm.selectedTab"
  49       md-stretch-tabs="always"
  50       flex
  51       layout-fill
  52       md-dynamic-height
  53     >
  54       <md-tab>
  55         <md-tab-label>
  56           <span translate="TOOLS.SETTINGS">SETTINGS</span>
  57         </md-tab-label>
  58         <md-tab-body>
  59           <div
  60             class="trigger-detail-form-container general md-background-bg md-whiteframe-1dp"
  61           >
  62             <div class="pb-16" layout="row" layout-align="start center">
  63               <div class="h2 secondary-text" translate="TOOLS.GENERAL">
  64                 GENERAL
  65               </div>
  66             </div>
  67             <form name="generalForm" novalidate>
  68               <md-input-container class="md-block">
  69                 <label translate="TOOLS.NAME">Name</label>
  70                 <input
  71                   type="text"
  72                   name="name"
  73                   ng-model="vm.trigger.name"
  74                   required
  75                   autofocus
  76                   ng-disabled="!vm.crudPermissions.canEdit"
  77                 />
  78                 <div
  79                   ng-messages="generalForm['name'].$error"
  80                   ng-show="generalForm['name'].$touched"
  81                   role="alert"
  82                 >
  83                   <div ng-message="required">
  84                     <span translate="TOOLS.ERRORS.NAME_REQUIRED"
  85                       >Name field is required</span
  86                     >
  87                   </div>
  88                 </div>
  89               </md-input-container>
  90               <md-input-container class="md-block">
  91                 <label translate="TOOLS.CHANNEL">Channel</label>
  92                 <md-select
  93                   name="channel"
  94                   ng-model="vm.trigger.channel"
  95                   required
  96                   disabled
  97                 >
  98                   <md-option ng-value="'voice'">
  99                     {{ 'TOOLS.VOICE' | translate }}
 100                   </md-option>
 101                   <md-option
 102                     ng-value="'openchannel'"
 103                     ng-if="vm.license.openchannel"
 104                   >
 105                     {{ 'TOOLS.OPENCHANNEL' | translate }}
 106                   </md-option>
 107                   <md-option ng-value="'chat'" ng-if="vm.license.chat">
 108                     {{ 'TOOLS.CHAT' | translate }}
 109                   </md-option>
 110                   <md-option ng-value="'mail'" ng-if="vm.license.mail">
 111                     {{ 'TOOLS.MAIL' | translate }}
 112                   </md-option>
 113                   <md-option ng-value="'sms'" ng-if="vm.license.messaging">
 114                     {{ 'TOOLS.SMS' | translate }}
 115                   </md-option>
 116                   <md-option ng-value="'fax'" ng-if="vm.license.fax">
 117                     {{ 'TOOLS.FAX' | translate }}
 118                   </md-option>
 119                   <md-option ng-value="'whatsapp'" ng-if="vm.license.whatsapp">
 120                     {{ 'TOOLS.WHATSAPP' | translate }}
 121                   </md-option>
 122                 </md-select>
 123                 <div
 124                   ng-messages="generalForm['channel'].$error"
 125                   ng-show="generalForm['channel'].$touched"
 126                   role="alert"
 127                 >
 128                   <div ng-message="required">
 129                     <span translate="TOOLS.ERRORS.CHANNEL_REQUIRED"
 130                       >Channel field is required</span
 131                     >
 132                   </div>
 133                 </div>
 134               </md-input-container>
 135               <md-input-container class="md-block">
 136                 <md-switch
 137                   ng-model="vm.trigger.status"
 138                   aria-label="Status"
 139                   ng-disabled="!vm.crudPermissions.canEdit"
 140                 >
 141                   <span translate="TOOLS.STATUS">Status</span></md-switch
 142                 >
 143               </md-input-container>
 144               <md-input-container class="md-block">
 145                 <label translate="TOOLS.DESCRIPTION">Description</label>
 146                 <input
 147                   type="text"
 148                   name="description"
 149                   ng-model="vm.trigger.description"
 150                   ng-disabled="!vm.crudPermissions.canEdit"
 151                 />
 152               </md-input-container>
 153             </form>
 154           </div>
 155         </md-tab-body>
 156       </md-tab>
 157       <md-tab>
 158         <md-tab-label>
 159           <span translate="TOOLS.CONDITIONS&ACTIONS">CONDITIONS&ACTIONS</span>
 160         </md-tab-label>
 161         <md-tab-body>
 162           <div
 163             class="trigger-detail-form-container allconditions md-background-bg md-whiteframe-1dp"
 164             ng-include="'app/main/apps/tools/views/triggers/edit/allconditions/allconditions.html'"
 165           ></div>
 166           <div
 167             class="trigger-detail-form-container anyconditions md-background-bg md-whiteframe-1dp"
 168             ng-include="'app/main/apps/tools/views/triggers/edit/anyconditions/anyconditions.html'"
 169           ></div>
 170           <div
 171             class="trigger-detail-form-container actions md-background-bg md-whiteframe-1dp"
 172             ng-include="'app/main/apps/tools/views/triggers/edit/actions/actions.html'"
 173           ></div>
 174         </md-tab-body>
 175       </md-tab>
 176     </md-tabs>
 177   </div>
 178   <!-- / CONTENT -->
 179 </div>