<!--********************************************************************************
 * 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
 *
 ********************************************************************************-->

<p-chart #lineChart type="line" [data]="data" [options]="options"></p-chart>

<p-accordion>
    <p-accordionTab header="Optionen">
        
        Von <input type="number" numbersOnly pInputText [(ngModel)]="rangeValues[0]" />
        Bis <input type="number" numbersOnly pInputText [(ngModel)]="rangeValues[1]" />
        Gesamt {{numberOfRows}}
        Schrittweite: <input type="text" numbersOnly pInputText [(ngModel)]="step"/>
        Vorschauwerte<p-checkbox [(ngModel)]="previewEnabled" binary="true"></p-checkbox> <input *ngIf="previewEnabled" type="text" numbersOnly pInputText [(ngModel)]="numberOfChunks" />
 
        <div style="margin: 20px 0;">
            <p-slider [(ngModel)]="rangeValues" [range]="true" [min]="1" [max]="numberOfRows" [step]="step"></p-slider>
        </div>
        <p-button label="Anwenden" (onClick)="applySettings($event)"></p-button>
    </p-accordionTab>
</p-accordion>