blob: 91b9d0aa4f1fcc0027f7bf7165696d2e50eeb5f7 (
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
47
48
49
50
51
52
53
54
55
56
|
<div ng-controller="BridgeDomainsController">
<div layout="row" style="height: 1000px; width: 100%">
<div layout="column" style="height:100%; width:60%">
<div ng-show="showOverlay" style="height: 100%; width: 100%">
<h3>Overlay topology</h3>
<md-button class="md-raised" md-no-ink ng-click="toggleUnderlay()" style="width: 25%;" ng-disabled="!selectedBd['topology-id']">Show Underlay</md-button>
<div id="overlay-next-app" style="height: 50%; width: 100%"></div>
</div>
<div ng-show="!showOverlay" style="height: 100%; width: 100%">
<h3>Underlay topology</h3>
<md-button class="md-raised" md-no-ink ng-click="toggleUnderlay()" style="width: 25%;" ng-disabled="!selectedBd['topology-id']">Show Overlay</md-button>
<div id="underlay-next-app" style="height: 50%; width: 100%"></div>
</div>
</div>
<div class="md-sidenav-left md-whiteframe-z2" style="height: 100%; width: 40%; background-color: #414042;">
<md-input-container style="margin-right: 5px;" layout="row">
<md-select ng-model='selectedBd' placeholder="Select BD" ng-change="bdChanged()" style="width: 100%;">
<md-option ng-repeat="bd in bridgeDomainList" ng-value="bd">{{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="selectedBd['topology-id'] && !selectedBd.node">Remove BD</md-button>
<!--<md-button class="md-raised" md-no-ink ng-click="reload()" style="width: 25%;">Reload</md-button>-->
</md-input-container>
<div ng-controller="TableController as TableCtrl">
<table st-table="interfaceDisplayList" class="table" st-safe-src="interfaceList">
<thead>
<tr>
<th st-sort="assigned" class="interactive">Assigned</th>
<th st-sort="vppName" st-sort-default="true" class="interactive">Vpp</th>
<th st-sort="'tp-id'" class="interactive">Interface Name</th>
<th st-sort="vbdName" class="interactive">Bridge Domain</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in interfaceDisplayList | 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['tp-id']}}</td>
<td>{{row.vbdName}}</td>
</div>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
|
