Release 1.0.0-beta.1

Author: Foxandxss

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## Version 1.0.0-beta.1
+
+- Maximum opened toasts can be limited now.
+- Allows to attach an `onShown` and `onHidden` callback.
+- Allows toasts to override options without title [9013c4d](https://github.com/Foxandxss/angular-toastr/commit/9013c4d1c7562d2ba5047c1e969a0316eb4e6c1d)
+
 ## Version 0.5.2
 
 - Removed the support for IE 8 (in terms of CSS)

README.md

@@ -115,6 +115,7 @@ app.config(function(toastrConfig) {
       success: 'toast-success',
       warning: 'toast-warning'
     },
+    maxOpened: 0,
     messageClass: 'toast-message',
     newestOnTop: true,
     onHidden: null,
@@ -136,6 +137,7 @@ Those are the default values, you can pick what you need from it and override wi
 * **containerId**: The name of the container where you want to append your toasts (the container will be created for you).
 * **extendedTimeOut**: The timeout after you hover a toast.
 * **iconClasses**: The default type classes for the different toasts.
+* **maxOpened**: Maximum number of toasts displayed at once.
 * **messageClass**: The class for the toast's message.
 * **newestOnTop**: Add new toasts on top of the old one. Put on false to put them on the bottom.
 * **onHidden**: A callback function called when a toast gets hidden.

bower.json

@@ -1,6 +1,15 @@
 {
   "name": "angular-toastr",
-  "version": "0.5.2",
+  "version": "1.0.0-beta.1",
+  "authors": [
+    "Jesus Rodriguez <Foxandxss@gmail.com>"
+  ],
+  "keywords": [
+    "angular",
+    "angularjs",
+    "toast",
+    "toastr"
+  ],
   "main": [
     "./dist/angular-toastr.js",
     "./dist/angular-toastr.css"

dist/angular-toastr.js

@@ -50,25 +50,33 @@
       return _buildNotification(type, message, title, optionsOverride);
     }
 
-    function remove(toastIndex) {
-      var toast = findToast(toastIndex);
+    function remove(toastId) {
+      var toast = findToast(toastId);
+      var defer = $q.defer();
 
       if (toast) { // Avoid clicking when fading out
 
         $animate.leave(toast.el).then(function() {
+          defer.resolve();
           if (toast.scope.options.onHidden) {
             toast.scope.options.onHidden();
           }
           toast.scope.$destroy();
+          var index = toasts.indexOf(toast);
+          toasts.splice(index, 1);
           if (lastToast()) {
             toasts = [];
             container.remove();
             container = null;
             containerDefer = $q.defer();
           }
         });
+      } else {
+        defer.resolve();
       }
 
+      return defer.promise;
+
       function findToast(toastId) {
         for (var i = 0; i < toasts.length; i++) {
           if (toasts[i].toastId === toastId) {
@@ -102,6 +110,10 @@
       return angular.extend({}, toastrConfig);
     }
 
+    function _createFakePromise(promise) {
+      return $q.when(); // resolve immediately
+    }
+
     function _createOrGetContainer(options) {
       if(container) { return containerDefer.promise; }
 
@@ -120,22 +132,32 @@
     }
 
     function _notify(map) {
+      // This promise creates a nice effect when maxOpened toasts is reached.
+      var promise;
+
       var options = _getOptions();
 
       var newToast = createToast();
 
+      if (options.maxOpened && toasts.length >= options.maxOpened) {
+        promise = remove(toasts[0].toastId);
+      } else {
+        promise = _createFakePromise(promise);
+      }
       toasts.push(newToast);
 
       _createOrGetContainer(options).then(function() {
-        if (options.newestOnTop) {
-          $animate.enter(newToast.el, container).then(function() {
-            newToast.scope.init();
-          });
-        } else {
-          $animate.enter(newToast.el, container, container[0].lastChild).then(function() {
-            newToast.scope.init();
-          });
-        }
+        promise.then(function() {
+          if (options.newestOnTop) {
+            $animate.enter(newToast.el, container).then(function() {
+              newToast.scope.init();
+            });
+          } else {
+            $animate.enter(newToast.el, container, container[0].lastChild).then(function() {
+              newToast.scope.init();
+            });
+          }
+        });
       });
 
       return newToast;
@@ -208,6 +230,7 @@
         success: 'toast-success',
         warning: 'toast-warning'
       },
+      maxOpened: 0,
       messageClass: 'toast-message',
       newestOnTop: true,
       onHidden: null,

dist/angular-toastr.min.js

@@ -50,25 +50,33 @@
       return _buildNotification(type, message, title, optionsOverride);
     }
 
-    function remove(toastIndex) {
-      var toast = findToast(toastIndex);
+    function remove(toastId) {
+      var toast = findToast(toastId);
+      var defer = $q.defer();
 
       if (toast) { // Avoid clicking when fading out
 
         $animate.leave(toast.el).then(function() {
+          defer.resolve();
           if (toast.scope.options.onHidden) {
             toast.scope.options.onHidden();
           }
           toast.scope.$destroy();
+          var index = toasts.indexOf(toast);
+          toasts.splice(index, 1);
           if (lastToast()) {
             toasts = [];
             container.remove();
             container = null;
             containerDefer = $q.defer();
           }
         });
+      } else {
+        defer.resolve();
       }
 
+      return defer.promise;
+
       function findToast(toastId) {
         for (var i = 0; i < toasts.length; i++) {
           if (toasts[i].toastId === toastId) {
@@ -102,6 +110,10 @@
       return angular.extend({}, toastrConfig);
     }
 
+    function _createFakePromise(promise) {
+      return $q.when(); // resolve immediately
+    }
+
     function _createOrGetContainer(options) {
       if(container) { return containerDefer.promise; }
 
@@ -120,22 +132,32 @@
     }
 
     function _notify(map) {
+      // This promise creates a nice effect when maxOpened toasts is reached.
+      var promise;
+
       var options = _getOptions();
 
       var newToast = createToast();
 
+      if (options.maxOpened && toasts.length >= options.maxOpened) {
+        promise = remove(toasts[0].toastId);
+      } else {
+        promise = _createFakePromise(promise);
+      }
       toasts.push(newToast);
 
       _createOrGetContainer(options).then(function() {
-        if (options.newestOnTop) {
-          $animate.enter(newToast.el, container).then(function() {
-            newToast.scope.init();
-          });
-        } else {
-          $animate.enter(newToast.el, container, container[0].lastChild).then(function() {
-            newToast.scope.init();
-          });
-        }
+        promise.then(function() {
+          if (options.newestOnTop) {
+            $animate.enter(newToast.el, container).then(function() {
+              newToast.scope.init();
+            });
+          } else {
+            $animate.enter(newToast.el, container, container[0].lastChild).then(function() {
+              newToast.scope.init();
+            });
+          }
+        });
       });
 
       return newToast;
@@ -208,6 +230,7 @@
         success: 'toast-success',
         warning: 'toast-warning'
       },
+      maxOpened: 0,
       messageClass: 'toast-message',
       newestOnTop: true,
       onHidden: null,