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

   1 <md-dialog ng-cloak class="gbpDialogWrapper" ng-cloak>
   2     <form name="endpointForm">
   3         <md-toolbar>
   4             <div class="md-toolbar-tools">
   5                 <h2>Add Endpoint</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:800px;min-height:550px;">
  11             <div layout="column" class="layout-padding-lr15">
  12                 <div layout="row">
  13                     <md-input-container flex>
  14                         <label>Tenant Id</label>
  15                         <!-- <input name="tenant" ng-model="endpoint.data.tenant"> -->
  16
  17                         <md-select ng-model="endpoint.data.tenant">
  18                             <md-option ng-repeat="tenant in rootTenants.data" value="tenant.data.id">{{ tenant.data.id }}</md-option>
  19                         </md-select>
  20
  21
  22                     </md-input-container>
  23                     <md-input-container flex>
  24                         <label>Context Type</label>
  25                         <input name="context-type" ng-model="endpoint.data['context-type']" ng-required="true">
  26                         <div ng-messages="endpointForm['context-type'].$error">
  27                             <div ng-message="required">Required field</div>
  28                         </div>
  29                     </md-input-container>
  30                     <md-input-container flex>
  31                         <label>Context Id</label>
  32                         <input name="context-id" ng-model="endpoint.data['context-id']" ng-required="true">
  33                         <div ng-messages="endpointForm['context-id'].$error">
  34                             <div ng-message="required">Required field.</div>
  35                         </div>
  36                     </md-input-container>
  37                 </div>
  38                 <div layout="row">
  39                     <md-input-container flex>
  40                         <label>Address Type</label>
  41                         <input name="address-type" ng-model="endpoint.data['address-type']">
  42                     </md-input-container>
  43                     <md-input-container flex>
  44                         <label>Address</label>
  45                         <input name="address" ng-model="endpoint.data.address" ng-required="true">
  46                         <div ng-messages="endpointForm.address.$error">
  47                             <div ng-message="required">Required field</div>
  48                         </div>
  49                     </md-input-container>
  50                 </div>
  51                 <div layout="row">
  52                     <md-input-container flex>
  53                         <label>Network Containment - Network Domain Type</label>
  54                         <input name="network-domain-type" ng-model="endpoint.data['network-containment']['network-domain-type']">
  55                     </md-input-container>
  56                     <md-input-container flex>
  57                         <label>Network Containment - Network Domain Id</label>
  58                         <input name="network-domain-id" ng-model="endpoint.data['network-containment']['network-domain-id']">
  59                     </md-input-container>
  60                 </div>
  61                 <div layout="row">
  62                     <md-input-container flex>
  63                         <label>Endpoint Group</label>
  64                         <md-chips ng-model="endpoint.data['endpoint-group']"
  65                                   placeholder="Add an item"
  66                                   md-on-add="checkEndpointGroup()"
  67                                   md-on-remove="checkEndpointGroup()">
  68                         </md-chips>
  69                     </md-input-container>
  70                 </div>
  71         <div layout="row">
  72             <md-input-container flex>
  73                 <label>Condition</label>
  74                 <md-chips ng-model="endpoint.data.condition"
  75                           placeholder="Add an item"
  76                           md-on-add="checkEndpointCondition()"
  77                           md-on-remove="checkEndpointCondition()">
  78                 </md-chips>
  79             </md-input-container>
  80         </div>
  81     </div>
  82 </md-dialog-content>
  83 <md-dialog-actions layout="row">
  84     <span flex></span>
  85     <md-button ng-click="closeDialog()" class="md-primary">
  86         Close
  87     </md-button>
  88     <md-button ng-click="save()" style="margin-right:20px;" ng-disabled="endpointForm.$invalid" class="md-primary">
  89         Save
  90     </md-button>
  91 </md-dialog-actions>
  92 </form>
  93 </md-dialog>