groupbasedpolicy-old-ui/module/src/main/resources/gbp-old/views/l3-endpoint.tpl.html

   1 <div ng-controller="l3EndpointCtrl" ng-init="init()">
   2
   3     <h2 class="text-center">L3 Prefix Endpoint</h2>
   4
   5     <div ng-include src="view_path+'parts/crud.tpl.html'"></div>
   6
   7     <section class="formWrapper clearfix" ng-show="view.endpoint">
   8         <form name="l3EndpointForm" novalidate="novalidate">
   9             <i class="icon-remove align-right" ng-click="close()"></i>
  10
  11             <div class="rowWrapper" ng-hide="view.edit === 'view' && !newEndpointObj['endpoint-group']">
  12                 <label class="block basicLabel">Endpoint group:</label>
  13                 <select class="form-control" ng-model="newEndpointObj['endpoint-group']"  ng-options="c.id as getDisplayLabel(c, epg.labels) for c in epg.options" ng-disabled="view.edit === 'view'">
  14                     <option value="">Select option</option>
  15                 </select>
  16             </div>
  17
  18             <div class="rowWrapper clearfix" ng-hide="view.edit === 'view' && !newEndpointObj['endpoint-groups']">
  19                 <label class="basicLabel">Endpoint groups:</label>
  20                 <button class="btn btn-primary btn-slim" ng-click="addNewLeafListEl('endpoint-groups')" ng-hide="view.edit === 'view'"><i class="icon-plus"></i></button>
  21
  22                 <div ng-repeat="epGroups in newEndpointObj['endpoint-groups'] track by $index">
  23                     <div class="selectWrapper col-md-10">
  24                         <div class="rowWrapper">
  25                             <select class="form-control" ng-model="epGroups"  ng-change="updateLeafListEl($index, epGroups, 'endpoint-groups')" ng-options="c.id as getDisplayLabel(c, epg.labels) for c in epg.options" ng-disabled="view.edit === 'view'">
  26                                 <option value="">Select option</option>
  27                             </select>
  28                         </div>
  29                     </div>
  30                     <button class="btn btn-danger col-md-2" ng-click="deleteNewLeafListEl($index,'endpoint-groups')" ng-hide="view.edit === 'view'"><i class="icon-remove"></i></button>
  31                 </div>
  32             </div>
  33
  34             <div class="rowWrapper" ng-hide="view.edit === 'view' && !newEndpointObj['condition']">
  35                 <label class="basicLabel">Condition:</label>
  36                 <button class="btn btn-primary btn-slim" ng-click="addNewLeafListEl('condition')" ng-disabled="view.edit === 'view'"><i class="icon-plus"></i></button>
  37
  38                 <div ng-repeat="condition in newEndpointObj['condition'] track by $index">
  39                     <div class="selectWrapper col-md-10">
  40                         <div class="rowWrapper">
  41                             <input class="form-control" type="text" ng-model="condition" ng-change="updateLeafListEl($index, condition, 'condition')" ng-disabled="view.edit === 'view'"/>
  42                         </div>
  43                     </div>
  44                     <button class="btn btn-danger col-md-2" ng-click="deleteNewLeafListEl($index,'condition')" ng-disabled="view.edit === 'view'"><i class="icon-remove"></i></button>
  45                 </div>
  46             </div>
  47
  48             <div class="rowWrapper">
  49                 <label class="block basicLabel">L3 Context:
  50                     <i class="icon-exclamation-sign red" tooltip="Required field" ng-show="l3EndpointForm.l3context.$error.required"></i>
  51                 </label>
  52                 <select class="form-control" ng-model="newEndpointObj['l3-context']" name="l3context" ng-required="true"  ng-options="c.id as getDisplayLabel(c, l3context.labels) for c in l3context.options" ng-disabled="view.edit !== 'add'">
  53                     <option>--</option>
  54                 </select>
  55             </div>
  56
  57             <div class="rowWrapper" ng-hide="view.edit === 'view' && !newEndpointObj['endpoint-l2-gateways']">
  58                 <label class="basicLabel">L2 gateways:</label>
  59                 <button class="btn btn-primary btn-slim" ng-click="addNewL2gateways()" ng-hide="view.edit === 'view'"><i class="icon-plus"></i></button>
  60
  61                 <div ng-repeat="l2gateways in newEndpointObj['endpoint-l2-gateways'] track by $index">
  62                     <div class="separator col-md-11">
  63                         <div class="inner-separator"></div>
  64                     </div>
  65                     <div class="selectWrapper col-md-10">
  66                         <div class="rowWrapper">
  67                             <label class="block basicLabel">L2 context:</label>
  68                             <select class="form-control" ng-model="l2gateways['l2-context']" ng-options="c.id as getDisplayLabel(c, l2context.labels) for c in l2context.options" ng-disabled="view.edit === 'view'">
  69                                 <option value="">Select option</option>
  70                             </select>
  71                         </div>
  72
  73                         <div class="rowWrapper">
  74                             <label class="block basicLabel">MAC Address:
  75                                 <i class="icon-exclamation-sign red" tooltip="Invalid pattern" ng-show="l3EndpointForm.macAddress.$error.pattern"></i>
  76                             </label>
  77                             <input class="form-control" type="text" name="macAddress" ng-pattern="/^([0-9a-fA-F]{2}(:[0-9a-fA-F]{2}){5})$/" ng-model="l2gateways['mac-address']"/ ng-disabled="view.edit === 'view'">
  78                         </div>
  79                     </div>
  80                     <button class="btn btn-danger col-md-2 btn-list" ng-click="deleteNewL2gateways($index)" ng-hide="view.edit === 'view'"><i class="icon-remove"></i></button>
  81                 </div>
  82             </div>
  83
  84             <div class="rowWrapper" ng-hide="view.edit === 'view' && !newEndpointObj['endpoint-l3-gateways']">
  85                 <label class="basicLabel">L3 gateways:</label>
  86                 <button class="btn btn-primary btn-slim" ng-click="addNewL3gateways()" ng-hide="view.edit === 'view'"><i class="icon-plus"></i></button>
  87
  88                 <div ng-repeat="l3gateways in newEndpointObj['endpoint-l3-gateways'] track by $index">
  89                     <div class="separator col-md-11">
  90                         <div class="inner-separator"></div>
  91                     </div>
  92                     <div class="selectWrapper col-md-10">
  93                         <div class="rowWrapper">
  94                             <label class="block basicLabel">L3 Context:</label>
  95                             <select class="form-control" ng-model="l3gateways['l3-context']" ng-options="c.id as getDisplayLabel(c, l3context.labels) for c in l3context.options" ng-disabled="view.edit === 'view'">
  96                                 <option value="">Select option</option>
  97                             </select>
  98                         </div>
  99
 100                         <div class="rowWrapper">
 101                             <label class="block basicLabel">IP Address:
 102                                 <i class="icon-exclamation-sign red" tooltip="Invalid pattern" ng-show="l3EndpointForm.ipAddress.$error.pattern"></i>
 103                             </label>
 104                             <input class="form-control" type="text" name="ipAddress" ng-pattern="/^(([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])$/" ng-model="l3gateways['ip-address']"
 105                             ng-disabled="view.edit === 'view'"/>
 106                         </div>
 107                     </div>
 108                     <button class="btn btn-danger col-md-2 btn-list" ng-click="deleteNewL3gateways($index)" ng-hide="view.edit === 'view'"><i class="icon-remove"></i></button>
 109                 </div>
 110             </div>
 111
 112             <div class="clearfix"></div>
 113
 114             <div class="rowWrapper">
 115                 <label class="basicLabel">IP prefix:
 116                     <i class="icon-exclamation-sign red" tooltip="Invalid pattern" ng-show="l3EndpointForm.ipprefix.$error.pattern"></i>
 117                     <i class="icon-exclamation-sign red" tooltip="Required field" ng-show="l3EndpointForm.ipprefix.$error.required"></i>
 118                 </label>
 119                 <input class="form-control" type="text" name="ipprefix" ng-model="newEndpointObj['ip-prefix']" ng-pattern="/^(([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])/(([0-9])|([1-2][0-9])|(3[0-2]))$/" ng-required="true" ng-disabled="view.edit !== 'add'" />
 120             </div>
 121
 122             <button class="btn btn-primary col-md-12" ng-click="save()" ng-show="view.edit === 'edit' || view.edit === 'add'">Save</button>
 123         </form>
 124     </section>
 125
 126     <button class="btn btn-primary  bottom-buttons full-width wizard-button" ng-click="showWizard('accessModelWizard')"><i class="icon-magic"></i>Access Model Wizard</button>
 127     <button class="btn btn-primary col-md-12 bottom-buttons home" ng-click="toggleExpandedMM('main')">Home</button>
 128     <button class="btn btn-primary col-md-12 bottom-buttons back" ng-click="setViewExpand('policyRendererView', 'basic', true); setBreadcrumb('l3', null, false);">Back</button>
 129
 130 </div>