nucleus/webclient/src/main/webapp/src/app/chartviewer/components/chatviewer-nav-card/chart-viewer-nav-card.component.html

<!--********************************************************************************
 * Copyright (c) 2015-2018 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 *
 * SPDX-License-Identifier: EPL-2.0
 *
 ********************************************************************************-->

<div *ngIf="measurement === undefined">
        No Channel selected.
</div>

<div *ngIf="measurement !== undefined">
  <div class="p-grid toolbar">
    <div class="thin">
      <p-selectButton [options]="modes" [(ngModel)]="selectedMode"></p-selectButton>
      <span *ngIf="totalCachedChannels > limit && !allLoaded">
        <span class="toolbar-spacer"></span>
        <button type="button" class="btn btn-mdm toolbar-btn" (click)="loadMissingChannels($event)" title="{{ 'chartviewer.chart-viewer-nav-card.load-missing-channels' | translate:openChannels }}"><span class="fa fa-plus"></span> {{ 'chartviewer.chart-viewer-nav-card.load-missing-channels' | translate:openChannels }}</button>
      </span>
    </div>
  </div>
  <div [ngSwitch]="selectedMode">
    <mdm5-chartViewer *ngSwitchCase="'chart'" [measurement]="measurement"></mdm5-chartViewer>
    <mdm5-dataTable *ngSwitchCase="'table'" [measurement]="measurement"></mdm5-dataTable>
    <div *ngSwitchDefault></div>
  </div>
</div>