dlux/cpeui/cpeui-module/src/main/resources/cpeui/dialogs/LinkEvcUni.tpl.html

   1 <md-dialog class="cpe-dialog" aria-label="Update UNI" ng-cloak>
   2     <md-toolbar>
   3       <div class="md-toolbar-tools">
   4         <h2>Update {{ params.evc['svc-id'] }} Uni</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 ng-controller="AppCtrl" layout="column" ng-cloak ng-init="obj.role = 'root'">
  15   <md-content layout-padding>
  16     <md-input-container class="md-block">
  17         <label>Device</label>
  18         <md-select ng-model="obj.device_id" name="device">
  19                 <md-option ng-repeat="ce in params.ces" ng-value="ce['dev-id']" default>{{ ce.displayName }}</md-option>
  20         </md-select>
  21       </md-input-container>
  22       <md-input-container class="md-block">
  23         <label>Uni</label>
  24         <md-select ng-model="obj.uni_id" name="uniid">
  25                 <md-option ng-repeat="uni in params.unis.filterByField('device',obj.device_id) | filter: filterUsedUnis(params.evc) " value="{{ uni['uni-id'] }}" default>{{ uni.prettyID }}</md-option>
  26         </md-select>
  27       </md-input-container>
  28       <md-input-container class="md-block" ng-if="params.evc.evc['evc-type'] == 'rooted-multipoint'">
  29         <label>Role</label>
  30         <md-select ng-model="obj.role" name="role">
  31                 <md-option value="root" default>Root</md-option>
  32                 <md-option value="leaf" default>Leaf</md-option>
  33         </md-select>
  34       </md-input-container>
  35     <input type="hidden" name="vlans" ng-model="obj.vlans">
  36     <div ng-if="params.evc.evc['preserve-ce-vlan-id']">
  37         Preserved Vlan: {{params.evc.evc['preserved-vlan']}}
  38         <i ng-init="obj.vlans = [params.evc.evc['preserved-vlan']]"></i>
  39     </div>
  40    <md-input-container class="md-block" ng-if="!params.evc.evc['preserve-ce-vlan-id']">
  41    <h4 style="color:black;">VLans</h4>
  42     <table ng-init="obj.vlans = []" class="inner-table table table-striped">
  43                 <thead>
  44                 </thead>
  45                 <tbody id="l2_table">
  46                         <tr ng-repeat="vlan in obj.vlans | orderBy">
  47                                 <td>{{ vlan }}</td>
  48                                 <td class="delete-tr"><button class="btn btn-md btn-danger"
  49                                                 ng-click="deleteVlan(vlan)">
  50                                                 <i class="icon-trash"></i>
  51                                         </button></td>
  52                         </tr>
  53                         <tr>
  54                                 <td><input id="vlan_input" type="number" name="current_vlan" ng-model="current_vlan"></td>
  55                                 <td class="delete-tr"><button class="btn btn-md btn-info"
  56                                                 ng-click="addVlan(current_vlan)">
  57                                                 <i class="icon-plus"></i>
  58                                         </button></td>
  59                         </tr>
  60                 </tbody>
  61         </table>
  62         </md-input-container>
  63   </md-content>
  64 </div>
  65
  66     </md-dialog-content>
  67     <md-dialog-actions layout="row">
  68       <span flex></span>
  69       <md-button ng-click="cancel()">
  70        Cancel
  71       </md-button>
  72       <md-button type="submit" ng-click="obj.svc_id = params.evc['svc-id'];obj.evc_unis = params.evc_unis; done(obj)">
  73         link
  74       </md-button>
  75     </md-dialog-actions>
  76     </form>
  77 </md-dialog>