From d385733584e7eee90cb959dc3ae7fe272ab0a9b8 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Tue, 13 Sep 2022 15:18:45 +0200
Subject: [PATCH] Fix TogleButton strike-through to only appear after it has a
value
i.e. something has been clicked.
Since the value is not used on the player, we also need to check the
FormControl value.
#335
---
.../cloze/cloze-child-elements/toggle-button.component.ts | 8 ++++++--
1 file changed, 6 insertions(+), 2 deletions(-)
diff --git a/projects/common/components/compound-elements/cloze/cloze-child-elements/toggle-button.component.ts b/projects/common/components/compound-elements/cloze/cloze-child-elements/toggle-button.component.ts
index 9b0d17e51..99d4d48a4 100644
--- a/projects/common/components/compound-elements/cloze/cloze-child-elements/toggle-button.component.ts
+++ b/projects/common/components/compound-elements/cloze/cloze-child-elements/toggle-button.component.ts
@@ -17,8 +17,12 @@ import { ToggleButtonElement } from 'common/models/elements/compound-elements/cl
(focusout)="elementFormControl.markAsTouched()">
<mat-button-toggle *ngFor="let option of elementModel.options; let i = index"
[value]="i"
- [ngClass]="{ 'strike-other-options' : elementModel.strikeOtherOptions,
- 'strike-selected-option' : elementModel.strikeSelectedOption }"
+ [ngClass]="{ 'strike-other-options' : (this.elementFormControl.value !== null ||
+ elementModel.value !== null) &&
+ elementModel.strikeOtherOptions,
+ 'strike-selected-option' : (this.elementFormControl.value !== null ||
+ elementModel.value !== null) &&
+ elementModel.strikeSelectedOption }"
[style.color]="elementModel.styling.fontColor"
[style.font-size.px]="elementModel.styling.fontSize"
[style.font-weight]="elementModel.styling.bold ? 'bold' : ''"
--
GitLab