adds duration to alert type

bradmartin · Mar 25, 2017 · 2390839 · 2390839
1 parent 9c6b411
commit 2390839
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 3 deletions.
diff --git a/dist/index.d.ts b/dist/index.d.ts
@@ -16,6 +16,7 @@ export interface AlertOptions {
     color?: string;
     position?: string;
     backdrop?: boolean;
+    duration?: number;
 }
 export interface ConfirmOptions {
     template: string;

diff --git a/dist/mystical.js b/dist/mystical.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mystical-notification",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Web alerts I needed.",
   "main": "dist/mystical",
   "typings": "dist/index.d.ts",

diff --git a/src/index.d.ts b/src/index.d.ts
@@ -16,6 +16,7 @@ export interface AlertOptions {
     color?: string;
     position?: string;
     backdrop?: boolean;
+    duration?: number;
 }
 export interface ConfirmOptions {
     template: string;

diff --git a/src/index.ts b/src/index.ts
@@ -44,6 +44,12 @@ export class Mystical {
         // after the note div is on the DOM - to trigger the CSS transition
         startTransition(defaults, note, iStyles.top, iStyles.bottom)
 
+        if (defaults.duration !== undefined) {
+            wait(defaults.duration).then(() => {
+                removeNoteFromDom(note, backdrop, defaults.pos)
+            })
+        }
+
     }
 
     /**
@@ -227,9 +233,10 @@ function initDefaults(opts) {
     const fg = opts.color ? opts.color : "#fff"
     const pos = opts.position ? opts.position : "top"
     const backdrop = opts.backdrop ? opts.backdrop : true
+    const duration = opts.duration ? opts.duration : undefined
     const posText = opts.positiveText ? opts.positiveText : "Yes"
     const negText = opts.negativeText ? opts.negativeText : "No"
-    return { bg, fg, pos, backdrop, posText, negText }
+    return { bg, fg, pos, backdrop, duration, posText, negText }
 }
 
 /**
@@ -246,6 +253,7 @@ export interface AlertOptions {
     color?: string
     position?: string
     backdrop?: boolean
+    duration?: number
 }
 export interface ConfirmOptions {
     template: string