UI: add UNI & IPVC tabs (work in-progress)
[unimgr.git] / dlux / cpeui / cpeui-module / src / main / resources / cpeui / dialogs / AddIpvc.tpl.html
1 <md-dialog class="cpe-dialog" aria-label="Create IPVC"  ng-cloak>
2     <md-toolbar>
3       <div class="md-toolbar-tools">
4         <h2>Create IPVC</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>IPVC ID (Number)</label>
18         <input type="number" required name="ipvcid" ng-model="obj.id">
19         <div ng-messages="projectForm.ipvcid.$error">
20                 <div ng-message="required">Number is required!</div>
21         </div>
22       </md-input-container>      
23       <!-- 
24      <a ng-init="advancedCollapsed=true" ng-click="advancedCollapsed = !advancedCollapsed" class="btn btn-navbar btn-info">{{advancedCollapsed ? 'Show' : 'Hide'}} Advanced Options</a>
25         <div layout-gt-sm="row" ng-if-start="!advancedCollapsed">
26                 <md-input-container class="md-block" flex-gt-sm>
27                         <md-switch name="is_preserve_vlan" ng-model="obj.is_preserve_vlan">{{obj.is_preserve_vlan ? "" : "Do Not"}} Preserve VLAN</md-switch>
28                 </md-input-container>
29                 <md-input-container class="md-block" ng-if="obj.is_preserve_vlan" flex-gt-sm style="margin-bottom: 0px; margin-top: 36px;">
30                         <label>Preserved VLAN</label>
31                         <input required type="number" step="1" name="p_vlan" ng-model="obj.preserved_vlan">
32                         <div ng-messages="projectForm.p_vlan.$error">
33                                 <div ng-message="required">Number is required!</div>
34                         </div>
35                 </md-input-container>
36         </div>
37         <md-input-container class="md-block" ng-init="obj.mtu_size = 1522">
38                 <label>IPVC MTU size</label>
39                 <input type="number" step="1" name="mtu" min="1522" max="16384" ng-model="obj.mtu_size">
40                 <div ng-messages="projectForm.mtu.$error">
41                         <div ng-message="min">Number must be in range [1522..16384]</div>
42                 </div>
43         </md-input-container>
44         <md-input-container class="md-block">
45                 <label>Unicast Service Frame Delivery</label>
46                 <md-select ng-model="obj.unicast" name="unicast">
47                         <md-option value="{{ undefined }}"></md-option>
48                         <md-option value="discard">Discard</md-option>
49                         <md-option value="unconditional">Unconditional</md-option>
50                         <md-option value="conditional">Conditional</md-option>
51                 </md-select>
52         </md-input-container>
53         <md-input-container class="md-block" ng-if-end>
54                 <label>Multicast Service Frame Delivery</label>
55                 <md-select ng-model="obj.multicast" name="multicast">
56                         <md-option value="{{ undefined }}"></md-option>
57                         <md-option value="discard">Discard</md-option>
58                         <md-option value="unconditional">Unconditional</md-option>
59                         <md-option value="conditional">Conditional</md-option>
60                 </md-select>
61         </md-input-container>
62        -->
63         
64   </md-content>
65 </div>
66     </md-dialog-content>
67     <md-dialog-actions layout="row">
68       <span flex></span>
69       <md-button ng-click="cancel()"> Cancel </md-button>
70       <md-button type="submit" ng-click="done(obj)"> Create </md-button>
71     </md-dialog-actions>
72     </form>
73 </md-dialog>