summaryrefslogtreecommitdiffstats
path: root/vbd/gui/module/src/main/resources/vpp/views/bridge-domains.tpl.html
blob: ab4d83dfb6208d1c3197a65dab38f07b68493e3a (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
44
45
46
<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-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%;">
                    <md-option ng-repeat="bd in bridgedomains" value="{{bd['topology-id']}}">{{bd['topology-id']}}</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="removeBd()" style="width: 35%;" ng-if="dataService.injectedInterfaces.length===0 && dataService.selectedBd.name && dataService.changedInterfaces.length===0">Remove BD</md-button>
                    <md-button class="md-raised" md-no-ink ng-click="reload()" style="width: 25%;">Reload</md-button>

                </md-input-container>
                <table st-table="TableCtrl.displayedCollection" class="table" st-safe-src="TableCtrl.rowCollection">
                    <thead>
                    <tr>
                        <th>Assigned</th>
                        <th st-sort="vppName" st-sort-default="true">Vpp</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 | filter: filterRemoveVxlanIf">
                        <div ng-hide="row.hidden">
                            <td>
                                <md-switch ng-model="row.assigned" aria-label="Assign Switch" ng-change="TableCtrl.updateAssignment(row);">
                                </md-switch>
                            </td>
                            <td>{{row.vppName}}</td>
                            <td>{{row.name}}</td>
                            <!--<td>{{row.description}}</td>-->
                            <td>{{row.vbd}}</td>
                        </div>
                    </tr>
                    </tbody>
                </table>
                <!--<md-input-container style="bottom: 10px">-->
                    <md-button class="md-raised" md-no-ink ng-click="deploy()" style="width: 94%;" ng-if="dataService.changedInterfaces.length">Deploy</md-button>
                <!--</md-input-container>-->
            </md-content>
        </div>
    </div>
</div>