public/src/js/modules/main/apps/voice/views/inboundroutes/edit/apps/externaldial/dialog.html/dialog.html

   1 <md-dialog class="inboundroute-dialog" aria-label="New InboundRoute">
   2   <form name="inboundrouteFormApp" class="md-inline-form" novalidate>
   3     <md-toolbar class="md-accent md-hue-2">
   4       <div
   5         class="md-toolbar-tools"
   6         layout="row"
   7         layout-align="space-between center"
   8       >
   9         <span class="title">{{ vm.title | translate }}</span>
  10         <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  11           <md-icon
  12             md-font-icon="icon-close"
  13             aria-label="Close dialog"
  14           ></md-icon>
  15         </md-button>
  16       </div>
  17     </md-toolbar>
  18
  19     <md-dialog-content ms-scroll>
  20       <div class="error-list">
  21         <div
  22           ng-repeat="error in vm.errors"
  23           class="error"
  24           layout="row"
  25           layout-align="space-between center"
  26         >
  27           <div>
  28             <span class="message">{{error.message}}</span>
  29             <span class="type">({{error.type}})</span>
  30           </div>
  31           <md-button class="md-icon-button">
  32             <md-icon
  33               md-font-icon="icon-alert-box"
  34               aria-label="alert error"
  35               class="s16"
  36             ></md-icon>
  37           </md-button>
  38         </div>
  39       </div>
  40       <md-input-container class="md-block">
  41         <label translate="APP.TRUNK">Trunk</label>
  42         <md-select
  43           name="trunk"
  44           ng-model="vm.externaldial.trunk"
  45           autofocus
  46           required
  47           ng-disabled="!vm.crudPermissions.canEdit"
  48         >
  49           <md-option
  50             ng-value="trunk.name"
  51             ng-repeat="trunk in vm.trunks"
  52             ng-disabled="trunk.canSelect === false"
  53           >
  54             {{ trunk.name }}</md-option
  55           >
  56         </md-select>
  57         <div
  58           ng-messages="inboundrouteFormApp['trunk'].$error"
  59           ng-show="inboundrouteFormApp['trunk'].$touched"
  60           role="alert"
  61         >
  62           <div ng-message="required">
  63             <span translate="APP.ERRORS.TRUNK_REQUIRED"
  64               >Trunk field is required</span
  65             >
  66           </div>
  67         </div>
  68       </md-input-container>
  69       <md-input-container class="md-block">
  70         <label translate="APP.PHONE">Phone</label>
  71         <input
  72           type="text"
  73           name="phone"
  74           ng-model="vm.externaldial.phone"
  75           ng-required="true"
  76           ng-disabled="!vm.crudPermissions.canEdit"
  77         />
  78
  79         <div
  80           ng-messages="inboundrouteFormApp['phone'].$error"
  81           ng-show="inboundrouteFormApp['phone'].$touched"
  82           role="alert"
  83         >
  84           <div ng-message="required">
  85             <span translate="APP.ERRORS.PHONE_REQUIRED"
  86               >Phone field is required</span
  87             >
  88           </div>
  89         </div>
  90       </md-input-container>
  91       <md-input-container class="md-block">
  92         <label translate="APP.TIMEOUT">Timeout</label>
  93         <input
  94           type="number"
  95           name="timeout"
  96           ng-model="vm.externaldial.timeout"
  97           min="0"
  98           ng-disabled="!vm.crudPermissions.canEdit"
  99         />
 100
 101         <div
 102           ng-messages="inboundrouteFormApp['timeout'].$error"
 103           ng-show="inboundrouteFormApp['timeout'].$touched"
 104           role="alert"
 105         >
 106           <div ng-message="required">
 107             <span translate="APP.ERRORS.TIMEOUT_REQUIRED"
 108               >Timeout field is required</span
 109             >
 110           </div>
 111           <div ng-message="min">
 112             <span
 113               translate="APP.ERRORS.TIMEOUT_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
 114               >Timeout must be a valid greater or equal than</span
 115             >
 116             <span>0</span>
 117           </div>
 118         </div>
 119       </md-input-container>
 120       <md-input-container class="md-block">
 121         <label translate="APP.OPTIONS">Options</label>
 122         <input
 123           type="text"
 124           name="options"
 125           ng-model="vm.externaldial.options"
 126           ng-disabled="!vm.crudPermissions.canEdit"
 127         />
 128
 129         <div
 130           ng-messages="inboundrouteFormApp['options'].$error"
 131           ng-show="inboundrouteFormApp['options'].$touched"
 132           role="alert"
 133         >
 134           <div ng-message="required">
 135             <span translate="APP.ERRORS.OPTIONS_REQUIRED"
 136               >Options field is required</span
 137             >
 138           </div>
 139         </div>
 140       </md-input-container>
 141       <md-input-container class="md-block">
 142         <label translate="APP.URL">Url</label>
 143         <input
 144           type="text"
 145           name="url"
 146           ng-model="vm.externaldial.url"
 147           ng-disabled="!vm.crudPermissions.canEdit"
 148         />
 149
 150         <div
 151           ng-messages="inboundrouteFormApp['url'].$error"
 152           ng-show="inboundrouteFormApp['url'].$touched"
 153           role="alert"
 154         >
 155           <div ng-message="required">
 156             <span translate="APP.ERRORS.URL_REQUIRED"
 157               >Url field is required</span
 158             >
 159           </div>
 160         </div>
 161       </md-input-container>
 162
 163       <div class="error-list">
 164         <div
 165           ng-repeat="error in vm.errors"
 166           class="error"
 167           layout="row"
 168           layout-align="space-between center"
 169         >
 170           <div>
 171             <span class="message">{{error.message}}</span>
 172             <span class="type">({{error.type}})</span>
 173           </div>
 174           <md-button class="md-icon-button">
 175             <md-icon
 176               md-font-icon="icon-alert-box"
 177               aria-label="alert error"
 178               class="s16"
 179             ></md-icon>
 180           </md-button>
 181         </div>
 182       </div>
 183     </md-dialog-content>
 184
 185     <md-dialog-actions layout="row" layout-align="space-between center">
 186       <div
 187         layout="row"
 188         layout-align="start center"
 189         ng-if="vm.crudPermissions.canEdit"
 190       >
 191         <md-button
 192           type="submit"
 193           ng-click="vm.saveInboundRouteApp()"
 194           class="send-button md-accent md-raised"
 195           ng-disabled="inboundrouteFormApp.$invalid || inboundrouteFormApp.$pristine"
 196           aria-label="SAVE"
 197           translate="APP.SAVE"
 198           translate-attr-aria-label="APP.SAVE"
 199         >
 200           SAVE
 201         </md-button>
 202       </div>
 203     </md-dialog-actions>
 204   </form>
 205 </md-dialog>