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.svc['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.svc) " 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.svc.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       <md-input-container class="md-block">
  36         <label>Profile</label>
  37         <md-select ng-model="obj.profile_name" name="profile_name">
  38                 <md-option ng-value="undefined" > - None - </md-option>
  39                 <md-option ng-repeat="profile in params.profiles | orderBy: '[\'bw-profile\']'" value="{{ profile['bw-profile'] }}" >{{ profile['bw-profile'] }} <span class="small">(CIR: {{profile.cir}}, CBS: {{profile.cbs}})</span></md-option>
  40         </md-select>
  41       </md-input-container>
  42     <input type="hidden" name="vlans" ng-model="obj.vlans">
  43     <div ng-if="params.svc.evc['preserve-ce-vlan-id']">
  44         Preserved VLAN: {{params.svc.evc['preserved-vlan']}}
  45         <i ng-init="obj.vlans = [params.svc.evc['preserved-vlan']]"></i>
  46     </div>
  47    <md-input-container class="md-block" ng-if="!params.svc.evc['preserve-ce-vlan-id']">
  48    <h4 style="color:black;">VLANs</h4>
  49     <table ng-init="obj.vlans = []" class="inner-table table table-striped">
  50                 <thead>
  51                 </thead>
  52                 <tbody id="l2_table">
  53                         <tr ng-repeat="vlan in obj.vlans | orderBy">
  54                                 <td>{{ vlan }}</td>
  55                                 <td class="delete-tr"><button class="btn btn-md btn-danger"
  56                                                 ng-click="deleteVlan(vlan)">
  57                                                 <i class="icon-trash"></i>
  58                                         </button></td>
  59                         </tr>
  60                         <tr>
  61                                 <td><input id="vlan_input" type="number" name="current_vlan" ng-model="current_vlan"></td>
  62                                 <td class="delete-tr"><button class="btn btn-md btn-info"
  63                                                 ng-click="addVlan(current_vlan)">
  64                                                 <i class="icon-plus"></i>
  65                                         </button></td>
  66                         </tr>
  67                 </tbody>
  68         </table>
  69         </md-input-container>
  70   </md-content>
  71 </div>
  72
  73     </md-dialog-content>
  74     <md-dialog-actions layout="row">
  75       <span flex></span>
  76       <md-button ng-click="cancel()">
  77        Cancel
  78       </md-button>
  79       <md-button type="submit" ng-click="obj.svc_id = params.svc['svc-id'];obj.evc_unis = params.svc_unis; done(obj)">
  80         link
  81       </md-button>
  82     </md-dialog-actions>
  83     </form>
  84 </md-dialog>