dlux/cpeui/cpeui-module/src/main/resources/cpeui/dialogs/AddTenant.tpl.html

   1 <md-dialog class="cpe-dialog" aria-label="Create Tenant"  ng-cloak>
   2     <md-toolbar>
   3       <div class="md-toolbar-tools">
   4         <h2>Create Tenant</h2>
   5         <span flex></span>
   6         <md-button class="md-icon-button" aria-label="Close dialog" ng-click="cancel()">
   7         <i class="icon-remove-sign"></i>
   8         </md-button>
   9       </div>
  10     </md-toolbar>
  11     <form name="projectForm" novalidate>
  12     <md-dialog-content>
  13     <div layout="column" ng-cloak>
  14     <md-content layout-padding>
  15       <md-input-container class="md-block">
  16         <label>Tenant Name</label>
  17         <input ng-pattern="/^[\w ]+$/" md-maxlength="30" required name="tid" ng-model="obj.id">
  18         <div ng-messages="projectForm.tid.$error">
  19                 <div ng-message="required">This is required!</div>
  20                 <div ng-message="pattern">name must be only numbers and English characters</div>
  21                 <div ng-message="md-maxlength">The name has to be less than 30 characters long.</div>
  22         </div>
  23       </md-input-container>
  24       </md-content>
  25       </div>
  26     </md-dialog-content>
  27     <md-dialog-actions layout="row">
  28       <span flex></span>
  29       <md-button ng-click="cancel()">
  30        Cancel
  31       </md-button>
  32       <md-button type="submit" ng-click="done(obj)">
  33         Create
  34       </md-button>
  35     </md-dialog-actions>
  36     </form>
  37 </md-dialog>