From 7022c23bd34b4bfb68f44b9b801509bf401c436a Mon Sep 17 00:00:00 2001 From: John Lenehan Date: Mon, 1 May 2017 16:34:54 +0000 Subject: [PATCH 1/2] Add support for notification sliding from side of page --- dist/angular-ui-notification.css | 8 ++++++++ dist/angular-ui-notification.js | 11 +++++++++-- src/angular-ui-notification.js | 9 ++++++++- src/angular-ui-notification.less | 8 +++++++- 4 files changed, 32 insertions(+), 4 deletions(-) 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..99dd2c2 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..1c402db 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; + } +} From 8cfaa9a8a7d8ddd9d2ef263a957319e7b4426e34 Mon Sep 17 00:00:00 2001 From: socialflow Date: Mon, 1 May 2017 13:11:48 -0400 Subject: [PATCH 2/2] Add missing semi-colon --- dist/angular-ui-notification.js | 2 +- src/angular-ui-notification.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/dist/angular-ui-notification.js b/dist/angular-ui-notification.js index 99dd2c2..126b345 100644 --- a/dist/angular-ui-notification.js +++ b/dist/angular-ui-notification.js @@ -189,7 +189,7 @@ angular.module('ui-notification').provider('Notification', function() { if (args.slideFromSide){ templateElement.addClass('slide-from-'+args.positionX); - templateElement.css(args.positionY,startTop+'px') + templateElement.css(args.positionY,startTop+'px'); } if(args.positionX == 'center'){ diff --git a/src/angular-ui-notification.js b/src/angular-ui-notification.js index 1c402db..d78a896 100644 --- a/src/angular-ui-notification.js +++ b/src/angular-ui-notification.js @@ -182,7 +182,7 @@ angular.module('ui-notification').provider('Notification', function() { if (args.slideFromSide){ templateElement.addClass('slide-from-'+args.positionX); - templateElement.css(args.positionY,startTop+'px') + templateElement.css(args.positionY,startTop+'px'); } if(args.positionX == 'center'){