Merge pull request #4 from mateu-aguilo-bosch/alert-timeouts

Feature request - alert timeouts

README.md

@@ -61,6 +61,13 @@ If you need to add HTML to a message you can do so by passing in the `html` opti
 messageCenterService.add('success', '<strong>HTML</strong> <em>is</em> <span>allowed</span>.', { html: true });
 ```
 
+### Timer
+You can add a timer to the alert so it auto dismisses. To do so, just add a timeout option in miliseconds.
+
+```js
+messageCenterService.add('success', 'Bye bye in 3s!', { timeout: 3000 });
+```
+
 ## Directive
 The directive `mcMessages` will allow you to place the messages wherever you want in your layout. Just drop `<mc-messages></mc-messages>` or `<div mc-messages></div>` somewhere in your partials and if there are any messages to be shown they will be shown there. Since it's a regular directive you can perform the common alterations and modifications to it to suit your needs.
 

message-center.js

@@ -6,8 +6,8 @@ var MessageCenterModule = angular.module('MessageCenterModule', []);
 
 // Define a service to inject.
 MessageCenterModule.
-  service('messageCenterService', ['$sce',
-    function ($sce) {
+  service('messageCenterService', ['$sce', '$timeout',
+    function ($sce, $timeout) {
       return {
         mcMessages: this.mcMessages || [],
         status: {
@@ -38,6 +38,11 @@ MessageCenterModule.
           };
           messageObject.message = options.html ? $sce.trustAsHtml(message) : message;
           messageObject.html = !!options.html;
+          if (angular.isDefined(options.timeout)) {
+            messageObject.timer = $timeout(function () {
+              messageObject.close();
+            }, options.timeout);
+          }
           this.mcMessages.push(messageObject);
         },
         remove: function (message) {