blob: 108ee9aba5f8ba71bc6866cf5a5a4e7fc39409f7 [file] [log] [blame]
<!--********************************************************************************
* 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-accordion [style]="{'width':'100%'}">
<p-accordionTab header="Optionen" [disabled]="!channelGroups || channelGroups.length === 0">
<div class="p-grid nested-grid p-align-center">
<!-- Row 1 -->
<!-- left -->
<div class="p-col-2">
<label for="rangeValStart">Von</label>
<p-spinner id="rangeValStart"
size="4"
[(ngModel)]="rangeValues[0]"
[step]="step"
[min]="minIndex"
[max]="rangeValues[1]"
(onChange)="onChangeValueRange($event)"
></p-spinner>
</div>
<div class="p-col-2">
<label for="rangeValEnd">Bis</label>
<p-spinner id="rangeValEnd"
size="4"
[(ngModel)]="rangeValues[1]"
[step]="step"
[min]="rangeValues[0]"
[max]="numberOfRows"
(onChange)="onChangeValueRange($event)"
(onBlur)="onChangeValueRange($event)"
></p-spinner>
</div>
<div class="p-col-4">
<label for="step">Schrittweite</label>
<p-spinner id="step" type="text" [(ngModel)]="step" size="4"></p-spinner>
</div>
<!-- right -->
<div class="p-col-4">
<label for="preview">Vorschauwerte</label>
<p-checkbox id="preview" [(ngModel)]="previewEnabled" binary="true"></p-checkbox>
</div>
<!-- Row 2 -->
<!-- left -->
<div class="p-col-7">
<div class="p-grid p-align-center">
<div class="p-col-1" style="text-align: right;">{{minIndex}}</div>
<div class="p-col-10"><p-slider [(ngModel)]="rangeValues" [range]="true" [min]="1" [max]="(numberOfRows + 1)" [step]="step"></p-slider></div>
<div class="p-col-1">{{numberOfRows + 1}}</div>
</div>
</div>
<div class="p-col-1">
</div>
<!-- right -->
<div class="p-col-4">
<input *ngIf="previewEnabled" type="text" numbersOnly pInputText [(ngModel)]="numberOfChunks" />
</div>
<!-- Row 3 -->
<div class="p-col-12" style="text-align: right;">
<button class="btn btn-mdm" (click)="onApplySettings($event)">
<span class="fa fa-check"></span>
Übernehmen
</button>
</div>
</div>
</p-accordionTab>
</p-accordion>