Code updated due to new material

ita-social-projects · Dec 5, 2024 · 5ca506c · 5ca506c
2 parents 180d7bb + 4fd3585
commit 5ca506c
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/...t/provider/create-workshop/create-description-form/create-description-form.component.html b/...t/provider/create-workshop/create-description-form/create-description-form.component.html
@@ -72,6 +72,33 @@
     </mat-form-field>
   </ng-container>
 
+  <ng-container>
+    <mat-form-field appearance="none">
+      <label class="step-label">{{ 'FORMS.LABELS.USER_TAGS' | translate }}</label>
+      <mat-select
+        #select
+        multiple
+        disableOptionCentering
+        panelClass="dropdown-panel"
+        class="step-input list-of-tags"
+        [compareWith]="compareItems"
+        [formControl]="tagsControl">
+        <mat-select-trigger>
+          <mat-chip-list #chipList>
+            <mat-chip *ngFor="let tag of tagsControl.value" (removed)="onRemoveItem(tag)">
+              <img class="min-logo" src="../../assets/icons/icon_painting.svg" alt="Link" />
+              <span>{{ tag.name }}</span>
+              <mat-icon matChipRemove>cancel</mat-icon>
+            </mat-chip>
+          </mat-chip-list>
+        </mat-select-trigger>
+        <mat-option class="dropdown-option" *ngFor="let tag of tags" [value]="tag">
+          {{ tag.name }}
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+  </ng-container>
+
   <div class="step-label-combined">
     <label class="step-label">{{ 'FORMS.LABELS.KEYWORDS' | translate }}</label>
     <label class="step-characters-count">{{ keyWords.length }}/{{ validationConstants.MAX_KEYWORDS_LENGTH }}</label>