src/app/pages/overview/overview.component.html

<!--
******************************************************************************
* Copyright © 2018 PTA GmbH.
* All rights reserved. This program and the accompanying materials
* are made available under the terms of the Eclipse Public License v1.0
* which accompanies this distribution, and is available at
* 
*     http://www.eclipse.org/legal/epl-v10.html
* 
******************************************************************************
-->

<div class="overview-body">
  <div>
    <div class="maincontent">
      <div class="row">
        <div class="col-xs-4">
          <span style="font-size: 30px">Netzmaßnahmen</span>
        </div>
        <div class="col-xs-4 center" view="'list'">
          <div class="btn-group">
            <div class="btn btn-primary" (click)="view = 'list'" [class.active]="view === 'list'">
              Tabelle
            </div>
            <div class="btn btn-primary" (click)="view = 'calendar'" [class.active]="view === 'calendar'">
              Kalender
            </div>
          </div>
        </div>
        <div class="col-xs-4">
          <div *ngIf="createGridMeasureAllowed" id="goToGridMeasureDetailBtn" class="btn btn-primary pull-right" (click)="goToGridMeasureDetail()">
            Netzmaßnahme erstellen
          </div>
        </div>
      </div>
      <div class="panel-group">
        <div *ngIf="view ==='calendar'">
          <app-custom-calendar>
            loading ...
          </app-custom-calendar>
        </div>
        <div *ngIf="view ==='list'">
          <app-grid-measures [gridId]="'gridMeasures'" [withEditButtons]="true">
            loading ...
          </app-grid-measures>
        </div>
      </div>
    </div>
  </div>
</div>