blob: a0e2d237a64a79ca532dedd07ddbabf50a1700fd [file] [log] [blame]
Sean Condonf4f54a12018-10-10 23:25:46 +01001<!--
2~ Copyright 2018-present Open Networking Foundation
3~
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-->
Sean Condon50855cf2018-12-23 15:37:42 +000016<div id="toolbar-topo2-toolbar" class="floatpanel toolbar" [@toolbarState]="on"
Sean Condon0d064ec2019-02-04 21:53:53 +000017 style="opacity: 1; left: 0px; width: 286px; top: auto; bottom: 10px;">
Sean Condon91481822019-01-01 13:56:14 +000018 <div class="tbar-arrow" (click)="on =! on">
19 <onos-icon [iconSize]="10" [iconId]="on?'triangleLeft':'triangleRight'"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010020 </div>
Sean Condon91481822019-01-01 13:56:14 +000021 <div class="tbar-row ctrl-btns">
22 <div class="toggleButton" id="toolbar-topo2-toolbar-topo2-instance-tog" (click)="buttonClicked('instance-tog')">
23 <onos-icon [iconSize]="25" iconId="m_uiAttached" [toolTip]="lionFn('tbtt_tog_instances')" [classes]="['toggleButton', instancesVisible?'selected':'']"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010024 </div>
Sean Condon91481822019-01-01 13:56:14 +000025 <div class="toggleButton" id="toolbar-topo2-toolbar-topo2-summary-tog" (click)="buttonClicked('summary-tog')">
26 <onos-icon [iconSize]="25" iconId="m_summary" [toolTip]="lionFn('tbtt_tog_summary')" [classes]="['toggleButton', summaryVisible?'selected':'']"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010027 </div>
Sean Condon91481822019-01-01 13:56:14 +000028 <div class="toggleButton" id="toolbar-topo2-toolbar-details-tog" (click)="buttonClicked('details-tog')">
29 <onos-icon [iconSize]="25" iconId="m_details" [toolTip]="lionFn('tbtt_tog_use_detail')" [classes]="['toggleButton', detailsVisible?'selected':'']"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010030 </div>
31 <div class="separator"></div>
Sean Condon91481822019-01-01 13:56:14 +000032 <div class="toggleButton" id="toolbar-topo2-toolbar-hosts-tog" (click)="buttonClicked('hosts-tog')">
33 <onos-icon [iconSize]="25" iconId="m_endstation" [toolTip]="lionFn('tbtt_tog_host')" [classes]="['toggleButton', hostsVisible?'selected':'']"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010034 </div>
Sean Condon91481822019-01-01 13:56:14 +000035 <div class="toggleButton" id="toolbar-topo2-toolbar-offline-tog" (click)="buttonClicked('offline-tog')">
36 <onos-icon [iconSize]="25" iconId="m_switch" [toolTip]="lionFn('tbtt_tog_offline')" classes="toggleButton selected"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010037 </div>
Sean Condon91481822019-01-01 13:56:14 +000038 <div class="toggleButton" id="toolbar-topo2-toolbar-topo2-ports-tog" (click)="buttonClicked('ports-tog')">
39 <onos-icon [iconSize]="25" iconId="m_ports" [toolTip]="lionFn('tbtt_tog_porthi')" classes="toggleButton selected" [classes]="['toggleButton', portsVisible?'selected':'']"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010040 </div>
Sean Condon91481822019-01-01 13:56:14 +000041 <div class="toggleButton" id="toolbar-topo2-toolbar-topo2-bkgrnd-tog" (click)="buttonClicked('bkgrnd-tog')">
42 <onos-icon [iconSize]="25" iconId="m_map" [toolTip]="lionFn('tbtt_tog_map')" classes="toggleButton selected" [classes]="['toggleButton', backgroundVisible?'selected':'']"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010043 </div>
Sean Condon0d064ec2019-02-04 21:53:53 +000044 <div class="toggleButton" id="toolbar-topo2-toolbar-topo2-bkgrnd-sel" (click)="buttonClicked('bkgrnd-sel')">
45 <onos-icon [iconSize]="25" iconId="m_selectMap" [toolTip]="lionFn('tbtt_sel_map')" classes="button"></onos-icon>
46 </div>
Sean Condonf4f54a12018-10-10 23:25:46 +010047 </div>
48 <br>
49 <div class="tbar-row">
Sean Condon91481822019-01-01 13:56:14 +000050 <div class="button" id="toolbar-topo2-toolbar-topo2-cycleLabels-btn" (click)="buttonClicked('cycleLabels-btn')">
51 <onos-icon [iconSize]="25" iconId="m_cycleLabels" [toolTip]="lionFn('tbtt_cyc_dev_labs')" classes="button"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010052 </div>
Sean Condon91481822019-01-01 13:56:14 +000053 <div class="button" id="toolbar-topo2-toolbar-topo2-resetZoom-btn" (click)="buttonClicked('resetZoom-btn')">
54 <onos-icon [iconSize]="25" iconId="m_resetZoom" [toolTip]="lionFn('tbtt_reset_zoom')" classes="button"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010055 </div>
56 <div class="separator"></div>
Sean Condon91481822019-01-01 13:56:14 +000057 <div class="button" id="toolbar-topo2-toolbar-topo2-eqMaster-btn" (click)="buttonClicked('eqMaster-btn')">
58 <onos-icon [iconSize]="25" iconId="m_eqMaster" [toolTip]="lionFn('tbtt_eq_master')" classes="button"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010059 </div>
60 <div class="separator"></div>
Sean Condon91481822019-01-01 13:56:14 +000061 <div class="radioSet" id="toolbar-topo2-traffic">
62 <div class="radioButton selected" id="toolbar-topo2-cancel-traffic" (click)="buttonClicked('cancel-traffic')">
63 <onos-icon [iconSize]="25" iconId="m_unknown" [toolTip]="lionFn('tr_btn_cancel_monitoring')" classes="radioButton selected"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010064 </div>
Sean Condon91481822019-01-01 13:56:14 +000065 <div class="radioButton" id="toolbar-topo2-all-traffic" (click)="buttonClicked('all-traffic')">
66 <onos-icon [iconSize]="25" iconId="m_allTraffic" [toolTip]="lionFn('tr_btn_show_related_traffic')" classes="radioButton selected"></onos-icon>
Sean Condonf4f54a12018-10-10 23:25:46 +010067 </div>
68 </div>
Sean Condonb2c483c2019-01-16 20:28:55 +000069 <div class="separator"></div>
70 <div class="button" id="toolbar-topo2-toolbar-topo2-quickhelp" (click)="buttonClicked('quickhelp-btn')">
71 <onos-icon [iconSize]="25" iconId="query" [toolTip]="lionFn('qh_title')" classes="button"></onos-icon>
72 </div>
Sean Condon71910542019-02-16 18:16:42 +000073 <div class="button" id="toolbar-topo2-toolbar-topo2-cycleGrid-btn" (click)="buttonClicked('cycleGridDisplay-btn')">
74 <onos-icon [iconSize]="25" iconId="m_cycleGridDisplay" [toolTip]="lionFn('tbtt_cyc_grid_display')" classes="button"></onos-icon>
75 </div>
Sean Condonf4f54a12018-10-10 23:25:46 +010076 </div>
Sean Condon28884332019-03-21 14:07:00 +000077 <div class="tbar-row">
78 <div class="button" id="toolbar-topo2-toolbar-topo2-layout-default" (click)="buttonClicked('layout-default-btn')">
79 <onos-icon iconSize="25" iconId="m_fiberSwitch" toolTip="Default (force-based) layout" classes="button"></onos-icon>
80 </div>
81 <div class="button" id="toolbar-topo2-toolbar-topo2-layout-access" (click)="buttonClicked('layout-access-btn')">
82 <onos-icon iconSize="25" iconId="m_disjointPaths" toolTip="Access layout - separate service leafs" classes="button"></onos-icon>
83 </div>
Sean Condon590b34b2019-12-04 18:44:37 +000084 <div class="button" id="toolbar-topo2-toolbar-topo2-alarms-tog" (click)="buttonClicked('alarms-tog')">
85 <onos-icon iconSize="25" iconId="clock" toolTip="Toggle Alarms display" classes="button" [classes]="['toggleButton', alarmsVisible?'selected':'']"></onos-icon>
86 </div>
Sean Condon28884332019-03-21 14:07:00 +000087 </div>
88</div>