diff options
Diffstat (limited to 'vbd/gui/module/src/main/resources/vpp/views')
-rw-r--r-- | vbd/gui/module/src/main/resources/vpp/views/bridge-domains.tpl.html | 4 | ||||
-rw-r--r-- | vbd/gui/module/src/main/resources/vpp/views/inventory-detail.tpl.html | 33 |
2 files changed, 33 insertions, 4 deletions
diff --git a/vbd/gui/module/src/main/resources/vpp/views/bridge-domains.tpl.html b/vbd/gui/module/src/main/resources/vpp/views/bridge-domains.tpl.html index 806097346..ab4d83dfb 100644 --- a/vbd/gui/module/src/main/resources/vpp/views/bridge-domains.tpl.html +++ b/vbd/gui/module/src/main/resources/vpp/views/bridge-domains.tpl.html @@ -1,7 +1,7 @@ <div ng-controller="BridgeDomainsController"> <div layout="row" layout-xs="column" style="height: 550px; width: 100%"> <div id="bridge-domains-next-app" style="height: 550px; width: 60%"></div> - <div class="md-sidenav-left md-whiteframe-z2" style="height: 550px; background-color: #414042; overflow: scroll" flex> + <div class="md-sidenav-left md-whiteframe-z2" style="height: 550px; background-color: #414042; overflow-y: scroll" flex> <md-content layout-padding ng-controller="TableController as TableCtrl"> <md-input-container style="margin-right: 5px;" layout="row"> <md-select ng-model='selectedBd.name' placeholder="Select BD" ng-change="bdChanged()" style="width: 100%;"> @@ -23,7 +23,7 @@ </tr> </thead> <tbody> - <tr ng-repeat="row in TableCtrl.displayedCollection"> + <tr ng-repeat="row in TableCtrl.displayedCollection | filter: filterRemoveVxlanIf"> <div ng-hide="row.hidden"> <td> <md-switch ng-model="row.assigned" aria-label="Assign Switch" ng-change="TableCtrl.updateAssignment(row);"> diff --git a/vbd/gui/module/src/main/resources/vpp/views/inventory-detail.tpl.html b/vbd/gui/module/src/main/resources/vpp/views/inventory-detail.tpl.html index 1fc3fa617..9d08cf67d 100644 --- a/vbd/gui/module/src/main/resources/vpp/views/inventory-detail.tpl.html +++ b/vbd/gui/module/src/main/resources/vpp/views/inventory-detail.tpl.html @@ -11,7 +11,12 @@ <!-- right aligned detail --> <div class="md-sidenav-left md-whiteframe-z2" flex layout-margin> <md-content layout-padding> - <h3>VPP Detail</h3> + <div style="float: left"> + <h3>VPP Detail</h3> + </div> + <div style="float: right"> + <md-button ng-click="setMainView('inventory')" class="md-raised">Back to VPP List</md-button> + </div> <table class="table table-striped"> <tbody> @@ -37,6 +42,30 @@ </tr> </tbody> </table> + + <div style="float: left"> + <h3>VXLAN Tunnel</h3> + </div> + <table st-table="displayInterfaceList" st-safe-src="selectedVpp.interfaces" class="table table-striped"> + <thead> + <tr> + <th st-sort="name" class="interactive">Name</th> + <th st-sort="oper-status" class="interactive" >Oper Status</th> + <th st-sort="admin-status" class="interactive">Admin Status</th> + <th st-sort="v3po:vxlan.src" class="interactive">Source IP</th> + <th st-sort="v3po:vxlan.src" class="interactive">Destination IP</th> + </tr> + </thead> + <tbody> + <tr ng-repeat="interface in displayInterfaceList | filter: filterGetVxlanIf"> + <td>{{interface.name}}</td> + <td>{{interface['admin-status']}}</td> + <td>{{interface['phys-address']}}</td> + <td>{{interface['v3po:vxlan'].src}}</td> + <td>{{interface['v3po:vxlan'].dst}}</td> + </tr> + </tbody> + </table> </md-content> </div> </div> @@ -56,7 +85,7 @@ </tr> </thead> <tbody> - <tr ng-repeat="interface in displayInterfaceList"> + <tr ng-repeat="interface in displayInterfaceList | filter: filterRemoveVxlanIf"> <td>{{interface.name}}</td> <td>{{interface['oper-status']}}</td> <td>{{interface['admin-status']}}</td> |