1 <div ng-controller="endpointCtrl" ng-init="init()">
3 <h2 class="text-center">Endpoint</h2>
5 <div ng-include src="view_path+'parts/crud-endpoint.tpl.html'"></div>
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>
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>
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>
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>
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>
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>
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>
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'"/>
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>
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>
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'">
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>
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'"/>
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>
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>
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>
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>
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'"/>
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>
100 <button class="btn btn-primary col-md-12" ng-click="save()" ng-hide="view.edit === 'view'">Save</button>
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>