added removeByName function

#38 #37
s4l1h · Oct 17, 2018 · 37c9edf · 37c9edf
1 parent e473587
commit 37c9edf
Show file tree

Hide file tree

Showing 20 changed files with 7,747 additions and 174 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/README.md b/README.md
@@ -28,7 +28,7 @@
     ');
     // Register vue component
     Vue.component('vue-toastr',Toastr);
-***Plugin** mode (work only vue 2.x)* 
+***Plugin** mode (work only vue 2.x)*
 
     // import Toastr
     import Toastr from 'vue-toastr';
@@ -55,7 +55,7 @@
     this.$root.$refs.toastr.s("SUCCESS MESSAGE");
     // use plugin
     this.$toastr.e("ERRROR MESSAGE");
-    this.$toastr.s("SUCCESS MESSAGE");    
+    this.$toastr.s("SUCCESS MESSAGE");
 
 ### without npm
 
@@ -134,13 +134,18 @@ this.$refs.toastr.i("this.$refs.toastr.i message", "Information");
 ```
 this.$refs.toastr.removeByType("error"); // error, warning, success, info
 ```
+#### Remove Toast Messages by Name.
+```
+this.$refs.toastr.removeByName("UniqueToastName");
+```
 #### New Toast Message with default options.
 ```
 this.$refs.toastr.Add("Working on the default options");
 ```
 #### New Toast Message with options.
 ```
 this.$root.$refs.toastr.Add({
+    name: "UniqueToastName", // Toast Name now you can remove by name
     title: "Easy Toast", // Toast Title
     msg: "Hi", // Message
     clickClose: false, // Click Close Disable
@@ -155,8 +160,9 @@ this.$root.$refs.toastr.Add({
 ## Doc # Options
 ```
 {
+        name: "Name Of The Toast",
         title: "Toast Title",
-        msg: "Toast Msg", 
+        msg: "Toast Msg",
         position: Toast position string can be  'toast-top-right', 'toast-bottom-right', 'toast-bottom-left', 'toast-top-left', 'toast-top-full-width', 'toast-bottom-full-width', 'toast-top-center', 'toast-bottom-center' ; default toast-top-right
         type: Toast type can be : info,warning,error,success ; default success
         timeout: Toast Timeout for auto close can be integer ; default 5000
@@ -174,7 +180,7 @@ this.$root.$refs.toastr.Add({
 ```
 
 ### Note:
-Pls for more details and example: 
+Pls for more details and example:
 https://github.com/s4l1h/vue-toastr/blob/master/demo.js
 
 

diff --git a/bower.json b/bower.json
@@ -2,7 +2,7 @@
     "name": "vue-toastr",
     "main": "dist/vue-toastr.js",
     "description": "Toastr for Vue.js",
-    "version": "2.0.13",
+    "version": "2.0.15",
     "homepage": "https://github.com/s4l1h/vue-toastr",
     "license": "MIT",
     "ignore": [
@@ -11,4 +11,4 @@
         "docs",
         "package.json"
     ]
-}
+}
diff --git a/build/webpack.config.combine.js b/build/webpack.config.combine.js
@@ -1,55 +1,55 @@
 var webpack = require('webpack')
 module.exports = {
-    entry: './src/main.js',
-    name: 'vueToastr',
-    output: {
-        path: './dist',
-        publicPath: '/dist/',
-        filename: 'vue-toastr.js',
-        library: ["vueToastr"],
-        libraryTarget: "umd"
-    },
-    resolve: {
-        alias: {
-            vue$: 'vue/dist/vue.esm.js'
-        }
-    },
-    module: {
-        loaders: [{
-            test: /\.less$/,
-            loader: "style!css!less",
-        }, {
-                test: /\.s[a|c]ss$/,
-                loader: 'style!css!sass'
-            }, {
-                test: /\.vue$/,
-                loader: 'vue'
-            }, {
-                test: /\.html$/,
-                loader: "vue-html"
-            }, {
-                test: /\.js$/,
-                exclude: /node_modules|\/dist/,
-                loader: 'babel'
-            }]
-    },
-    babel: {
-        presets: ['es2015'],
-        plugins: ['transform-runtime', 'lodash', 'add-module-exports']
+  entry: './src/main.js',
+  name: 'vueToastr',
+  output: {
+    path: './dist',
+    publicPath: '/dist/',
+    filename: 'vue-toastr.js',
+    library: ['vueToastr'],
+    libraryTarget: 'umd'
+  },
+  resolve: {
+    alias: {
+      vue$: 'vue/dist/vue.esm.js'
     }
+  },
+  module: {
+    loaders: [{
+      test: /\.less$/,
+      loader: 'style!css!less'
+    }, {
+      test: /\.s[a|c]ss$/,
+      loader: 'style!css!sass'
+    }, {
+      test: /\.vue$/,
+      loader: 'vue'
+    }, {
+      test: /\.html$/,
+      loader: 'vue-html'
+    }, {
+      test: /\.js$/,
+      exclude: /node_modules|\/dist/,
+      loader: 'babel'
+    }]
+  },
+  babel: {
+    presets: ['es2015'],
+    plugins: ['transform-runtime', 'lodash', 'add-module-exports']
+  }
 }
-module.exports.output.filename = module.exports.output.filename.replace(/\.js$/, '.combine.min.js');
+module.exports.output.filename = module.exports.output.filename.replace(/\.js$/, '.combine.min.js')
 module.exports.plugins = [
-    new webpack.DefinePlugin({
-        'process.env': {
-            NODE_ENV: '"production"'
-        }
-    }),
-    new webpack.optimize.UglifyJsPlugin({
-        sourceMap: false,
-        compress: {
-            warnings: false
-        }
-    }),
-    new webpack.optimize.OccurenceOrderPlugin()
+  new webpack.DefinePlugin({
+    'process.env': {
+      NODE_ENV: '"production"'
+    }
+  }),
+  new webpack.optimize.UglifyJsPlugin({
+    sourceMap: false,
+    compress: {
+      warnings: false
+    }
+  }),
+  new webpack.optimize.OccurenceOrderPlugin()
 ]
diff --git a/build/webpack.config.min.js b/build/webpack.config.min.js
@@ -1,58 +1,58 @@
-var ExtractTextPlugin = require("extract-text-webpack-plugin");
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
 var webpack = require('webpack')
 module.exports = {
-    entry: './src/main.js',
-    name: 'vueToastr',
-    output: {
-        path: './dist',
-        publicPath: '/dist/',
-        filename: 'vue-toastr.js',
-        library: ["vueToastr"],
-        libraryTarget: "umd"
-    },
-    resolve: {
-        alias: {
-            vue$: 'vue/dist/vue.esm.js'
-        }
-    },
-    module: {
-        loaders: [{
-            test: /\.less$/,
-            loader: ExtractTextPlugin.extract("style-loader", "css-loader!less-loader")
-        }, {
-                test: /\.s[a|c]ss$/,
-               loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader")
-
-            }, {
-                test: /\.vue$/,
-                loader: 'vue'
-            }, {
-                test: /\.html$/,
-                loader: "vue-html"
-            }, {
-                test: /\.js$/,
-                exclude: /node_modules|\/dist/,
-                loader: 'babel'
-            }]
-    },
-    babel: {
-        presets: ['es2015'],
-        plugins: ['transform-runtime', 'lodash', 'add-module-exports']
+  entry: './src/main.js',
+  name: 'vueToastr',
+  output: {
+    path: './dist',
+    publicPath: '/dist/',
+    filename: 'vue-toastr.js',
+    library: ['vueToastr'],
+    libraryTarget: 'umd'
+  },
+  resolve: {
+    alias: {
+      vue$: 'vue/dist/vue.esm.js'
     }
+  },
+  module: {
+    loaders: [{
+      test: /\.less$/,
+      loader: ExtractTextPlugin.extract('style-loader', 'css-loader!less-loader')
+    }, {
+      test: /\.s[a|c]ss$/,
+      loader: ExtractTextPlugin.extract('style-loader', 'css-loader!sass-loader')
+
+    }, {
+      test: /\.vue$/,
+      loader: 'vue'
+    }, {
+      test: /\.html$/,
+      loader: 'vue-html'
+    }, {
+      test: /\.js$/,
+      exclude: /node_modules|\/dist/,
+      loader: 'babel'
+    }]
+  },
+  babel: {
+    presets: ['es2015'],
+    plugins: ['transform-runtime', 'lodash', 'add-module-exports']
+  }
 }
-module.exports.output.filename = module.exports.output.filename.replace(/\.js$/, '.min.js');
+module.exports.output.filename = module.exports.output.filename.replace(/\.js$/, '.min.js')
 module.exports.plugins = [
-    new ExtractTextPlugin(module.exports.output.filename.replace(/\.js$/, '.css')),
-    new webpack.DefinePlugin({
-        'process.env': {
-            NODE_ENV: '"production"'
-        }
-    }),
-    new webpack.optimize.UglifyJsPlugin({
-        sourceMap: false,
-        compress: {
-            warnings: false
-        }
-    }),
-    new webpack.optimize.OccurenceOrderPlugin()
+  new ExtractTextPlugin(module.exports.output.filename.replace(/\.js$/, '.css')),
+  new webpack.DefinePlugin({
+    'process.env': {
+      NODE_ENV: '"production"'
+    }
+  }),
+  new webpack.optimize.UglifyJsPlugin({
+    sourceMap: false,
+    compress: {
+      warnings: false
+    }
+  }),
+  new webpack.optimize.OccurenceOrderPlugin()
 ]