From 4dab4095b9468daee39fc800a73f59c80ca182c6 Mon Sep 17 00:00:00 2001 From: jojohoch <joachim.hoch@iqb.hu-berlin.de> Date: Tue, 23 May 2023 12:41:21 +0200 Subject: [PATCH] Adopt new mdc based template structure for slider --- .../components/input-elements/slider.component.ts | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/projects/common/components/input-elements/slider.component.ts b/projects/common/components/input-elements/slider.component.ts index 3d6a2fbe6..d1e464374 100644 --- a/projects/common/components/input-elements/slider.component.ts +++ b/projects/common/components/input-elements/slider.component.ts @@ -46,12 +46,14 @@ import { FormElementComponent } from '../../directives/form-element-component.di <div *ngIf="elementModel.barStyle" class="value-marker min-value-marker"></div> <div *ngIf="elementModel.barStyle" class="value-marker max-value-marker"></div> <mat-slider [class]="elementModel.barStyle ? 'slider-bar-style' : 'slider'" - [isDisabled]="elementModel.readOnly" - [thumbLabel]="elementModel.thumbLabel" - [formControl]="elementFormControl" + [discrete]="elementModel.thumbLabel" [style.width.%]="100" [max]="elementModel.maxValue" - [min]="elementModel.minValue"><input matSliderThumb /> + [min]="elementModel.minValue"> + <input matSliderThumb + [isDisabled]="elementModel.readOnly" + [formControl]="elementFormControl" + /> </mat-slider> </div> <mat-error *ngIf="elementFormControl.touched && elementFormControl.errors"> -- GitLab