ui: Add onclick event to Toaster

ui/src/lib/components/Toaster.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
  import {
      Toast,
-     ToastBody,
      ToastHeader,
  } from 'sveltestrap';
 
@@ -14,9 +13,13 @@
             <ToastHeader toggle={() => toast.dismiss()} icon={toast.getColor()}>
                 {#if toast.title}{toast.title}{:else}happyDomain{/if}
             </ToastHeader>
-            <ToastBody>
+            <div
+                class="toast-body"
+                style={toast.onclick?"cursor: pointer":""}
+                on:click={() => { if (toast.onclick) toast.onclick(); }}
+            >
                 {toast.message}
-            </ToastBody>
+            </div>
         </Toast>
     {/each}
 </div>

ui/src/lib/model/toast.ts

@@ -7,6 +7,7 @@ export interface NewToast {
     title?: string,
     message?: string,
     timeout?: number | undefined
+    onclick?: () => void
 }
 
 export class Toast implements NewToast {
@@ -17,11 +18,13 @@ export class Toast implements NewToast {
     timeout: number | undefined = undefined;
     timeoutInterval: ReturnType<typeof setTimeout> | undefined = undefined;
     dismissFunc: (id: string) => void;
+    onclick: () => void;
 
     constructor(obj: NewToast, dismiss: (id: string) => void) {
         if (obj.type !== undefined) this.type = obj.type;
         if (obj.title !== undefined) this.title = obj.title;
         if (obj.message !== undefined) this.message = obj.message;
+        if (obj.onclick !== undefined) this.onclick = obj.onclick;
         this.timeout = obj.timeout;
 
         this.dismissFunc = dismiss;