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="endpointView">\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">\r
  12                 <label class="block basicLabel"><span>Endpoint group:</span></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">\r
  14                     <option>--</option>\r
  15                 </select>\r
  16             </div>\r
  17 \r
  18             <div class="rowWrapper">\r
  19                 <label class="basicLabel"><span>Endpoint groups:</span></label>\r
  20                 <button class="btn btn-primary btn-slim" ng-click="addNewLeafListEl('endpoint-groups')"><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">\r
  26                                 <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')"><i class="icon-remove"></i></button>\r
  31                 </div>\r
  32             </div>\r
  33 \r
  34             <div class="rowWrapper">\r
  35                 <label class="basicLabel"><span>Condition:</span></label>\r
  36                 <button class="btn btn-primary btn-slim" ng-click="addNewLeafListEl('condition')"><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')"/>\r
  42                         </div>\r
  43                     </div>\r
  44                     <button class="btn btn-danger col-md-2" ng-click="deleteNewLeafListEl($index,'condition')"><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"><span>L3 Context:</span>\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">\r
  53                     <option>--</option>\r
  54                 </select>\r
  55             </div>\r
  56 \r
  57             <div class="rowWrapper">\r
  58                 <label class="basicLabel"><span>L2 gateways:</span></label>\r
  59                 <button class="btn btn-primary btn-slim" ng-click="addNewL2gateways()"><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"><span>L2 context:</span></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">\r
  69                                 <option>--</option>\r
  70                             </select>\r
  71                         </div>\r
  72 \r
  73                         <div class="rowWrapper">\r
  74                             <label class="block basicLabel"><span>MAC Address:</span>\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']"/>\r
  78                         </div>\r
  79                     </div>\r
  80                     <button class="btn btn-danger col-md-2 btn-list" ng-click="deleteNewL2gateways($index)"><i class="icon-remove"></i></button>\r
  81                 </div>\r
  82             </div>\r
  83 \r
  84             <div class="rowWrapper">\r
  85                 <label class="basicLabel"><span>L3 gateways:</span></label>\r
  86                 <button class="btn btn-primary btn-slim" ng-click="addNewL3gateways()"><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"><span>L3 Context:</span></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">\r
  96                                 <option>--</option>\r
  97                             </select>\r
  98                         </div>\r
  99 \r
 100                         <div class="rowWrapper">\r
 101                             <label class="block basicLabel"><span>IP Address:</span>\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                         </div>\r
 106                     </div>\r
 107                     <button class="btn btn-danger col-md-2 btn-list" ng-click="deleteNewL3gateways($index)"><i class="icon-remove"></i></button>\r
 108                 </div>\r
 109             </div>\r
 110 \r
 111             <div class="clearfix"></div>\r
 112 \r
 113             <div class="rowWrapper">\r
 114                 <label class="basicLabel"><span>IP prefix:</span>\r
 115                     <i class="icon-exclamation-sign red" tooltip="Invalid pattern" ng-show="l3EndpointForm.ipprefix.$error.pattern"></i>\r
 116                 </label>\r
 117                 <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]))$/" />\r
 118             </div>\r
 119 \r
 120             <button class="btn btn-primary col-md-12" ng-click="save()">Save</button>\r
 121         </form>\r
 122     </section>\r
 123 \r
 124     <button class="btn btn-primary col-md-12" ng-click="toggleExpanded('endpoints')">Back</button>\r
 125 \r
 126 </div>