From 882ddc69b05a4001718d90aa9c57f1e13d80aa0d Mon Sep 17 00:00:00 2001
From: Varun Seereeram <vseereer@cisco.com>
Date: Thu, 4 Feb 2016 05:15:51 -0800
Subject: GUI initial commit

- open ui on http://controllerIp:8181/index.html
- added interfaces to vpp topo.
- fixed VPP mounting
- fixed VPP Editing and deleting

Change-Id: I6ae2c6e5781d3e0cdb78b112d706b9f5076301d5
Signed-off-by: Daniel Malachovsky <daniel.malachovsky@pantheon.sk>
Signed-off-by: Varun Seereeram <vseereer@cisco.com>
Signed-off-by: Robert Varga <nite@hq.sk>
---
 .../resources/vpp/views/bridge-domains.tpl.html    | 43 ++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 vbd/gui/module/src/main/resources/vpp/views/bridge-domains.tpl.html

(limited to 'vbd/gui/module/src/main/resources/vpp/views/bridge-domains.tpl.html')

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
new file mode 100644
index 000000000..a8b4689d1
--- /dev/null
+++ b/vbd/gui/module/src/main/resources/vpp/views/bridge-domains.tpl.html
@@ -0,0 +1,43 @@
+<div ng-controller="BridgeDomainsController">
+    <md-progress-linear md-mode="indeterminate" ng-if="BridgeDomainsController.dataService.loading"></md-progress-linear>
+
+    <div layout="row" layout-xs="column" style="height:100%">
+        <div id="bridge-domains-next-app" style="height: 100%; width: 50%" flex></div>
+        <div class="md-sidenav-left md-whiteframe-z2" style="background-color: white" flex>
+            <md-content layout-padding ng-controller="TableController as TableCtrl">
+                <md-input-container style="margin-right: 5px;" layout="row">
+                <md-select ng-model='BridgeDomainsController.selectedBd.name' placeholder="Select BD" ng-change="BridgeDomainsController.bdChanged()" style="width: 100%;">
+                    <md-option ng-repeat="bd in BridgeDomainsController.bridgedomains" value="{{bd.name}}">{{bd.name}}</md-option>
+                </md-select>
+                <md-button class="md-raised" md-no-ink ng-click="BridgeDomainsController.addBd()" style="width: 25%;">Add BD</md-button>
+                <md-button class="md-raised" md-no-ink ng-click="BridgeDomainsController.removeBd()" style="width: 35%;" ng-if="BridgeDomainsController.dataService.injectedInterfaces.length===0 && BridgeDomainsController.dataService.selectedBd.name">Remove BD</md-button>
+
+                </md-input-container>
+                <table st-table="TableCtrl.displayedCollection" class="table table-striped" st-safe-src="TableCtrl.rowCollection">
+                    <thead>
+                    <tr>
+                        <th>Assigned</th>
+                        <th st-sort="name" st-sort-default="true">Interface Name</th>
+                        <th st-sort="description">Description</th>
+                        <th st-sort="bridge-domain">Bridge Domain</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <tr ng-repeat="row in TableCtrl.displayedCollection">
+                        <td>
+                            <md-switch ng-model="row.assigned" aria-label="Assign Switch" ng-change="TableCtrl.updateAssignment(row);">
+                            </md-switch>
+                        </td>
+                        <td>{{row.label}}</td>
+                        <td>{{row.description}}</td>
+                        <td>{{row['v3po:l2']['bridge-domain']}}</td>
+                    </tr>
+                    </tbody>
+                </table>
+                <!--<md-input-container style="bottom: 10px">-->
+                    <md-button class="md-raised" md-no-ink ng-click="BridgeDomainsController.deploy()" style="width: 94%;position: fixed;" ng-if="BridgeDomainsController.dataService.changedInterfaces.length">Deploy</md-button>
+                <!--</md-input-container>-->
+            </md-content>
+        </div>
+    </div>
+</div>
\ No newline at end of file
-- 
cgit 1.2.3-korg