Merge pull request marcorinck#18 from MilosMosovsky/master

Add option to reverse order messages

Author: Jan Stevens

README.md

@@ -96,6 +96,18 @@ app.controller("demoCtrl", ['$scope', 'growl', function($scope, growl) {
 
 ##Configuration
 
+###Reverse ordered messages [default: false]
+
+Ability to reverse order of messages (default ordering is newest on the bottom ).
+
+````javascript
+var app = angular.module('myApp', ['angular-growl']);
+
+app.config(['growlProvider', function(growlProvider) {
+  growlProvider.globalReversedOrder(true);
+}]);
+````
+
 ###Only unique messages [default: true]
 
 Accept only unique messages as a new message. If a message is already displayed (text and severity are the same) then this

src/growlDirective.js

@@ -20,7 +20,15 @@ angular.module("angular-growl").directive("growl", ["$rootScope", "$sce",
           function addMessage(message) {
             $timeout(function() {
               message.text = $sce.trustAsHtml(String(message.text));
-              $scope.messages.push(message);
+
+              /** abillity to reverse order (newest first ) **/
+              if(growl.reverseOrder())
+              {
+                  $scope.messages.unshift(message);
+              } else {
+                  $scope.messages.push(message);
+              }
+
 
               if (message.ttl && message.ttl !== -1) {
                 $timeout(function() {

src/growlFactory.js

@@ -12,7 +12,8 @@ angular.module("angular-growl").provider("growl", function() {
       _inline = false,
       _position = 'top-right',
       _disableCloseButton = false,
-      _disableIcons = false;
+      _disableIcons = false,
+      _reverseOrder = false;
 
   /**
    * set a global timeout (time to live) after which messages will be automatically closed
@@ -53,6 +54,15 @@ angular.module("angular-growl").provider("growl", function() {
     _disableIcons = disableIcons;
   };
 
+  /**
+   * set whether message ordering is reversed
+   *
+   * @param {bool} reverseOrder
+   */
+   this.globalReversedOrder = function (reverseOrder) {
+    _reverseOrder = reverseOrder;
+   };
+
   /**
    * set the key in server sent messages the serverMessagesInterecptor is looking for variables to inject in the message
    *
@@ -249,6 +259,10 @@ angular.module("angular-growl").provider("growl", function() {
       return _onlyUniqueMessages;
     }
 
+    function reverseOrder() {
+      return _reverseOrder;
+    }
+
     function inlineMessages() {
       return _inline;
     }
@@ -264,8 +278,9 @@ angular.module("angular-growl").provider("growl", function() {
       success: success,
       addServerMessages: addServerMessages,
       onlyUnique: onlyUnique,
+      reverseOrder : reverseOrder,
       inlineMessages: inlineMessages,
-      position: position,
+      position: position
     };
   }];
 });