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

   1 <md-dialog ng-cloak class="gbpDialogWrapper">
   2     <form name="epgForm">
   3         <md-toolbar>
   4             <div class="md-toolbar-tools">
   5                 <h2>EPG</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="epg.data.id" ng-required="true">
  16                         <div ng-messages="epgForm.id.$error" md-auto-hide="false">
  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="epg.data.name" ng-required="true" ng-pattern="/^[a-zA-Z]([a-zA-Z0-9\\-_.])*$/">
  23                         <div ng-messages="epgForm.name.$error" md-auto-hide="false">
  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 matches: ^[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="epg.data.description">
  36                     </md-input-container>
  37                 </div>
  38                 <div layout="row">
  39                     <md-input-container flex>
  40                         <label>intra-group-policy</label>
  41                         <md-select name="intraGroupPolicy" ng-model="epg.data['intra-group-policy']">
  42                             <md-option ng-repeat="igp in ['', 'allow', 'require-contract']" ng-value="igp">{{igp}}</md-option>
  43                         </md-select>
  44                     </md-input-container>
  45                 </div>
  46                 <div layout="row">
  47                     <md-input-container flex>
  48                         <label>network-domain</label>
  49                         <input name="networkDomain" ng-model="epg.data['network-domain']">
  50                     </md-input-container>
  51                     <md-input-container flex>
  52                         <label>parent</label>
  53                         <input name="parent" ng-model="epg.data.parent">
  54                     </md-input-container>
  55                 </div>
  56             </div>
  57         </md-dialog-content>
  58         <md-dialog-actions layout="row">
  59             <span flex></span>
  60             <md-button ng-click="closeDialog()" class="md-primary">
  61                 Close
  62             </md-button>
  63             <md-button ng-click="save()" style="margin-right:20px;" ng-disabled="epgForm.$invalid" class="md-primary">
  64                 Save
  65             </md-button>
  66         </md-dialog-actions>
  67     </form>
  68 </md-dialog>