Add clear selection option in search-selector (#2860)

OpenSlides · Oct 9, 2023 · ab0c23b · ab0c23b
1 parent af2f013
commit ab0c23b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/...pages/motions/pages/motion-detail/components/motion-content/motion-content.component.html b/...pages/motions/pages/motion-detail/components/motion-content/motion-content.component.html
@@ -183,6 +183,7 @@
                 placeholder="{{ 'Category' | translate }}"
                 [repo]="categoryRepo"
                 [excludeIds]="true"
+                [addClearSelection]="true"
             ></os-repo-search-selector>
         </mat-form-field>
     </div>

diff --git a/...dules/search-selector/components/base-search-selector/base-search-selector.component.html b/...dules/search-selector/components/base-search-selector/base-search-selector.component.html
@@ -68,6 +68,7 @@
         >
             {{ noOptionsFoundLabel | translate }}
         </mat-option>
+        <mat-option *ngIf="addClearSelection">-</mat-option>
         <mat-option
             #currentOption
             *cdkVirtualFor="let selectableItem of filteredItemsObservable | async"

diff --git a/...modules/search-selector/components/base-search-selector/base-search-selector.component.ts b/...modules/search-selector/components/base-search-selector/base-search-selector.component.ts
@@ -142,6 +142,12 @@ export abstract class BaseSearchSelectorComponent extends BaseFormFieldControlCo
     @Input()
     public wider = false;
 
+    /**
+     * If true, a clear selection option is added to the selection list.
+     */
+    @Input()
+    public addClearSelection = false;
+
     public itemSizeInPx = 50;
 
     public get panelHeight(): number {