summaryrefslogtreecommitdiffstats
path: root/vbd/gui/module/src/main/resources/vpp/views/bridge-domains.tpl.html
blob: d92873afea1d778a2f4f2b327c71d8c6291d544a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
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="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>