CSCEXAM-1210 Question library UI changes

CSCfi · Dec 1, 2023 · d829ef8 · d829ef8
1 parent 62ec1a7
commit d829ef8
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/ui/src/app/question/library/library.component.ts b/ui/src/app/question/library/library.component.ts
@@ -55,7 +55,7 @@ import type { User } from '../../session/session.service';
             <div class="padl30 padr30">
                 <div class="row">
                     <div
-                        [style.visibility]="selections.length > 0 ? 'visible' : 'hidden'"
+                        *ngIf="selections.length > 0"
                         class="col-md-12 d-flex align-items-center justify-content-between"
                     >
                         <div class="make-inline">

diff --git a/ui/src/app/question/library/search/library-search.component.html b/ui/src/app/question/library/search/library-search.component.html
@@ -163,9 +163,9 @@
 <div class="row ms-3">
     <div class="col-md-12">
         <ul class="inline-list ps-1">
-            <li *ngFor="let tag of getTags()">
-                {{ tag.name }}
-                <button class="reviewer-remove" (click)="applyFilter(tag)" title="{{ 'sitnet_remove' | translate }}">
+            <li *ngFor="let filter of getFilters()">
+                {{ filter.name }}
+                <button class="reviewer-remove" (click)="applyFilter(filter)" title="{{ 'sitnet_remove' | translate }}">
                     <img
                         src="/assets/images/icon_remove.svg"
                         alt=""

diff --git a/ui/src/app/question/library/search/library-search.component.ts b/ui/src/app/question/library/search/library-search.component.ts
@@ -127,7 +127,7 @@ export class LibrarySearchComponent implements OnInit {
         }
     };
 
-    getTags = (): (Filterable<Course> | Filterable<Exam> | Filterable<Tag>)[] => {
+    getFilters = (): (Filterable<Course> | Filterable<Exam> | Filterable<Tag>)[] => {
         const courses = this.courses.filter((_) => _.filtered);
         const exams = this.exams.filter((_) => _.filtered);
         const tags = this.tags.filter((_) => _.filtered);