vbd/gui/module/src/main/resources/vpp/views/bridge-domains.tpl.html

   1 <div ng-controller="BridgeDomainsController">
   2     <div layout="row" layout-xs="column" style="height: 550px; width: 100%">
   3         <div id="bridge-domains-next-app" style="height: 550px; width: 60%"></div>
   4         <div class="md-sidenav-left md-whiteframe-z2" style="height: 550px; background-color: #414042; overflow: scroll" flex>
   5             <md-content layout-padding ng-controller="TableController as TableCtrl">
   6                 <md-input-container style="margin-right: 5px;" layout="row">
   7                 <md-select ng-model='selectedBd.name' placeholder="Select BD" ng-change="bdChanged()" style="width: 100%;">
   8                     <md-option ng-repeat="bd in bridgedomains" value="{{bd['topology-id']}}">{{bd['topology-id']}}</md-option>
   9                 </md-select>
  10                 <md-button class="md-raised" md-no-ink ng-click="addBd()" style="width: 25%;">Add BD</md-button>
  11                 <md-button class="md-raised" md-no-ink ng-click="removeBd()" style="width: 35%;" ng-if="dataService.injectedInterfaces.length===0 && dataService.selectedBd.name && dataService.changedInterfaces.length===0">Remove BD</md-button>
  12                     <md-button class="md-raised" md-no-ink ng-click="reload()" style="width: 25%;">Reload</md-button>
  13
  14                 </md-input-container>
  15                 <table st-table="TableCtrl.displayedCollection" class="table" st-safe-src="TableCtrl.rowCollection">
  16                     <thead>
  17                     <tr>
  18                         <th>Assigned</th>
  19                         <th st-sort="vppName" st-sort-default="true">Vpp</th>
  20                         <th st-sort="name" st-sort-default="true">Interface Name</th>
  21                         <!--<th st-sort="description">Description</th>-->
  22                         <th st-sort="bridge-domain">Bridge Domain</th>
  23                     </tr>
  24                     </thead>
  25                     <tbody>
  26                     <tr ng-repeat="row in TableCtrl.displayedCollection">
  27                         <div ng-hide="row.hidden">
  28                             <td>
  29                                 <md-switch ng-model="row.assigned" aria-label="Assign Switch" ng-change="TableCtrl.updateAssignment(row);">
  30                                 </md-switch>
  31                             </td>
  32                             <td>{{row.vppName}}</td>
  33                             <td>{{row.name}}</td>
  34                             <!--<td>{{row.description}}</td>-->
  35                             <td>{{row.vbd}}</td>
  36                         </div>
  37                     </tr>
  38                     </tbody>
  39                 </table>
  40                 <!--<md-input-container style="bottom: 10px">-->
  41                     <md-button class="md-raised" md-no-ink ng-click="deploy()" style="width: 94%;" ng-if="dataService.changedInterfaces.length">Deploy</md-button>
  42                 <!--</md-input-container>-->
  43             </md-content>
  44         </div>
  45     </div>
  46 </div>