Blame - web/gui2/src/main/webapp/app/view/flow/flow/flow.component.html - onos

Bhavesh

72ead49

2018-07-19 16:29:18 +0530

[diff] [blame^]

<!--

~

~ Licensed under the Apache License, Version 2.0 (the "License");

5

~ you may not use this file except in compliance with the License.

6

~ You may obtain a copy of the License at

7

~

8

~ http://www.apache.org/licenses/LICENSE-2.0

9

~

10

~ Unless required by applicable law or agreed to in writing, software

11

~ distributed under the License is distributed on an "AS IS" BASIS,

12

~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

13

~ See the License for the specific language governing permissions and

14

~ limitations under the License.

-->

<h2>

{{lionFn('title_flows')}} {{id}} ({{ tableData.length }} {{ lionFn('total') }})

</h2>

24

<onos-icon classes="{{ autoRefresh?'active refresh':'refresh' }}" iconId="refresh" iconSize="42" toolTip="{{ autoRefreshTip }}"></onos-icon>

</div>

<div>

<onos-icon classes="{{ id ? 'active-rect' :undefined}}" iconId="plus" iconSize="42" toolTip="{{detailTip}}"></onos-icon>

</div>

</span>

<div>

<onos-icon classes="{{ id ? 'active-rect' :undefined}}" iconId="minus" iconSize="42" toolTip="{{briefTip}}"></onos-icon>

</div>

</span>

<onos-icon classes="{{ id ? 'active-rect':undefined }}" iconId="deviceTable" iconSize="42" toolTip="{{deviceTip}}"></onos-icon>

</div>

<div>

<onos-icon classes="{{ id ? 'current-view' :undefined}}" iconId="flowTable" iconSize="42"></onos-icon>

</div>

<onos-icon classes="{{ id ? 'active-rect' :undefined}}" iconId="portTable" iconSize="42" toolTip="{{ portTip }}"></onos-icon>

</div>

<onos-icon classes="{{ id ? 'active-rect' :undefined}}" iconId="groupTable" iconSize="42" toolTip="{{ groupTip }}"></onos-icon>

</div>

<onos-icon classes="{{ id ? 'active-rect' :undefined}}" iconId="meterTable" iconSize="42" toolTip="{{ meterTip }}"></onos-icon>

</div>

<onos-icon classes="{{ id ? 'active-rect' :undefined}}" iconId="pipeconfTable" iconSize="42" toolTip="{{ pipeconfTip }}"></onos-icon>

</div>

</div>

<option value="" disabled>Search By</option>

67

<option value="$">All Fields</option>

68

<option value="priority">{{lionFn('priority')}}</option>

69

<option value="tableName">{{lionFn('tableName')}}</option>

70

<option value="selector">{{lionFn('selector')}}</option>

71

<option value="treatment">{{lionFn('treatment')}}</option>

72

<option value="appName">{{lionFn('appName')}}</option>

</select>

</div>

</div>

<table>

<tr>

<td colId="state" (click)="onSort('state')">{{lionFn('state')}}

82

<onos-icon classes="active-sort" [iconSize]="10" [iconId]="sortIcon('state')"></onos-icon>

83

</td>

84

<td colId="packets" (click)="onSort('packets')">{{lionFn('packets')}}

85

<onos-icon classes="active-sort" [iconSize]="10" [iconId]="sortIcon('packets')"></onos-icon>

86

</td>

87

<td colId="duration" (click)="onSort('duration')">{{lionFn('duration')}}

88

<onos-icon classes="active-sort" [iconSize]="10" [iconId]="sortIcon('duration')"></onos-icon>

89

</td>

90

<td colId="priority" (click)="onSort('priority')">{{lionFn('priority')}}

91

<onos-icon classes="active-sort" [iconSize]="10" [iconId]="sortIcon('priority')"></onos-icon>

92

</td>

93

<td colId="tableName" (click)="onSort('tableName')">{{lionFn('tableName')}}

94

<onos-icon classes="active-sort" [iconSize]="10" [iconId]="sortIcon('tableName')"></onos-icon>

95

</td>

96

<td colId="selector" (click)="onSort('selector')">{{lionFn('selector')}}

97

<onos-icon classes="active-sort" [iconSize]="10" [iconId]="sortIcon('selector')"></onos-icon>

98

</td>

99

<td colId="treatment" (click)="onSort('treatment')">{{lionFn('treatment')}}

100

<onos-icon classes="active-sort" [iconSize]="10" [iconId]="sortIcon('treatment')"></onos-icon>

101

</td>

102

<td colId="appName" (click)="onSort('appName')">{{lionFn('appName')}}

103

<onos-icon classes="active-sort" [iconSize]="10" [iconId]="sortIcon('appName')"></onos-icon>

</td>

</tr>

</table>

</div>

<table>

<td colspan="9">{{annots.noRowsMsg}}</td>

113

</tr>

114

<ng-template ngFor let-flow [ngForOf]="tableData | filter : tableDataFilter">

115

116

<td>{{flow.state}}</td>

117

<td>{{flow.packets}}</td>

118

<td>{{flow.duration}}</td>

119

<td>{{flow.priority}}</td>

120

<td>{{flow.tableName}}</td>

121

<td>{{flow.selector_c}}</td>

122

<td>{{flow.treatment_c}}</td>

123

<td>{{flow.appName}}</td>

124

</tr>

125

126

<td class="selector" colspan="8">{{flow.selector}} </td>

127

</tr>

128

129

<td class="treatment" colspan="8">{{flow.treatment}}</td>

</tr>

</ng-template>

</table>

</div>

</div>

<onos-flowdetails class="floatpanels" flowId="{{ selId }}" appId="{{ selRowAppId }}" (closeEvent)="deselectRow($event)"></onos-flowdetails>

136

</div>