1 <div ng-controller="l3EndpointCtrl" ng-init="init()">
3 <h2 class="text-center">L3 Prefix Endpoint</h2>
5 <div ng-include src="view_path+'parts/crud.tpl.html'"></div>
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>
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>
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>
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>
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>
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>
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'"/>
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>
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>
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'">
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>
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>
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>
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>
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'">
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>
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>
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>
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>
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>
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'"/>
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>
112 <div class="clearfix"></div>
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>
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'" />
122 <button class="btn btn-primary col-md-12" ng-click="save()" ng-show="view.edit === 'edit' || view.edit === 'add'">Save</button>
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>