Closes #83

src/app/components/generic-select/generic-select.component.html

-<div class="btn-group" dropdown (click)="onSelect($event)">
+<div class="btn-group" dropdown (selected)="onSelect($event)">
     <button dropdownToggle class="btn btn-primary dropdown-toggle waves-light my-1" type="button" mdbRippleRadius>
         {{currentLabel}}
     </button>

src/app/components/generic-select/generic-select.component.ts

@@ -15,12 +15,14 @@ import { BaseComponent } from "../base/base.component";
 */
 
 export abstract class GenericSelectComponent<T> {
-    private get currentLabel(): string {
-        for (let e of this.entries)
-            if (e == this.selectedValue)
-                return this.entryLabel(e);
 
-        return "<no selection>";
+    private _currentLabel: string;
+
+    private get currentLabel(): string {
+        if (this._currentLabel === undefined) {
+            this._currentLabel = this.selectedLabel;
+        }
+        return this._currentLabel;
     }
 
     /**
@@ -28,8 +30,18 @@ export abstract class GenericSelectComponent<T> {
      */
     private onSelect(event: any) {
         const val = event.target.value;
-        if (val != undefined)
+        if (val !== undefined && val !== "") {
             this.selectedValue = val;
+            this._currentLabel = this.selectedLabel;
+        }
+    }
+
+    private get selectedLabel(): string {
+        for (const e of this.entries) {
+            if (e === this.selectedValue) {
+                return this.entryLabel(e);
+            }
+        }
     }
 
     /**