blob: 297ea11cf340b523a093ca605157856bd7137746 [file] [log] [blame]
Sean Condonf4f54a12018-10-10 23:25:46 +01001<!--
Sean Condon91481822019-01-01 13:56:14 +00002~ Copyright 2019-present Open Networking Foundation
Sean Condonf4f54a12018-10-10 23:25:46 +01003~
4~ 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.
15-->
16<div id="topo2-p-detail" class="floatpanel topo2-p"
Sean Condond88f3662019-04-03 16:35:30 +010017 [@detailsPanelState]="on && selectedNodes.length > 0">
Sean Condon91481822019-01-01 13:56:14 +000018 <!-- Template explanation - Create a HTML header which has an SVG icon along
19 side title text. -->
Sean Condonf4f54a12018-10-10 23:25:46 +010020 <div class="header">
21 <div class="icon clickable">
Sean Condon91481822019-01-01 13:56:14 +000022 <onos-icon
23 [iconSize]="26"
24 [iconId]="showDetails?.glyphId">
25 </onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010026 </div>
Sean Condon91481822019-01-01 13:56:14 +000027 <h2 class="clickable">{{ showDetails?.title }}</h2>
Sean Condonf4f54a12018-10-10 23:25:46 +010028 </div>
29 <div class="body">
30 <table>
31 <tbody>
Sean Condon91481822019-01-01 13:56:14 +000032 <!-- Template explanation - Inside a HTML table, create a row per
33 item in the propOrder array returned through the WSS showDetails.
34 If the row name contains only '-' then draw a horiz rule otherwise
35 create a cell for the name and another for the value -->
36 <tr *ngFor="let p of showDetails?.propOrder">
37 <td *ngIf="showDetails?.propLabels[p] !== '-'"
Sean Condon8a8bc4b2020-05-21 16:14:54 +010038 class="label">{{showDetails?.propLabels[p]}}</td>
Sean Condon91481822019-01-01 13:56:14 +000039 <td *ngIf="showDetails?.propLabels[p] !== '-'"
40 class="value">{{ showDetails?.propValues[p]}}</td>
41 <!-- If the label is '-' then insert a horiz line -->
42 <td *ngIf="showDetails?.propLabels[p] === '-'"
43 colspan="2"><hr></td>
44 </tr>
Sean Condonf4f54a12018-10-10 23:25:46 +010045 </tbody>
46 </table>
47 </div>
48 <div class="footer">
49 <hr>
50 <div class="actionBtns">
Sean Condon91481822019-01-01 13:56:14 +000051 <!-- Template explanation - Inside the panel footer, create an SVG icon
52 per entry in the buttons array returned from the WSS showDetails
53 The icons used here are loaded in the ForceSvgComponent
54 -->
55 <div *ngFor="let btn of showDetails?.buttons" class="actionBtn">
Sean Condonb2c483c2019-01-16 20:28:55 +000056 <onos-icon id="topo2-p-detail-core-{{ btn }}"
Sean Condond88f3662019-04-03 16:35:30 +010057 (click)="navto(buttonAttribs(btn).path)"
Sean Condonb2c483c2019-01-16 20:28:55 +000058 [iconSize]="25"
59 [iconId]="buttonAttribs(btn).gid"
Sean Condond88f3662019-04-03 16:35:30 +010060 [toolTip]="lionFnTopo(buttonAttribs(btn).tt)"
Sean Condonb2c483c2019-01-16 20:28:55 +000061 classes="button icon selected">
62 </onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010063 </div>
Sean Condon590b34b2019-12-04 18:44:37 +000064 <div *ngIf="showDetails?.buttons?.includes('showDeviceView')" class="actionBtn">
65 <onos-icon id="topo2-p-detail-core-alarms"
66 (click)="navto('alarmTable')"
67 [iconSize]="25"
68 [iconId]="'clock'"
69 classes="button icon selected">
70 </onos-icon>
Sean Condonafe47c22019-12-19 14:28:06 +000071 <onos-icon id="topo2-p-detail-core-pipeconf"
72 (click)="navto('pipeconf')"
73 [iconSize]="25"
74 [iconId]="'pipeconfTable'"
75 classes="button icon selected">
76 </onos-icon>
Sean Condon590b34b2019-12-04 18:44:37 +000077 </div>
Sean Condonf4f54a12018-10-10 23:25:46 +010078 </div>
79 </div>
Sean Condond88f3662019-04-03 16:35:30 +010080</div>