refresh notifications upon "refresh" button click

Problem:
Clicking on Refresh button present on UI top panel does not
refresh active notifications or toast messages.
Only success notifications gets hidden automatically after 10s,
error, info notifications remains active on UI even after refresh
webui.

Solution:
Clear all types of active toast messages upon refresh click.

Changes:
In refresh method, using querySelectorAll on document object
and for each toast currently active, call bvToast.hide to clear.

Change-Id: I47ba416a6b8e8e9872b4b4867abf96bbbef7c0f1
Signed-off-by: Shubhi Garg <[email protected]>

src/layouts/AppLayout.vue

@@ -54,6 +54,13 @@ export default {
   },
   methods: {
     refresh() {
+      // Clear all toast messages
+      document.querySelectorAll('.toast').forEach((toast) => {
+        const toastId = toast.id;
+        if (toastId) {
+          this.$bvToast.hide(toastId);
+        }
+      });
       // Changing the component :key value will trigger
       // a component re-rendering and 'refresh' the view
       this.routerKey += 1;