| <!-- |
| ~ Licensed to the Apache Software Foundation (ASF) under one |
| ~ or more contributor license agreements. See the NOTICE file |
| ~ distributed with this work for additional information |
| ~ regarding copyright ownership. The ASF licenses this file |
| ~ to you under the Apache License, Version 2.0 (the |
| ~ "License"); you may not use this file except in compliance |
| ~ with the License. You may obtain a copy of the License at |
| ~ |
| ~ http://www.apache.org/licenses/LICENSE-2.0 |
| ~ |
| ~ Unless required by applicable law or agreed to in writing, |
| ~ software distributed under the License is distributed on an |
| ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| ~ KIND, either express or implied. See the License for the |
| ~ specific language governing permissions and limitations |
| ~ under the License. |
| --> |
| |
| <section fxLayout="column" fxFlex> |
| <section class="info" fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="10px"> |
| <div class="oval">Resource</div> |
| <div class="rectangle">Instance</div> |
| <div class="hint"> |
| (Scroll to zoom; Drag to move; Click for details) |
| </div> |
| <span fxFlex="1 1 auto"></span> |
| <button mat-button (click)="updateResources()"> |
| <mat-icon>refresh</mat-icon> |
| Refresh Status |
| </button> |
| <button |
| mat-button |
| *ngIf="selectedResource || selectedInstance" |
| color="accent" |
| [routerLink]="['../', selectedResource ? 'resources' : 'instances', selectedResource || selectedInstance]"> |
| {{ selectedResource || selectedInstance }} |
| <mat-icon>arrow_forward</mat-icon> |
| </button> |
| </section> |
| <section |
| class="cluster-dashboard" |
| [visNetwork]="visNetwork" |
| [visNetworkData]="visNetworkData" |
| [visNetworkOptions]="visNetworkOptions" |
| (initialized)="networkInitialized()"> |
| </section> |
| </section> |