groupbasedpolicy-ui/module/src/main/resources/gbp/tenant/dialog-add-tenant.tpl.html

   1 <md-dialog ng-cloak class="gbpDialogWrapper">
   2     <form name="tenantForm">
   3         <md-toolbar>
   4             <div class="md-toolbar-tools">
   5                 <h2>Tenant</h2>
   6                 <span flex></span>
   7                 <md-button ng-click="closeDialog()" class="md-button">Close dialog</md-button>
   8             </div>
   9         </md-toolbar>
  10         <md-dialog-content style="width:350px;">
  11             <div layout="column" class="layout-padding-lr15">
  12                 <div layout="row">
  13                     <md-input-container flex>
  14                         <label>Id</label>
  15                         <input name="id" ng-model="tenant.data.id" ng-required="true">
  16                         <div ng-messages="tenantForm.id.$error">
  17                             <div ng-message="required">Required field</div>
  18                         </div>
  19                     </md-input-container>
  20                     <md-input-container flex>
  21                         <label>Name</label>
  22                         <input name="name" ng-model="tenant.data.name" ng-pattern="/^[a-zA-Z]([a-zA-Z0-9\\-_.])*$/" ng-required="true">
  23                         <div ng-messages="tenantForm.name.$error">
  24                             <div ng-message="required">Required field.</div>
  25                             <div ng-message="pattern">
  26                                 Invalid pattern.
  27                                 <md-tooltip md-direction="right" style="padding-left: 10px;">Value must match: ^[a-zA-Z]([a-zA-Z0-9\\-_.])*$</md-tooltip>
  28                             </div>
  29                         </div>
  30                     </md-input-container>
  31                 </div>
  32                 <div layout="row">
  33                     <md-input-container flex>
  34                         <label>Description</label>
  35                         <input name="description" ng-model="tenant.data.description">
  36                     </md-input-container>
  37                 </div>
  38             </div>
  39         </md-dialog-content>
  40         <md-dialog-actions layout="row">
  41             <span flex></span>
  42             <md-button ng-click="closeDialog()" class="md-primary">
  43                 Close
  44             </md-button>
  45             <md-button ng-click="save()" style="margin-right:20px;" ng-disabled="tenantForm.$invalid" class="md-primary">
  46                 Save
  47             </md-button>
  48         </md-dialog-actions>
  49     </form>
  50 </md-dialog>