groupbasedpolicy-old-ui/module/src/main/resources/gbp/views/l2l3.tpl.html

   1 <div ng-controller="l3ContextCtrl" ng-init="init()">
   2     <div ng-include src="view_path+'parts/crud.tpl.html'"></div>
   3
   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>
   8
   9
  10             <div class="rowWrapper">
  11                 <label class="block basicLabel">Id:</label>
  12                 <input class="form-control" type="text" ng-model="newL3ContextObj.id" disabled />
  13             </div>
  14
  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>
  18                 </label>
  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\-_.])*$/"/>
  20             </div>
  21
  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'" />
  25             </div>
  26
  27             <button class="btn btn-primary col-md-12" ng-click="save()" ng-hide="view.edit === 'view'">Save</button>
  28         </form>
  29     </section>
  30 </div>
  31
  32 <br/><br/>
  33
  34 <div ng-controller="l2BridgeCtrl" ng-init="init()">
  35
  36     <div ng-include src="view_path+'parts/crud.tpl.html'"></div>
  37
  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>
  42
  43             <div class="rowWrapper">
  44                 <label class="block basicLabel">Id:</label>
  45                 <input class="form-control" type="text" ng-model="newL2BridgeObj.id" disabled />
  46             </div>
  47
  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>
  51                 </label>
  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\-_.])*$/"/>
  53             </div>
  54
  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'" />
  58             </div>
  59
  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>
  64                 </select>
  65             </div>
  66
  67             <button class="btn btn-primary col-md-12" ng-click="save()" ng-hide="view.edit === 'view'">Save</button>
  68         </form>
  69     </section>
  70 </div>
  71
  72 <br/><br/>
  73
  74 <div ng-controller="l2FloodCtrl" ng-init="init()">
  75
  76     <div ng-include src="view_path+'parts/crud.tpl.html'"></div>
  77
  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>
  82
  83             <div class="rowWrapper">
  84                 <label class="block basicLabel">Id:</label>
  85                 <input class="form-control" type="text" ng-model="newL2FloodObj.id" disabled />
  86             </div>
  87
  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>
  91                 </label>
  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\-_.])*$/"/>
  93             </div>
  94
  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'" />
  98             </div>
  99
 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>
 104                 </select>
 105             </div>
 106
 107             <button class="btn btn-primary col-md-12" ng-click="save()" ng-hide="view.edit === 'view'">Save</button>
 108         </form>
 109     </section>
 110 </div>
 111
 112 <br/><br/>
 113
 114 <div ng-controller="subnetCtrl" ng-init="init()">
 115
 116     <div ng-include src="view_path+'parts/crud.tpl.html'"></div>
 117
 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>
 122
 123             <div class="rowWrapper">
 124                 <label class="block basicLabel">Id:</label>
 125                 <input class="form-control" type="text" ng-model="newSubnetObj.id" disabled />
 126             </div>
 127
 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>
 131                 </label>
 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\-_.])*$/"/>
 133             </div>
 134
 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'"/>
 138             </div>
 139
 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>
 144                 </select>
 145             </div>
 146
 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>
 150                 </label>
 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'" />
 152             </div>
 153
 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>
 157                 </label>
 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'" />
 160             </div>
 161
 162             <button class="btn btn-primary col-md-12" ng-click="save()" ng-hide="view.edit === 'view'">Save</button>
 163         </form>
 164     </section>
 165
 166     <section class="formWrapper clearfix" ng-show="selectedSubnet">
 167         <div ng-include src="view_path+'gateway.tpl.html'"></div>
 168     </section>
 169
 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>
 174     </div>
 175 </div>