| <!-- |
| Copyright 2019 Google LLC |
| |
| Licensed 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. |
| --> |
| |
| <mat-toolbar> |
| <mat-toolbar-row fxLayoutAlign="space-between center"> |
| <h1>{{headerTitle}}</h1> |
| <div> |
| <button color="accent" mat-button (click)="exportNodeConfig()"> |
| Export |
| </button> |
| <input type="file" #fileUploadInput |
| (change)="onFileInputChange($event.target.files[0]); fileUploadInput.value = ''" /> |
| <button color="accent" mat-button |
| (click)="fileUploadInput.click()" |
| > |
| Import |
| </button> |
| </div> |
| </mat-toolbar-row> |
| </mat-toolbar> |
| |
| <nav mat-tab-nav-bar [tabPanel]="tabPanel"> |
| <a mat-tab-link *ngFor="let link of navLinks" |
| [routerLink]="link.path" |
| routerLinkActive #rla="routerLinkActive" |
| [active]="rla.isActive" |
| > |
| {{link.label}} |
| </a> |
| </nav> |
| |
| <mat-tab-nav-panel #tabPanel> |
| <router-outlet></router-outlet> |
| </mat-tab-nav-panel> |