angularjs-toast
Advanced tools
Comparing version 2.0.0 to 2.0.1
/*! | ||
* @module angularjs-toast | ||
* @description A Simple toast notification service for AngularJS pages | ||
* @version v2.0.0 | ||
* @version v2.0.1 | ||
* @link https://github.com/Sibiraj-S/angularjs-toast#readme | ||
@@ -35,3 +35,3 @@ * @licence MIT License, https://opensource.org/licenses/MIT | ||
args.maxToast = args.maxToast ? args.maxToast : maxToast; | ||
args.insertFromTop = args.insertFromTop ? args.insertFromTop : true; | ||
args.insertFromTop = args.insertFromTop ? args.insertFromTop : false; | ||
args.removeFromTop = args.removeFromTop ? args.removeFromTop : false; | ||
@@ -38,0 +38,0 @@ args.container = args.container ? document.querySelector(args.container) : container; |
/*! | ||
* @module angularjs-toast | ||
* @description A Simple toast notification service for AngularJS pages | ||
* @version v2.0.0 | ||
* @version v2.0.1 | ||
* @link https://github.com/Sibiraj-S/angularjs-toast#readme | ||
* @licence MIT License, https://opensource.org/licenses/MIT | ||
*/ | ||
(function(){"use strict";angular.module("angularjsToast",["ngSanitize","ngAnimate"]).factory("toast",["$rootScope","$http","$templateCache","$compile","$timeout",function(s,i,o,n,l){var r,c,m;return m="angularjs-toast.html",'<div class="angularjs-toast" ng-class="$toastPlace ? \'position-fixed\' : \'position-relative\'"> <ul class="toast-container" ng-class="[$position, $masterClass]"> <li class="animate-repeat" ng-repeat="data in $toastMessages track by data.id"> <div class="alert alert-dismissible" ng-class="::$toastClass"> <span ng-bind-html="data.message"></span> <a href="javascript:void(0)" class="close" data-dismiss="alert" aria-label="close" title="close" ng-click="$close($index)" ng-if="$dismissible">×</a> </div> </li> </ul></div>',o.put(m,'<div class="angularjs-toast" ng-class="$toastPlace ? \'position-fixed\' : \'position-relative\'"> <ul class="toast-container" ng-class="[$position, $masterClass]"> <li class="animate-repeat" ng-repeat="data in $toastMessages track by data.id"> <div class="alert alert-dismissible" ng-class="::$toastClass"> <span ng-bind-html="data.message"></span> <a href="javascript:void(0)" class="close" data-dismiss="alert" aria-label="close" title="close" ng-click="$close($index)" ng-if="$dismissible">×</a> </div> </li> </ul></div>'),r=document.querySelector("body"),5e3,!0,"Hi there!",6,"right","alert-success",(c=s.$new()).$toastMessages=[],function(e){var s,a,t;e.duration=e.duration?e.duration:5e3,e.maxToast=e.maxToast?e.maxToast:6,e.insertFromTop=!e.insertFromTop||e.insertFromTop,e.removeFromTop=!!e.removeFromTop&&e.removeFromTop,e.container=e.container?document.querySelector(e.container):r,c.$position=e.position?e.position:"right",c.$toastPlace=e.container===r,c.$masterClass=e.masterClass?e.masterClass:"",c.$toastClass=e.className?e.className:"alert-success",c.$dismissible=!e.dismissible||e.dismissible,c.$message=e.message?e.message:"Hi there!",angular.element(document.getElementsByClassName("angularjs-toast"))[0]||i.get(m,{cache:o}).then(function(s){var a;a=n(s.data)(c),angular.element(e.container).append(a)}),t=function(a){l(function(){var s;-1!==(s=c.$toastMessages.indexOf(a))&&c.$toastMessages.splice(s,1)},e.duration)},s={message:e.message,id:(new Date).getUTCMilliseconds()},a=function(){e.insertFromTop?c.$toastMessages.unshift(s):c.$toastMessages.push(s),t(s)},c.$toastMessages.length===e.maxToast&&(e.removeFromTop?c.$toastMessages.shift():c.$toastMessages.pop()),a(),c.$close=function(s){c.$toastMessages.splice(s,1)}}}])}).call(this); | ||
(function(){"use strict";angular.module("angularjsToast",["ngSanitize","ngAnimate"]).factory("toast",["$rootScope","$http","$templateCache","$compile","$timeout",function(s,i,o,n,l){var r,c,m;return m="angularjs-toast.html",'<div class="angularjs-toast" ng-class="$toastPlace ? \'position-fixed\' : \'position-relative\'"> <ul class="toast-container" ng-class="[$position, $masterClass]"> <li class="animate-repeat" ng-repeat="data in $toastMessages track by data.id"> <div class="alert alert-dismissible" ng-class="::$toastClass"> <span ng-bind-html="data.message"></span> <a href="javascript:void(0)" class="close" data-dismiss="alert" aria-label="close" title="close" ng-click="$close($index)" ng-if="$dismissible">×</a> </div> </li> </ul></div>',o.put(m,'<div class="angularjs-toast" ng-class="$toastPlace ? \'position-fixed\' : \'position-relative\'"> <ul class="toast-container" ng-class="[$position, $masterClass]"> <li class="animate-repeat" ng-repeat="data in $toastMessages track by data.id"> <div class="alert alert-dismissible" ng-class="::$toastClass"> <span ng-bind-html="data.message"></span> <a href="javascript:void(0)" class="close" data-dismiss="alert" aria-label="close" title="close" ng-click="$close($index)" ng-if="$dismissible">×</a> </div> </li> </ul></div>'),r=document.querySelector("body"),5e3,!0,"Hi there!",6,"right","alert-success",(c=s.$new()).$toastMessages=[],function(e){var s,a,t;e.duration=e.duration?e.duration:5e3,e.maxToast=e.maxToast?e.maxToast:6,e.insertFromTop=!!e.insertFromTop&&e.insertFromTop,e.removeFromTop=!!e.removeFromTop&&e.removeFromTop,e.container=e.container?document.querySelector(e.container):r,c.$position=e.position?e.position:"right",c.$toastPlace=e.container===r,c.$masterClass=e.masterClass?e.masterClass:"",c.$toastClass=e.className?e.className:"alert-success",c.$dismissible=!e.dismissible||e.dismissible,c.$message=e.message?e.message:"Hi there!",angular.element(document.getElementsByClassName("angularjs-toast"))[0]||i.get(m,{cache:o}).then(function(s){var a;a=n(s.data)(c),angular.element(e.container).append(a)}),t=function(a){l(function(){var s;-1!==(s=c.$toastMessages.indexOf(a))&&c.$toastMessages.splice(s,1)},e.duration)},s={message:e.message,id:(new Date).getUTCMilliseconds()},a=function(){e.insertFromTop?c.$toastMessages.unshift(s):c.$toastMessages.push(s),t(s)},c.$toastMessages.length===e.maxToast&&(e.removeFromTop?c.$toastMessages.shift():c.$toastMessages.pop()),a(),c.$close=function(s){c.$toastMessages.splice(s,1)}}}])}).call(this); | ||
//# sourceMappingURL=angularjs-toast.min.js.map |
{ | ||
"name": "angularjs-toast", | ||
"version": "2.0.0", | ||
"version": "2.0.1", | ||
"description": "A Simple toast notification service for AngularJS pages", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
@@ -7,4 +7,2 @@ # angularjs-toast [![NPM Version](https://img.shields.io/npm/v/angularjs-toast.svg)](https://www.npmjs.com/package/angularjs-toast) [![Build Status](https://travis-ci.com/Sibiraj-S/angularjs-toast.svg?branch=master)](https://travis-ci.com/Sibiraj-S/angularjs-toast) | ||
If you are looking for Angular(v5.x) version, Try [ngx-notifier][ngx-notifier] | ||
## Getting Started | ||
@@ -71,3 +69,2 @@ | ||
angular.controller('toastController', ['toast', function(toast){ | ||
toast({ | ||
@@ -78,3 +75,2 @@ duration : 10000, | ||
}); | ||
}]); | ||
@@ -89,3 +85,3 @@ ``` | ||
| ------------- | --------------------- | ------------- | ---------------------------------------- | | ||
| className | string | alert-success | accepted values are alert-(success|danger|primary|info) | | ||
| className | string | alert-success | accepted values are alert-(success|danger|primary|info) | | ||
| duration | number | 5000 | timeout for each toast messages to disappear | | ||
@@ -98,3 +94,3 @@ | position | string | right | position of the element can be 'left', 'center' and 'right' | | ||
| maxToast | number | 7 | maximum number of toast messages to show. if max reached the element inserted first will be removed | | ||
| insertFromTop | boolean | true | setting true will insert new messages on top else inserts at bottom | | ||
| insertFromTop | boolean | false | setting true will insert new messages on top else inserts at bottom | | ||
| removeFromTop | boolean | false | setting true removes first element when maxToast is reached else removes last element | | ||
@@ -101,0 +97,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
22760
101