diff --git a/dist/angular-ui-notification.css b/dist/angular-ui-notification.css index 759db09..4fcc9b7 100644 --- a/dist/angular-ui-notification.css +++ b/dist/angular-ui-notification.css @@ -37,6 +37,14 @@ opacity: 0; } +.ui-notification.slide-from-left +{ + left: -375px; +} +.ui-notification.slide-from-right +{ + right: -375px; +} .ui-notification > h3 { font-size: 14px; diff --git a/dist/angular-ui-notification.js b/dist/angular-ui-notification.js index 73b9e93..126b345 100644 --- a/dist/angular-ui-notification.js +++ b/dist/angular-ui-notification.js @@ -23,7 +23,8 @@ angular.module('ui-notification').provider('Notification', function() { closeOnClick: true, maxCount: 0, // 0 - Infinite container: 'body', - priority: 10 + priority: 10, + slideFromSide: false }; this.setOptions = function(options) { @@ -61,6 +62,7 @@ angular.module('ui-notification').provider('Notification', function() { args.closeOnClick = (args.closeOnClick !== null && args.closeOnClick !== undefined) ? args.closeOnClick : options.closeOnClick; args.container = args.container ? args.container : options.container; args.priority = args.priority ? args.priority : options.priority; + args.slideFromSide = (args.slideFromSide !==null && args.slideFromSide !==undefined) ? args.slideFromSide : options.slideFromSide; var template=$templateCache.get(args.template); @@ -185,6 +187,11 @@ angular.module('ui-notification').provider('Notification', function() { templateElement.css(templateElement._positionY, offset + "px"); messageElements.push(templateElement); + if (args.slideFromSide){ + templateElement.addClass('slide-from-'+args.positionX); + templateElement.css(args.positionY,startTop+'px'); + } + if(args.positionX == 'center'){ var elWidth = parseInt(templateElement[0].offsetWidth); templateElement.css('left', parseInt(window.innerWidth / 2 - elWidth / 2) + 'px'); @@ -259,4 +266,4 @@ angular.module('ui-notification').provider('Notification', function() { }]; }); -angular.module("ui-notification").run(["$templateCache", function($templateCache) {$templateCache.put("angular-ui-notification.html","

");}]); \ No newline at end of file +angular.module("ui-notification").run(["$templateCache", function($templateCache) {$templateCache.put("angular-ui-notification.html","

");}]); diff --git a/src/angular-ui-notification.js b/src/angular-ui-notification.js index 71f2a8c..d78a896 100644 --- a/src/angular-ui-notification.js +++ b/src/angular-ui-notification.js @@ -16,7 +16,8 @@ angular.module('ui-notification').provider('Notification', function() { closeOnClick: true, maxCount: 0, // 0 - Infinite container: 'body', - priority: 10 + priority: 10, + slideFromSide: false }; this.setOptions = function(options) { @@ -54,6 +55,7 @@ angular.module('ui-notification').provider('Notification', function() { args.closeOnClick = (args.closeOnClick !== null && args.closeOnClick !== undefined) ? args.closeOnClick : options.closeOnClick; args.container = args.container ? args.container : options.container; args.priority = args.priority ? args.priority : options.priority; + args.slideFromSide = (args.slideFromSide !==null && args.slideFromSide !==undefined) ? args.slideFromSide : options.slideFromSide; var template=$templateCache.get(args.template); @@ -178,6 +180,11 @@ angular.module('ui-notification').provider('Notification', function() { templateElement.css(templateElement._positionY, offset + "px"); messageElements.push(templateElement); + if (args.slideFromSide){ + templateElement.addClass('slide-from-'+args.positionX); + templateElement.css(args.positionY,startTop+'px'); + } + if(args.positionX == 'center'){ var elWidth = parseInt(templateElement[0].offsetWidth); templateElement.css('left', parseInt(window.innerWidth / 2 - elWidth / 2) + 'px'); diff --git a/src/angular-ui-notification.less b/src/angular-ui-notification.less index be4e3b0..0ff4564 100644 --- a/src/angular-ui-notification.less +++ b/src/angular-ui-notification.less @@ -54,4 +54,10 @@ color: @btn-info-color; background: @brand-info; } -} \ No newline at end of file + &.slide-from-left { + left: -375px; + } + &.slide-from-right { + right: -375px; + } +}