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

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