public/app/main/apps/contactmanager/views/companies/create/dialog.html

   1 <md-dialog class="company-dialog" aria-label="New Company">
   2     <form name="companyForm" 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="CONTACTMANAGER.NAME">Name</label>
  26                 <input type="text" name="name" ng-model="vm.company.name" required md-autofocus>
  27                 <div ng-messages="companyForm.name.$error" ng-show="companyForm.name.$touched" role="alert">
  28                     <div ng-message="required">
  29                         <span translate="CONTACTMANAGER.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="CONTACTMANAGER.PHONE">Phone</label>
  35                 <input type="text" name="phone" ng-model="vm.company.phone">
  36                 <div ng-messages="companyForm.phone.$error" ng-show="companyForm.phone.$touched" role="alert">
  37                     <div ng-message="required">
  38                         <span translate="CONTACTMANAGER.ERRORS.PHONE_REQUIRED">Phone field is required</span>
  39                     </div>
  40                 </div>
  41             </md-input-container>
  42             <md-input-container class="md-block">
  43                 <label translate="CONTACTMANAGER.VAT">Vat</label>
  44                 <input type="text" name="vat" ng-model="vm.company.vat">
  45                 <div ng-messages="companyForm.vat.$error" ng-show="companyForm.vat.$touched" role="alert">
  46                     <div ng-message="required">
  47                         <span translate="CONTACTMANAGER.ERRORS.VAT_REQUIRED">Vat field is required</span>
  48                     </div>
  49                 </div>
  50             </md-input-container>
  51             <md-input-container class="md-block">
  52                 <label translate="CONTACTMANAGER.FAX">Fax</label>
  53                 <input type="text" name="fax" ng-model="vm.company.fax">
  54                 <div ng-messages="companyForm.fax.$error" ng-show="companyForm.fax.$touched" role="alert">
  55                     <div ng-message="required">
  56                         <span translate="CONTACTMANAGER.ERRORS.FAX_REQUIRED">Fax field is required</span>
  57                     </div>
  58                 </div>
  59             </md-input-container>
  60             <md-input-container class="md-block">
  61                 <label translate="CONTACTMANAGER.COMPANYID">CompanyId</label>
  62                 <input type="text" name="companyId" ng-model="vm.company.companyId">
  63                 <div ng-messages="companyForm.companyId.$error" ng-show="companyForm.companyId.$touched" role="alert">
  64                     <div ng-message="required">
  65                         <span translate="CONTACTMANAGER.ERRORS.COMPANYID_REQUIRED">CompanyId field is required</span>
  66                     </div>
  67                 </div>
  68             </md-input-container>
  69             <md-input-container class="md-block">
  70                 <label translate="CONTACTMANAGER.TYPE">Type</label>
  71                 <input type="text" name="type" ng-model="vm.company.type">
  72                 <div ng-messages="companyForm.type.$error" ng-show="companyForm.type.$touched" role="alert">
  73                     <div ng-message="required">
  74                         <span translate="CONTACTMANAGER.ERRORS.TYPE_REQUIRED">Type field is required</span>
  75                     </div>
  76                 </div>
  77             </md-input-container>
  78             <md-input-container class="md-block">
  79                 <label translate="CONTACTMANAGER.WEBSITE">Website</label>
  80                 <input type="text" name="website" ng-model="vm.company.website">
  81                 <div ng-messages="companyForm.website.$error" ng-show="companyForm.website.$touched" role="alert">
  82                     <div ng-message="required">
  83                         <span translate="CONTACTMANAGER.ERRORS.WEBSITE_REQUIRED">Website field is required</span>
  84                     </div>
  85                 </div>
  86             </md-input-container>
  87             <md-input-container class="md-block">
  88                 <label translate="CONTACTMANAGER.EMAIL_DOMAIN">Email_Domain</label>
  89                 <input type="text" name="emailDomain" ng-model="vm.company.emailDomain">
  90                 <div ng-messages="companyForm.emailDomain.$error" ng-show="companyForm.emailDomain.$touched" role="alert">
  91                     <div ng-message="required">
  92                         <span translate="CONTACTMANAGER.ERRORS.EMAIL_DOMAIN_REQUIRED">Email_Domain field is required</span>
  93                     </div>
  94                 </div>
  95             </md-input-container>
  96             <md-input-container class="md-block">
  97                 <label translate="CONTACTMANAGER.EMAIL">Email</label>
  98                 <input type="email" name="email" ng-model="vm.company.email">
  99                 <div ng-messages="companyForm.email.$error" ng-show="companyForm.email.$touched" role="alert">
 100                     <div ng-message="required">
 101                         <span translate="CONTACTMANAGER.ERRORS.EMAIL_REQUIRED">Email field is required</span>
 102                     </div>
 103                     <div ng-message="email">
 104                         <span translate="CONTACTMANAGER.ERRORS.EMAIL_MUST_VALID">Email must be a valid e-mail address</span>
 105                     </div>
 106                 </div>
 107             </md-input-container>
 108             <md-input-container class="md-block">
 109                 <label translate="CONTACTMANAGER.DESCRIPTION">Description</label>
 110                 <input type="text" name="description" ng-model="vm.company.description">
 111                 <div ng-messages="companyForm.description.$error" ng-show="companyForm.description.$touched" role="alert">
 112                     <div ng-message="required">
 113                         <span translate="CONTACTMANAGER.ERRORS.DESCRIPTION_REQUIRED">Description field is required</span>
 114                     </div>
 115                 </div>
 116             </md-input-container>
 117
 118             <div class="error-list">
 119                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
 120                     <div>
 121                         <span class="message">{{error.message}}</span>
 122                         <span class="type">({{error.type}})</span>
 123                     </div>
 124                     <md-button class="md-icon-button">
 125                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
 126                     </md-button>
 127                 </div>
 128             </div>
 129         </md-dialog-content>
 130
 131         <md-dialog-actions layout="row" layout-align="space-between center">
 132             <div layout="row" layout-align="start center">
 133                 <md-button type="submit" ng-if="!vm.newCompany" ng-click="vm.saveCompany()" class="send-button md-accent md-raised" ng-disabled="companyForm.$invalid || companyForm.$pristine" aria-label="SAVE" translate="CONTACTMANAGER.SAVE" translate-attr-aria-label="CONTACTMANAGER.SAVE">
 134                     SAVE
 135                 </md-button>
 136
 137                 <md-button type="submit" ng-if="vm.newCompany" ng-click="vm.addNewCompany()" class="send-button md-accent md-raised" ng-disabled="companyForm.$invalid" aria-label="ADD" translate="CONTACTMANAGER.ADD_COMPANY" translate-attr-aria-label="CONTACTMANAGER.ADD_COMPANY">
 138                     ADD COMPANY
 139                 </md-button>
 140             </div>
 141             <div layout="row">
 142                 <md-button class="md-icon-button" ng-if="!vm.newCompany" ng-click="vm.deleteCompany($event)" aria-label="DELETE" translate translate-attr-aria-label="CONTACTMANAGER.DELETE">
 143                     <md-icon md-font-icon="icon-delete"></md-icon>
 144                     <md-tooltip><span translate="CONTACTMANAGER.DELETE">DELETE</span></md-tooltip>
 145                 </md-button>
 146             </div>
 147         </md-dialog-actions>
 148     </form>
 149 </md-dialog>