src/app/lists/grid-measures/grid-measures.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="panel panel-default" style="width:100%;">
  <div class="panel-heading" style="display: inline-flex; width: 100%;padding: 0px 0px 0px 0px">
    <h4 class="panel-title" style="width: 100%;padding: 10px 15px">
      <a *ngIf="isCollapsible" data-toggle="collapse" href="#collapse4" (click)="sessionContext.setCollapseState(!stayCollapsedGridMeasures, Globals.GRID_MEASURE_COLLAPSABLE)">Aktuelle
        Netzmaßnahmen
      </a>
      <div *ngIf="!isCollapsible">Aktuelle Netzmaßnahmen</div>
    </h4>
    <div class="filter-options">
      <label class="switch">
        <input type="checkbox" [(ngModel)]="statusMainFilter.item.onlyUsersGMsDesired" (change)="setDirty();retrieveData()">
        <span class="slider round"></span>
      </label>
      <label>Meine Vorgänge</label>
      <label class="switch">
        <input type="checkbox" [disabled]="statusMainFilter.item.onlyUsersGMsDesired" [(ngModel)]="statusMainFilter.item.isClosedStatusActive "
          (change)="setDirty();retrieveData() ">
        <span class="slider round " [style.cursor]="statusMainFilter.item.onlyUsersGMsDesired ? 'not-allowed' : 'pointer'"></span>
      </label>
      <label>Geschlossene</label>
      <label class="switch ">
        <input type="checkbox" [disabled]="statusMainFilter.item.onlyUsersGMsDesired" [(ngModel)]="statusMainFilter.item.isCanceledStatusActive "
          (change)="setDirty();retrieveData() ">
        <span class="slider round " [style.cursor]="statusMainFilter.item.onlyUsersGMsDesired ? 'not-allowed' : 'pointer'"></span>
      </label>
      <label>Stornierte</label>
    </div>
    <div class="save-filter ">
      <button [disabled]="!settingsIsDirty" type="button " class="btn btn-default btn-sm " (click)="saveSettings()
          " title="Einstellungen speichern ">
        <i class="fa fa-floppy-o fa-lg " aria-hidden="true "></i>Filter Speichern
      </button>
    </div>
  </div>
  <div id="collapse4" style="width:100%; " class="panel-collapse collapse in " [ngClass]="{ 'in': !isCollapsible || !stayCollapsedGridMeasures} ">
    <div id="grid-wrapper " class="panel-body " style="width:100%; ">
      <ag-grid-angular [style.height.px]="300" class="ag-theme-balham
          " [gridOptions]="gridOptions " [rowData]="gridmeasures " (gridReady)="onGridReady($event)">
      </ag-grid-angular>
    </div>
  </div>
</div>