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

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