public/app/main/apps/fax/views/faxAccounts/create/dialog.html

   1 <md-dialog class="faxAccount-dialog" aria-label="New FaxAccount">
   2     <form name="faxAccountForm" class="md-inline-form" novalidate>
   3         <md-toolbar class="md-accent md-hue-2">
   4             <div class="md-toolbar-tools" layout="row" layout-align="space-between center">
   5                 <span class="title">{{ vm.title | translate }}</span>
   6                 <md-button class="md-icon-button" ng-click="vm.closeDialog()">
   7                     <md-icon md-font-icon="icon-close" aria-label="Close dialog"></md-icon>
   8                 </md-button>
   9             </div>
  10         </md-toolbar>
  11
  12         <md-dialog-content ms-scroll>
  13             <div class="error-list">
  14                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  15                     <div>
  16                         <span class="message">{{error.message}}</span>
  17                         <span class="type">({{error.type}})</span>
  18                     </div>
  19                     <md-button class="md-icon-button">
  20                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  21                     </md-button>
  22                 </div>
  23             </div>
  24             <md-input-container class="md-block">
  25                 <label translate="FAX.NAME">Name</label>
  26                 <input type="text" name="name" ng-model="vm.faxAccount.name" required md-autofocus>
  27                 <div ng-messages="faxAccountForm.name.$error" ng-show="faxAccountForm.name.$touched" role="alert">
  28                     <div ng-message="required">
  29                         <span translate="FAX.ERRORS.NAME_REQUIRED">Name field is required</span>
  30                     </div>
  31                 </div>
  32             </md-input-container>
  33             <md-input-container class="md-block">
  34                 <label translate="FAX.TRUNK">trunk</label>
  35                 <md-select ng-model="vm.faxAccount.TrunkId" required>
  36                     <md-option ng-value="TrunkId.id" ng-repeat="TrunkId in vm.trunks">{{ TrunkId.name }}</md-option>
  37                 </md-select>
  38                 <div ng-messages="faxAccountForm.TrunkId.$error" ng-show="faxAccountForm.TrunkId.$touched" role="alert">
  39                     <div ng-message="required">
  40                         <span translate="FAX.ERRORS.TRUNK_REQUIRED">trunk field is required</span>
  41                     </div>
  42                 </div>
  43             </md-input-container>
  44             <md-input-container class="md-block">
  45                 <label translate="FAX.LOCALSTATIONID">localstationid</label>
  46                 <input type="text" name="localstationid" ng-model="vm.faxAccount.localstationid" required>
  47                 <div class="hint"><span translate="FAX.HELP.LOCALSTATIONID"></span></div>
  48                 <div ng-messages="faxAccountForm.localstationid.$error" ng-show="faxAccountForm.localstationid.$touched" role="alert">
  49                     <div ng-message="required">
  50                         <span translate="FAX.ERRORS.LOCALSTATIONID_REQUIRED">localstationid field is required</span>
  51                     </div>
  52                 </div>
  53             </md-input-container>
  54             <md-input-container class="md-block">
  55                 <label translate="FAX.DESCRIPTION">Description</label>
  56                 <input type="text" name="description" ng-model="vm.faxAccount.description">
  57                 <div ng-messages="faxAccountForm.description.$error" ng-show="faxAccountForm.description.$touched" role="alert">
  58                     <div ng-message="required">
  59                         <span translate="FAX.ERRORS.DESCRIPTION_REQUIRED">Description field is required</span>
  60                     </div>
  61                 </div>
  62             </md-input-container>
  63
  64             <div class="error-list">
  65                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  66                     <div>
  67                         <span class="message">{{error.message}}</span>
  68                         <span class="type">({{error.type}})</span>
  69                     </div>
  70                     <md-button class="md-icon-button">
  71                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  72                     </md-button>
  73                 </div>
  74             </div>
  75         </md-dialog-content>
  76
  77         <md-dialog-actions layout="row" layout-align="space-between center">
  78             <div layout="row" layout-align="start center">
  79                 <md-button type="submit" ng-if="!vm.newFaxAccount" ng-click="vm.saveFaxAccount()" class="send-button md-accent md-raised" ng-disabled="faxAccountForm.$invalid || faxAccountForm.$pristine" aria-label="SAVE" translate="FAX.SAVE" translate-attr-aria-label="FAX.SAVE">
  80                     SAVE
  81                 </md-button>
  82
  83                 <md-button type="submit" ng-if="vm.newFaxAccount" ng-click="vm.addNewFaxAccount()" class="send-button md-accent md-raised" ng-disabled="faxAccountForm.$invalid" aria-label="ADD" translate="FAX.ADD_FAXACCOUNT" translate-attr-aria-label="FAX.ADD_FAXACCOUNT">
  84                     ADD FAXACCOUNT
  85                 </md-button>
  86             </div>
  87             <div layout="row">
  88                 <md-button class="md-icon-button" ng-if="!vm.newFaxAccount" ng-click="vm.deleteFaxAccount($event)" aria-label="DELETE" translate translate-attr-aria-label="FAX.DELETE">
  89                     <md-icon md-font-icon="icon-delete"></md-icon>
  90                     <md-tooltip><span translate="FAX.DELETE">DELETE</span></md-tooltip>
  91                 </md-button>
  92             </div>
  93         </md-dialog-actions>
  94     </form>
  95 </md-dialog>