From d47f1ac534fc6883f7bcf72e37ab54c9597ec3a4 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Fri, 5 Jul 2024 15:31:42 +0200
Subject: [PATCH] [editor] Refactor option-list-panel so it works outside of
props panel
---
.../input-groups/options-field-set.component.ts | 5 ++---
.../properties-panel/option-list-panel.component.ts | 4 ++--
2 files changed, 4 insertions(+), 5 deletions(-)
diff --git a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/options-field-set.component.ts b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/options-field-set.component.ts
index 31920a2dc..b0ed4acf1 100644
--- a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/options-field-set.component.ts
+++ b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/options-field-set.component.ts
@@ -16,9 +16,8 @@ import { ElementService } from 'editor/src/app/services/unit-services/element.se
selector: 'aspect-options-field-set',
template: `
<!--dropdown, radio-button-group-->
-<!-- [useRichText]="combinedProperties.type === 'radio'"-->
<aspect-option-list-panel *ngIf="combinedProperties.options !== undefined"
- [combinedProperties]="combinedProperties"
+ [showImageButton]="combinedProperties.type !== 'dropdown' && combinedProperties.type !== 'radio'"
[title]="'propertiesPanel.options'"
[textFieldLabel]="'Neue Option'"
[itemList]="$any(combinedProperties.options)"
@@ -31,7 +30,7 @@ import { ElementService } from 'editor/src/app/services/unit-services/element.se
<!--likert-->
<aspect-option-list-panel *ngIf="combinedProperties.rows !== undefined"
- [combinedProperties]="combinedProperties"
+ [showImageButton]="combinedProperties.type !== 'dropdown' && combinedProperties.type !== 'radio'"
[itemList]="$any(combinedProperties).rows | LikertRowLabel"
[title]="'rows'"
[textFieldLabel]="'Neue Zeile'"
diff --git a/projects/editor/src/app/components/properties-panel/option-list-panel.component.ts b/projects/editor/src/app/components/properties-panel/option-list-panel.component.ts
index 96af3414e..dee897a3d 100644
--- a/projects/editor/src/app/components/properties-panel/option-list-panel.component.ts
+++ b/projects/editor/src/app/components/properties-panel/option-list-panel.component.ts
@@ -46,7 +46,7 @@ import { CombinedProperties } from 'editor/src/app/components/properties-panel/e
(click)="addListItem(newItem.value); newItem.select()">
<mat-icon>add</mat-icon>
</button>
- <button *ngIf="combinedProperties.type !== 'dropdown' && combinedProperties.type !== 'radio'"
+ <button *ngIf="showImageButton"
mat-icon-button matSuffix color="primary"
[matTooltip]="'Option mit Bild hinzufügen'"
(click)="addImageOption()">
@@ -94,11 +94,11 @@ import { CombinedProperties } from 'editor/src/app/components/properties-panel/e
`]
})
export class OptionListPanelComponent {
- @Input() combinedProperties!: CombinedProperties;
@Input() title: string | undefined; // Fieldset is only rendered when given
@Input() textFieldLabel!: string;
@Input() itemList!: Label[];
@Input() localMode: boolean = false; // Edit list here instead of emitting events for everything
+ @Input() showImageButton: boolean = false; // Edit list here instead of emitting events for everything
@Output() textItemAdded = new EventEmitter<string>();
@Output() imageItemAdded = new EventEmitter<void>();
@Output() itemRemoved = new EventEmitter<number>();
--
GitLab