1 <div ng-controller="l3ContextCtrl" ng-init="init()">
2 <div ng-include src="view_path+'parts/crud.tpl.html'"></div>
4 <section class="formWrapper clearfix" ng-show="view.l3context">
5 <form name="l3ContextForm" novalidate="novalidate">
6 <i class="icon-remove align-right" ng-click="close()"></i>
7 <label class="block">Add L3 Context</label>
10 <div class="rowWrapper">
11 <label class="block basicLabel">Id:</label>
12 <input class="form-control" type="text" ng-model="newL3ContextObj.id" disabled />
15 <div class="rowWrapper">
16 <label class="block basicLabel">Name:
17 <i class="icon-exclamation-sign red" tooltip="{{l3ContextForm.name.$error.required ? 'Required field' : l3ContextForm.name.$error.pattern ? 'Value must start with letter followed by letters and digits without space' : ''}}" ng-show="l3ContextForm.name.$error.required || l3ContextForm.name.$error.pattern"></i>
19 <input class="form-control" type="text" ng-model="newL3ContextObj.name" name="name" ng-required="true" ng-disabled="view.edit === 'view'" ng-pattern="/^[a-zA-Z]([a-zA-Z0-9\-_.])*$/"/>
22 <div class="rowWrapper" ng-hide="view.edit === 'view' && !newL3ContextObj.description">
23 <label class="block basicLabel">Description:</label>
24 <input class="form-control" type="text" ng-model="newL3ContextObj.description" ng-disabled="view.edit === 'view'" />
27 <button class="btn btn-primary col-md-12" ng-click="save()" ng-hide="view.edit === 'view'">Save</button>
34 <div ng-controller="l2BridgeCtrl" ng-init="init()">
36 <div ng-include src="view_path+'parts/crud.tpl.html'"></div>
38 <section class="formWrapper clearfix" ng-show="view.l2bridge">
39 <form name="l2BridgeForm" novalidate="novalidate">
40 <i class="icon-remove align-right" ng-click="close()"></i>
41 <label class="block">Add L2 Bridge Domain</label>
43 <div class="rowWrapper">
44 <label class="block basicLabel">Id:</label>
45 <input class="form-control" type="text" ng-model="newL2BridgeObj.id" disabled />
48 <div class="rowWrapper">
49 <label class="block basicLabel">Name:
50 <i class="icon-exclamation-sign red" tooltip="{{l2BridgeForm.name.$error.required ? 'Required field' : l2BridgeForm.name.$error.pattern ? 'Value must start with letter followed by letters and digits without space' : ''}}" ng-show="l2BridgeForm.name.$error.required || l2BridgeForm.name.$error.pattern"></i>
52 <input class="form-control" type="text" ng-model="newL2BridgeObj.name" name="name" ng-required="true" ng-disabled="view.edit === 'view'" ng-pattern="/^[a-zA-Z]([a-zA-Z0-9\-_.])*$/"/>
55 <div class="rowWrapper" ng-hide="view.edit === 'view' && !newL2BridgeObj.description">
56 <label class="block basicLabel">Description:</label>
57 <input class="form-control" type="text" ng-model="newL2BridgeObj.description" ng-disabled="view.edit === 'view'" />
60 <div class="rowWrapper" ng-hide="view.edit === 'view' && !newL2BridgeObj.parent">
61 <label class="block basicLabel">Parent:</label>
62 <select class="form-control" ng-model="newL2BridgeObj.parent" ng-options="d.id as getDisplayLabel(d, l3context.labels) for d in l3context.options" ng-disabled="view.edit === 'view'">
63 <option value="">Select option</option>
67 <button class="btn btn-primary col-md-12" ng-click="save()" ng-hide="view.edit === 'view'">Save</button>
74 <div ng-controller="l2FloodCtrl" ng-init="init()">
76 <div ng-include src="view_path+'parts/crud.tpl.html'"></div>
78 <section class="formWrapper clearfix" ng-show="view.l2flood">
79 <form name="l2FloodForm" novalidate="novalidate">
80 <i class="icon-remove align-right" ng-click="close()"></i>
81 <label class="block">Add L2 Flood Domain</label>
83 <div class="rowWrapper">
84 <label class="block basicLabel">Id:</label>
85 <input class="form-control" type="text" ng-model="newL2FloodObj.id" disabled />
88 <div class="rowWrapper">
89 <label class="block basicLabel">Name:
90 <i class="icon-exclamation-sign red" tooltip="{{l2FloodForm.name.$error.required ? 'Required field' : l2FloodForm.name.$error.pattern ? 'Value must start with letter followed by letters and digits without space' : ''}}" ng-show="l2FloodForm.name.$error.required || l2FloodForm.name.$error.pattern"></i>
92 <input class="form-control" type="text" ng-model="newL2FloodObj.name" name="name" ng-required="true" ng-disabled="view.edit === 'view'" ng-pattern="/^[a-zA-Z]([a-zA-Z0-9\-_.])*$/"/>
95 <div class="rowWrapper" ng-hide="view.edit === 'view' && !newL2FloodObj.description">
96 <label class="block basicLabel">Description:</label>
97 <input class="form-control" type="text" ng-model="newL2FloodObj.description" ng-disabled="view.edit === 'view'" />
100 <div class="rowWrapper" ng-hide="view.edit === 'view' && !newL2FloodObj.parent">
101 <label class="block basicLabel">Parent:</label>
102 <select class="form-control" ng-model="newL2FloodObj.parent" ng-options="d.id as getDisplayLabel(d, l2bridge.labels) for d in l2bridge.options" ng-disabled="view.edit === 'view'">
103 <option value="">Select option</option>
107 <button class="btn btn-primary col-md-12" ng-click="save()" ng-hide="view.edit === 'view'">Save</button>
114 <div ng-controller="subnetCtrl" ng-init="init()">
116 <div ng-include src="view_path+'parts/crud.tpl.html'"></div>
118 <section class="formWrapper clearfix" ng-show="view.subnet">
119 <form name="subnetForm" novalidate="novalidate">
120 <i class="icon-remove align-right" ng-click="close()"></i>
121 <label class="block">Add Subnet</label>
123 <div class="rowWrapper">
124 <label class="block basicLabel">Id:</label>
125 <input class="form-control" type="text" ng-model="newSubnetObj.id" disabled />
128 <div class="rowWrapper">
129 <label class="block basicLabel">Name:
130 <i class="icon-exclamation-sign red" tooltip="{{subnetForm.name.$error.required ? 'Required field' : subnetForm.name.$error.pattern ? 'Value must start with letter followed by letters and digits without space' : ''}}" ng-show="subnetForm.name.$error.required || subnetForm.name.$error.pattern"></i>
132 <input class="form-control" type="text" ng-model="newSubnetObj.name" name="name" ng-required="true" ng-disabled="view.edit === 'view'" ng-pattern="/^[a-zA-Z]([a-zA-Z0-9\-_.])*$/"/>
135 <div class="rowWrapper" ng-hide="view.edit === 'view' && !newSubnetObj.description">
136 <label class="block basicLabel">Description:</label>
137 <input class="form-control" type="text" ng-model="newSubnetObj.description" ng-disabled="view.edit === 'view'"/>
140 <div class="rowWrapper" ng-hide="view.edit === 'view' && !newSubnetObj.parent">
141 <label class="block basicLabel">Parent:</label>
142 <select class="form-control" ng-model="newSubnetObj.parent" ng-options="d.id as getDisplayLabel(d, l2L3List.labels) for d in l2L3List.options" ng-disabled="view.edit === 'view'">
143 <option value="">Select option</option>
147 <div class="rowWrapper" ng-hide="view.edit === 'view' && !newSubnetObj['ip-prefix']">
148 <label class="block basicLabel">IP prefix:
149 <i class="icon-exclamation-sign red" tooltip="Invalid pattern" ng-show="subnetForm.ipPrefix.$error.pattern"></i>
151 <input class="form-control" type="text" ng-model="newSubnetObj['ip-prefix']" name="ipPrefix" 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-disabled="view.edit === 'view'" />
154 <div class="rowWrapper" ng-hide="view.edit === 'view' && !newSubnetObj['virtual-router-ip']">
155 <label class="block basicLabel">Virtual router:
156 <i class="icon-exclamation-sign red" tooltip="Invalid pattern" ng-show="subnetForm.virtualRouter.$error.pattern"></i>
158 <input class="form-control" type="text" ng-model="newSubnetObj['virtual-router-ip']" name="virtualRouter" 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])(%[\p{N}\p{L}]+)?$/"
159 ng-model="newSubnetObj['virtual-router-ip']" ng-disabled="view.edit === 'view'" />
162 <button class="btn btn-primary col-md-12" ng-click="save()" ng-hide="view.edit === 'view'">Save</button>
166 <section class="formWrapper clearfix" ng-show="selectedSubnet">
167 <div ng-include src="view_path+'gateway.tpl.html'"></div>
170 <div class="formWrapper clearfix">
171 <button class="btn btn-primary bottom-buttons full-width wizard-button" ng-click="showWizard('accessModelWizard')"><i class="icon-magic"></i>Access Model Wizard</button>
172 <button class="btn btn-primary col-md-12 bottom-buttons home" ng-click="toggleExpandedMM('main')">Home</button>
173 <button class="btn btn-primary col-md-12 bottom-buttons back" ng-click="setViewExpand('policyRendererView', 'basic', true); setBreadcrumb('l3', null, false);">Back</button>