add handleClick event on notification item component

Author: HELMAB

index.js

@@ -17,8 +17,9 @@ export default {
       vm.options = options
     }
 
-    Vue.prototype.$notification = (title, body, dateTime, icon = null) => {
-      vm.addNewNotification(Math.random(), title, body, dateTime, icon)
+    // eslint-disable-next-line no-unused-vars
+    Vue.prototype.$notification = (title, body, dateTime, icon = null, handleClick) => {
+      vm.addNewNotification(Math.random(), title, body, dateTime, icon, handleClick)
     }
   }
 }

src/Notification.vue

@@ -1,6 +1,7 @@
 <template>
   <div :class="`notification ${options.position}`">
     <NotificationItem
+      :callback="handleClicked"
       :key="key"
       :duration="options.duration"
       v-for="(notification, key) in notifications"
@@ -19,8 +20,9 @@ export default {
     return {
       options: {
         position: 'notification-top-right',
-        duration: 2500,
-      }
+        duration: 2500
+      },
+      handleClick: null,
     }
   },
   computed: {
@@ -29,7 +31,11 @@ export default {
     })
   },
   methods: {
-    addNewNotification(id, title, body, dateTime, icon) {
+    handleClicked () {
+      this.handleClick()
+    },
+    addNewNotification(id, title, body, dateTime, icon, handleClick) {
+      this.handleClick = handleClick
       this.$store.commit('notification/add', {
         id: id,
         title: title,

src/components/NotificationItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="notification-item">
+  <div class="notification-item" @click="handleClick">
     <div class="notification-icon"
          :class="{'no-circle' : notification.icon === null}"
          :style="`background-image: url(${icon});`">
@@ -32,6 +32,9 @@ export default {
     },
     duration: {
       type: Number,
+    },
+    callback: {
+      type: Function
     }
   },
   computed: {
@@ -44,6 +47,11 @@ export default {
     }
   },
   methods: {
+    handleClick () {
+      if (this.callback) {
+        this.callback()
+      }
+    },
     async removeNotification() {
       this.$store.commit('notification/remove', this.notification)
     }