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