Close item by id (#136)

euvl · Oct 20, 2019 · 71b4daf · 71b4daf
1 parent 0fcb1b2
commit 71b4daf
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/src/Notifications.vue b/src/Notifications.vue
@@ -156,6 +156,7 @@ const Component = {
   },
   mounted () {
     events.$on('add', this.addItem);
+    events.$on('close', this.closeItem);
   },
   computed: {
     actualWidth () {
@@ -227,14 +228,15 @@ const Component = {
         ? event.speed
         : this.speed
 
-      const ignoreDuplicates = typeof event.ignoreDuplicates === 'boolean'
-        ? event.ignoreDuplicates
-        : this.ignoreDuplicates
 
-      let { title, text, type, data } = event
+      let { title, text, type, data, id, ignoreDuplicates } = event
+
+      const ignoreDuplicates = typeof ignoreDuplicates === 'boolean'
+        ? ignoreDuplicates
+        : this.ignoreDuplicates
 
       const item = {
-        id: Id(),
+        id: id || Id(),
         title,
         text,
         type,
@@ -280,6 +282,10 @@ const Component = {
       }
     },
 
+    closeItem (id) {
+      this.destroyById(id)
+    },
+
     notifyClass (item) {
       return [
         'vue-notification-template',

diff --git a/src/index.js b/src/index.js
@@ -22,6 +22,10 @@ const Notify = {
       }
     }
 
+    notify.close = function (id) {
+      events.$emit('close', id)
+    }
+
     const name = args.name || 'notify'
 
     Vue.prototype['$' + name] = notify