1 <md-dialog class="cpe-dialog" aria-label="Create EVC" ng-cloak>
3 <div class="md-toolbar-tools">
6 <md-button class="md-icon-button" aria-label="Close dialog" ng-click="cancel()">
7 <i class="icon-remove-sign"></i>
11 <form name="projectForm" novalidate>
14 <div layout="column" ng-cloak>
15 <md-content layout-padding>
16 <md-input-container class="md-block">
17 <label>EVC ID (Number)</label>
18 <input type="number" required name="evcid" ng-model="obj.id">
19 <div ng-messages="projectForm.evcid.$error">
20 <div ng-message="required">Number is required!</div>
23 <md-input-container class="md-block">
24 <label>Service Type</label>
25 <md-select required ng-model="obj.svc_type" name="svc_type" >
26 <md-option ng-repeat="typ in params.svcTypes" value="{{ typ }}">{{ typ }}</md-option>
28 <div ng-messages="projectForm.svc_type.$error">
29 <div ng-message="required">This is required!</div>
32 <md-input-container class="md-block">
33 <label>Maximum Number of UNIs</label>
34 <input type="number" step="1" name="max_uni" ng-model="obj.max_uni">
38 <a ng-init="advancedCollapsed=true" ng-click="advancedCollapsed = !advancedCollapsed" class="btn btn-navbar btn-info">{{advancedCollapsed ? 'Show' : 'Hide'}} Advanced Options</a>
39 <div layout-gt-sm="row" ng-if-start="!advancedCollapsed">
40 <md-input-container class="md-block" flex-gt-sm>
41 <md-switch name="is_preserve_vlan" ng-model="obj.is_preserve_vlan">{{obj.is_preserve_vlan ? "" : "Do Not"}} Preserve Vlan</md-switch>
43 <md-input-container class="md-block" ng-if="obj.is_preserve_vlan" flex-gt-sm style="margin-bottom: 0px; margin-top: 36px;">
44 <label>Preserved Vlan</label>
45 <input required type="number" step="1" name="p_vlan" ng-model="obj.preserved_vlan">
46 <div ng-messages="projectForm.p_vlan.$error">
47 <div ng-message="required">Number is required!</div>
51 <md-input-container class="md-block" ng-init="obj.mtu_size = 1522">
52 <label>EVC MTU size</label>
53 <input type="number" step="1" name="mtu" min="1522" max="16384" ng-model="obj.mtu_size">
54 <div ng-messages="projectForm.mtu.$error">
55 <div ng-message="min">Number must be in range [1522..16384]</div>
58 <md-input-container class="md-block">
59 <label>Unicast Service Frame Delivery</label>
60 <md-select ng-model="obj.unicast" name="unicast">
61 <md-option value="{{ undefined }}"></md-option>
62 <md-option value="discard">Discard</md-option>
63 <md-option value="unconditional">Unconditional</md-option>
64 <md-option value="conditional">Conditional</md-option>
67 <md-input-container class="md-block" ng-if-end>
68 <label>Multicast Service Frame Delivery</label>
69 <md-select ng-model="obj.multicast" name="multicast">
70 <md-option value="{{ undefined }}"></md-option>
71 <md-option value="discard">Discard</md-option>
72 <md-option value="unconditional">Unconditional</md-option>
73 <md-option value="conditional">Conditional</md-option>
80 <md-dialog-actions layout="row">
82 <span ng-init="invalid = false" ng-if="invalid" style="color: red;">Invalid Input!</span>
83 <md-button ng-click="cancel()"> Cancel </md-button>
84 <md-button type="submit" ng-click="validate(projectForm) ? done(obj) : (invalid = true)"> Create </md-button>