Merge pull request #96 from Jermorin/master

feat(container): add container option for those who need it

Author: alexcrack

bower.json

@@ -1,10 +1,10 @@
 {
   "name": "angular-ui-notification",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "homepage": "https://github.com/alexcrack/angular-ui-notification",
   "repository": {
     "type": "git",
-    "url": "git://github.com/alexcrack/angular-ui-notification"
+    "url": "git://github.com/jermorin/angular-ui-notification"
   },
   "authors": [
     "Alexey Avramchik"

demo/angular-ui-notification.min.js

@@ -21,7 +21,8 @@ angular.module('ui-notification').provider('Notification', function() {
         templateUrl: 'angular-ui-notification.html',
         onClose: undefined,
         closeOnClick: true,
-        maxCount: 0 // 0 - Infinite
+        maxCount: 0, // 0 - Infinite
+        container: 'body'
     };
 
     this.setOptions = function(options) {
@@ -57,6 +58,7 @@ angular.module('ui-notification').provider('Notification', function() {
             args.replaceMessage = args.replaceMessage ? args.replaceMessage : options.replaceMessage;
             args.onClose = args.onClose ? args.onClose : options.onClose;
             args.closeOnClick = (args.closeOnClick !== null && args.closeOnClick !== undefined) ? args.closeOnClick : options.closeOnClick;
+            args.container = args.container ? args.container : options.container;
 
             $http.get(args.template,{cache: $templateCache}).success(function(template) {
 
@@ -143,7 +145,7 @@ angular.module('ui-notification').provider('Notification', function() {
 
                 setCssTransitions('none');
 
-                angular.element(document.getElementsByTagName('body')).append(templateElement);
+                angular.element(document.querySelector(args.container)).append(templateElement);
                 var offset = -(parseInt(templateElement[0].offsetHeight) + 50);
                 templateElement.css(templateElement._positionY, offset + "px");
                 messageElements.push(templateElement);

dist/angular-ui-notification.js

@@ -14,7 +14,8 @@ angular.module('ui-notification').provider('Notification', function() {
         templateUrl: 'angular-ui-notification.html',
         onClose: undefined,
         closeOnClick: true,
-        maxCount: 0 // 0 - Infinite
+        maxCount: 0, // 0 - Infinite
+        container: 'body'
     };
 
     this.setOptions = function(options) {
@@ -50,6 +51,7 @@ angular.module('ui-notification').provider('Notification', function() {
             args.replaceMessage = args.replaceMessage ? args.replaceMessage : options.replaceMessage;
             args.onClose = args.onClose ? args.onClose : options.onClose;
             args.closeOnClick = (args.closeOnClick !== null && args.closeOnClick !== undefined) ? args.closeOnClick : options.closeOnClick;
+            args.container = args.container ? args.container : options.container;
 
             $http.get(args.template,{cache: $templateCache}).success(function(template) {
 
@@ -136,7 +138,7 @@ angular.module('ui-notification').provider('Notification', function() {
 
                 setCssTransitions('none');
 
-                angular.element(document.getElementsByTagName('body')).append(templateElement);
+                angular.element(document.querySelector(args.container)).append(templateElement);
                 var offset = -(parseInt(templateElement[0].offsetHeight) + 50);
                 templateElement.css(templateElement._positionY, offset + "px");
                 messageElements.push(templateElement);