UI: add UNI & IPVC tabs (work in-progress)
[unimgr.git] / dlux / cpeui / cpeui-module / src / main / resources / cpeui / dialogs / AddIpUniSubnet.tpl.html
1 <md-dialog class="cpe-dialog" aria-label="Add IP-UNI Subnet"  ng-cloak>
2     <md-toolbar>
3       <div class="md-toolbar-tools">
4         <h2>Add IP-UNI Subnet</h2>
5         <span flex></span>
6         <md-button class="md-icon-button" aria-label="Close dialog" ng-click="cancel()">
7         <i class="icon-remove-sign"></i>
8         </md-button>
9       </div>
10     </md-toolbar>
11     <form name="projectForm" novalidate>
12     <md-dialog-content>
13
14 <div layout="column" ng-cloak>
15   <md-content layout-padding>
16       <md-input-container class="md-block">
17         <label>Gateway</label>
18         <input type="text" required name="gateway" ng-model="obj.gateway" ng-pattern="/\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\b/">
19         <div ng-messages="projectForm.gateway.$error">                  
20                 <div ng-message="pattern">IP is required! (ex. 224.224.224.1)</div>
21         </div>
22       </md-input-container>
23       <md-input-container class="md-block">
24         <label>Subnet</label>
25         <input type="text" required name="subnet" ng-model="obj.subnet" ng-pattern="/\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\/(?:[1-2]?[0-9]|3[0-2])\b/">
26         <div ng-messages="projectForm.subnet.$error">
27                 <div ng-message="pattern">IP/Mask is required! (ex. 127.0.0.1/32)</div>
28         </div>
29       </md-input-container>
30   </md-content>
31 </div>
32     </md-dialog-content>
33     <md-dialog-actions layout="row">
34       <span flex></span>      
35       <md-button ng-click="cancel()"> Cancel </md-button>
36       <span ng-hide="true" ng-init="obj.uniid = params.uniid"></span>
37       <span ng-hide="true" ng-init="obj.ipuniid = params.ipuniid"></span>
38       <md-button type="submit" ng-click="done(obj)"> Create </md-button>
39     </md-dialog-actions>
40     </form>
41 </md-dialog>