display valuelist as checkboxes in fix outliers modal - not functional

dainst · Dec 18, 2024 · ca7c892 · ca7c892
1 parent f38b197
commit ca7c892
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 4 deletions.
diff --git a/desktop/src/app/components/navbar/warnings/modals/fix-outliers-modal.component.ts b/desktop/src/app/components/navbar/warnings/modals/fix-outliers-modal.component.ts
@@ -25,6 +25,7 @@ export class FixOutliersModalComponent {
 
     public valuelist: Valuelist;
     public selectedValue: string;
+    public inputType: string;
     public replaceAll: boolean;
     public countAffected: number;
 
@@ -56,6 +57,9 @@ export class FixOutliersModalComponent {
 
         this.projectDocument = await this.datastore.get('project');
         this.valuelist = await this.getValuelist(this.document, this.field);
+        this.inputType = await this.field.inputType;
+        console.log(this.inputType)
+        console.log(this.valuelist.values)
         this.affectedDocuments = [];
 
         const foundDocuments: Array<Document> = (await this.datastore.find({
@@ -100,6 +104,17 @@ export class FixOutliersModalComponent {
         this.activeModal.close();
     }
 
+    public clickCheckbox(value: string) {
+
+        /** TODO */
+        console.log(value)
+    }
+
+    public isSelectedValue(value: string) {
+
+        /** TODO */
+        return false;
+    }
 
     private openFixingDataInProgressModal(): NgbModalRef {
 

diff --git a/desktop/src/app/components/navbar/warnings/modals/fix-outliers-modal.html b/desktop/src/app/components/navbar/warnings/modals/fix-outliers-modal.html
@@ -9,10 +9,23 @@ <h5 class="modal-title" i18n="@@navbar.taskbar.fixOutliers.header">
         Bitte wählen Sie den korrekten Wert aus der Werteliste aus.
     </div>
 
-    <searchable-select [selectedValue]="selectedValue"
-                       [values]="getValues()"
-                       [getLabel]="getValueLabel"
-                       (onValueSelected)="selectedValue = $event"></searchable-select>
+    <div *ngIf="inputType == 'dropdown'">
+        <searchable-select [selectedValue]="selectedValue"
+                           [values]="getValues()"
+                           [getLabel]="getValueLabel"
+                           (onValueSelected)="selectedValue = $event">
+        </searchable-select>
+    </div>
+    <div *ngIf="inputType == 'checkboxes'">
+        {{getValues()}}
+        <div *ngFor="let value of getValues()" class="checkbox form-check form-check-inline">
+            <label class="form-check-label">
+                <input class="form-check-input" [value]="value" type="checkbox" (click)="clickCheckbox(value)" [checked]="isSelectedValue(value)">
+                {{value}}
+            </label>
+        </div>
+    </div>
+
 
     <div *ngIf="selectedValue" 
          id="multiple-switch"