Color selections

src/main/webapp/app/search/metadata/metadata.component.html

 <div class="solid" [hidden]="frequencies == null">
     <span class="meta" jhiTranslate="search.metadata.{{parameter}}">file format</span>
-    <li class="meta" *ngFor="let frequency of frequencies" (click)="messageService.updateFilterSelection(parameter, frequency)">
+    <li class="meta" *ngFor="let frequency of frequencies"
+        (click)="messageService.updateFilterSelection(parameter, frequency); toggleSelection(frequency.key)"
+        [style.background-color]="isSelected(frequency.key) ? 'rgba(0,255,0,0.5)' : 'rgba(0,0,0,0)'">
         <div>
             <a class="meta">{{frequency.key}}<span
                 class="count">{{frequency.value}}</span></a>

src/main/webapp/app/search/metadata/metadata.component.ts

@@ -11,5 +11,20 @@ export class MetadataComponent {
   @Input() frequencies!: IFrequency<string>[] | undefined;
   @Input() parameter!: string;
 
+  testString = '';
+  selectedItems = new Set();
+
   constructor(public messageService: MetadataMessageService) {}
+
+  toggleSelection(name: string): void {
+    if (this.selectedItems.has(name)) {
+      this.selectedItems.delete(name);
+    } else {
+      this.selectedItems.add(name);
+    }
+  }
+
+  isSelected(name: string): boolean {
+    return this.selectedItems.has(name);
+  }
 }