From 2fb7fa17c22b3d3eb02aca54a761190657c54af5 Mon Sep 17 00:00:00 2001 From: Andrey Grunev Date: Mon, 4 Sep 2017 22:33:03 +0300 Subject: [PATCH] Added options for icon fonts and custom HTML markup instead of icon --- README.md | 26 ++ toaster.css | 332 +++++++-------- toaster.js | 1046 ++++++++++++++++++++++++----------------------- toaster.min.css | 13 +- toaster.min.js | 2 +- toaster.scss | 20 + 6 files changed, 735 insertions(+), 704 deletions(-) diff --git a/README.md b/README.md index 694b39b..684f4bd 100644 --- a/README.md +++ b/README.md @@ -159,6 +159,32 @@ toaster.pop({ ``` This option is given the most weight and will override the global configurations for that toast. However, it will not persist to other toasts of that type and does not alter or pollute the global configuration. +### Icon fonts and icon HTML markup + +The icon in the left part of a toast can be overridden either with an icon font symbol or any custom markup. +If you would like to use *icon-bug* defined in your custom icon font, use the iconFontClass property: + + ```js + toaster.pop({ + // ... + iconFontClass: 'icon-bug'; + }); + ``` + +It is also possible to change the icon base class with the `iconFontBaseClass` property. By default, the `icon` class is used, but you might want to change it to `fa` for Font Awesome, and so on. + +For placing custom HTML markup, use the following syntax: + + ```js + toaster.pop({ + // ... + iconTemplate: ''; + }); + ``` + +Note that the passed HTML string is not parsed, and any directives will not make effect. + + ### Close Html The close button html can be overridden either globally or per toast call. diff --git a/toaster.css b/toaster.css index fa09eb0..56c8d54 100644 --- a/toaster.css +++ b/toaster.css @@ -1,29 +1,43 @@ -/* - * Toastr - * Version 2.0.1 - * Copyright 2012 John Papa and Hans Fjallemark. - * All Rights Reserved. - * Use, reproduction, distribution, and modification of this code is subject to the terms and - * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php - * - * Author: John Papa and Hans Fjallemark - * Project: https://github.com/CodeSeven/toastr +@charset "UTF-8"; +/* + * Toastr + * Version 2.0.1 + * Copyright 2012 John Papa and Hans Fjällemark. + * All Rights Reserved. + * Use, reproduction, distribution, and modification of this code is subject to the terms and + * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php + * + * Author: John Papa and Hans Fjällemark + * Project: https://github.com/CodeSeven/toastr + * + * + * SCSS File + * Author: Damian Szymczuk + * GitHub: https://github.com/dszymczuk + * */ +/* Variables */ .toast-title { - font-weight: bold; -} + font-weight: bold; } + .toast-message { -ms-word-wrap: break-word; - word-wrap: break-word; -} -.toast-message a, -.toast-message label { - color: #ffffff; -} -.toast-message a:hover { - color: #cccccc; - text-decoration: none; -} + word-wrap: break-word; } + .toast-message a, .toast-message label { + color: #ffffff; } + .toast-message a:hover { + color: #cccccc; + text-decoration: none; } + +.toast-icon { + text-align: center; + position: absolute; + top: 15px; + left: 10px; + width: 30px; + height: 30px; } + .toast-icon .icon { + font-size: 20px; } .toast-close-button { position: relative; @@ -37,204 +51,172 @@ text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); - filter: alpha(opacity=80); -} -.toast-close-button:hover, -.toast-close-button:focus { - color: #000000; - text-decoration: none; - cursor: pointer; - opacity: 0.4; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); - filter: alpha(opacity=40); -} + filter: alpha(opacity=80); } + .toast-close-button:hover, .toast-close-button:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.4; + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); + filter: alpha(opacity=40); } -/*Additional properties for button version - iOS requires the button element instead of an anchor tag. +/*Additional properties for button version + iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; - -webkit-appearance: none; -} + -webkit-appearance: none; } + .toast-top-full-width { top: 0; right: 0; - width: 100%; -} + width: 100%; } + .toast-bottom-full-width { bottom: 0; right: 0; - width: 100%; -} + width: 100%; } + .toast-top-left { top: 12px; - left: 12px; -} + left: 12px; } + .toast-top-center { - top: 12px; -} + top: 12px; } + .toast-top-right { top: 12px; - right: 12px; -} + right: 12px; } + .toast-bottom-right { right: 12px; - bottom: 12px; -} + bottom: 12px; } + .toast-bottom-center { - bottom: 12px; -} + bottom: 12px; } + .toast-bottom-left { bottom: 12px; - left: 12px; -} + left: 12px; } + .toast-center { - top: 45%; -} + top: 45%; } + #toast-container { position: fixed; z-index: 999999; - pointer-events: auto; - /*overrides*/ - -} -#toast-container.toast-center, -#toast-container.toast-top-center, -#toast-container.toast-bottom-center{ - width: 100%; - pointer-events: none; -} -#toast-container.toast-center > div, -#toast-container.toast-top-center > div, -#toast-container.toast-bottom-center > div{ - margin: auto; - pointer-events: auto; -} -#toast-container.toast-center > button, -#toast-container.toast-top-center > button, -#toast-container.toast-bottom-center > button{ - pointer-events: auto; -} -#toast-container * { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -#toast-container > div { - margin: 0 0 6px; - padding: 15px 15px 15px 50px; - width: 300px; - -moz-border-radius: 3px 3px 3px 3px; - -webkit-border-radius: 3px 3px 3px 3px; - border-radius: 3px 3px 3px 3px; - background-position: 15px center; - background-repeat: no-repeat; - -moz-box-shadow: 0 0 12px #999999; - -webkit-box-shadow: 0 0 12px #999999; - box-shadow: 0 0 12px #999999; - color: #ffffff; - opacity: 0.8; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); - filter: alpha(opacity=80); -} -#toast-container > :hover { - -moz-box-shadow: 0 0 12px #000000; - -webkit-box-shadow: 0 0 12px #000000; - box-shadow: 0 0 12px #000000; - opacity: 1; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); - filter: alpha(opacity=100); - cursor: pointer; -} -#toast-container > .toast-info { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; -} -#toast-container > .toast-wait { - background-image: url("data:image/gif;base64,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") !important; -} -#toast-container > .toast-error { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; -} -#toast-container > .toast-success { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; -} -#toast-container > .toast-warning { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; -} -#toast-container.toast-top-full-width > div, -#toast-container.toast-bottom-full-width > div { - width: 96%; - margin: auto; -} + /*overrides*/ } + #toast-container.toast-center, #toast-container.toast-top-center, #toast-container.toast-bottom-center { + width: 100%; + pointer-events: none; } + #toast-container.toast-center > div, #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { + margin: auto; + pointer-events: auto; } + #toast-container.toast-center > button, #toast-container.toast-top-center > button, #toast-container.toast-bottom-center > button { + pointer-events: auto; } + #toast-container * { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + #toast-container > div { + margin: 0 0 6px; + padding: 15px 15px 15px 50px; + width: 300px; + position: relative; + -moz-border-radius: 3px 3px 3px 3px; + -webkit-border-radius: 3px 3px 3px 3px; + border-radius: 3px 3px 3px 3px; + background-position: 15px center; + background-repeat: no-repeat; + -moz-box-shadow: 0 0 12px #999999; + -webkit-box-shadow: 0 0 12px #999999; + box-shadow: 0 0 12px #999999; + color: #ffffff; + opacity: 0.8; + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); + filter: alpha(opacity=80); } + #toast-container > :hover { + -moz-box-shadow: 0 0 12px #000000; + -webkit-box-shadow: 0 0 12px #000000; + box-shadow: 0 0 12px #000000; + opacity: 1; + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + filter: alpha(opacity=100); + cursor: pointer; } + #toast-container > .toast-info { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } + #toast-container > .toast-wait { + background-image: url("data:image/gif;base64,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") !important; } + #toast-container > .toast-error { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } + #toast-container > .toast-success { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } + #toast-container > .toast-warning { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } + #toast-container > .has-html-icon { + background-image: none !important; } + #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { + width: 96%; + margin: auto; } + .toast { - background-color: #030303; -} + background-color: #030303; } + .toast-success { - background-color: #51a351; -} + background-color: #51a351; } + .toast-error { - background-color: #bd362f; -} -.toast-info { - background-color: #2f96b4; -} -.toast-wait { - background-color: #2f96b4; -} + background-color: #bd362f; } + +.toast-info, .toast-wait { + background-color: #2f96b4; } + .toast-warning { - background-color: #f89406; -} + background-color: #f89406; } + /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; - width: 11em; - } + width: 11em; } #toast-container .toast-close-button { right: -0.2em; - top: -0.2em; -} - } + top: -0.2em; } } + @media all and (min-width: 241px) and (max-width: 480px) { - #toast-container > div { + #toast-container > div { padding: 8px 8px 8px 50px; - width: 18em; - } + width: 18em; } #toast-container .toast-close-button { right: -0.2em; - top: -0.2em; -} -} + top: -0.2em; } } + @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; - width: 25em; - } -} + width: 25em; } } + +/* + * AngularJS-Toaster + * Version 0.3 +*/ +:not(.no-enter)#toast-container > div.ng-enter, :not(.no-leave)#toast-container > div.ng-leave { + -webkit-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all; + -moz-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all; + -ms-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all; + -o-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all; + transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all; } + +:not(.no-enter)#toast-container > div.ng-enter.ng-enter-active { + opacity: 0.8; } - /* - * AngularJS-Toaster - * Version 0.3 - */ -:not(.no-enter)#toast-container > div.ng-enter, -:not(.no-leave)#toast-container > div.ng-leave -{ - -webkit-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; - -moz-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; - -ms-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; - -o-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; - transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -} - -:not(.no-enter)#toast-container > div.ng-enter.ng-enter-active, :not(.no-leave)#toast-container > div.ng-leave { - opacity: 0.8; -} + opacity: 0.8; } + :not(.no-leave)#toast-container > div.ng-leave.ng-leave-active { + opacity: 0; } -:not(.no-leave)#toast-container > div.ng-leave.ng-leave-active, :not(.no-enter)#toast-container > div.ng-enter { - opacity: 0; -} \ No newline at end of file + opacity: 0; } diff --git a/toaster.js b/toaster.js index a40f53b..90e7c96 100644 --- a/toaster.js +++ b/toaster.js @@ -1,516 +1,530 @@ -/* global angular */ -(function(window, document) { - 'use strict'; - - /* - * AngularJS Toaster - * Version: 2.2.0 - * - * Copyright 2013-2016 Jiri Kavulak. - * All Rights Reserved. - * Use, reproduction, distribution, and modification of this code is subject to the terms and - * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php - * - * Author: Jiri Kavulak - * Related to project of John Papa, Hans Fjällemark and Nguyễn Thiện Hùng (thienhung1989) - */ - - angular.module('toaster', []).constant( - 'toasterConfig', { - 'limit': 0, // limits max number of toasts - 'tap-to-dismiss': true, - 'close-button': false, - 'close-html': '', - 'newest-on-top': true, - 'time-out': 5000, - 'icon-classes': { - error: 'toast-error', - info: 'toast-info', - wait: 'toast-wait', - success: 'toast-success', - warning: 'toast-warning' - }, - 'body-output-type': '', // Options: '', 'trustedHtml', 'template', 'templateWithData', 'directive' - 'body-template': 'toasterBodyTmpl.html', - 'icon-class': 'toast-info', - 'position-class': 'toast-top-right', // Options (see CSS): - // 'toast-top-full-width', 'toast-bottom-full-width', 'toast-center', - // 'toast-top-left', 'toast-top-center', 'toast-top-right', - // 'toast-bottom-left', 'toast-bottom-center', 'toast-bottom-right', - 'title-class': 'toast-title', - 'message-class': 'toast-message', - 'prevent-duplicates': false, - 'mouseover-timer-stop': true // stop timeout on mouseover and restart timer on mouseout - } - ).run(['$templateCache', function($templateCache) { - $templateCache.put('angularjs-toaster/toast.html', - '
' + - '
' + - '
' + - '
{{toaster.title}}
' + - '
' + - '
' + - '
' + - '
' + - '
' + - '
{{toaster.body}}
' + - '
' + - '
' + - '
'); - } - ]).service( - 'toaster', [ - '$rootScope', 'toasterConfig', function($rootScope, toasterConfig) { - // http://stackoverflow.com/questions/26501688/a-typescript-guid-class - var Guid = (function() { - var Guid = {}; - Guid.newGuid = function() { - return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { - var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); - return v.toString(16); - }); - }; - return Guid; - }()); - - this.pop = function(type, title, body, timeout, bodyOutputType, clickHandler, toasterId, showCloseButton, toastId, onHideCallback) { - if (angular.isObject(type)) { - var params = type; // Enable named parameters as pop argument - this.toast = { - type: params.type, - title: params.title, - body: params.body, - timeout: params.timeout, - bodyOutputType: params.bodyOutputType, - clickHandler: params.clickHandler, - showCloseButton: params.showCloseButton, - closeHtml: params.closeHtml, - toastId: params.toastId, - onShowCallback: params.onShowCallback, - onHideCallback: params.onHideCallback, - directiveData: params.directiveData, - tapToDismiss: params.tapToDismiss - }; - toasterId = params.toasterId; - } else { - this.toast = { - type: type, - title: title, - body: body, - timeout: timeout, - bodyOutputType: bodyOutputType, - clickHandler: clickHandler, - showCloseButton: showCloseButton, - toastId: toastId, - onHideCallback: onHideCallback - }; - } - - if (!this.toast.toastId || !this.toast.toastId.length) { - this.toast.toastId = Guid.newGuid(); - } - - $rootScope.$emit('toaster-newToast', toasterId, this.toast.toastId); - - return { - toasterId: toasterId, - toastId: this.toast.toastId - }; - }; - - this.clear = function(toasterId, toastId) { - if (angular.isObject(toasterId)) { - $rootScope.$emit('toaster-clearToasts', toasterId.toasterId, toasterId.toastId); - } else { - $rootScope.$emit('toaster-clearToasts', toasterId, toastId); - } - }; - - // Create one method per icon class, to allow to call toaster.info() and similar - for (var type in toasterConfig['icon-classes']) { - this[type] = createTypeMethod(type); - } - - function createTypeMethod(toasterType) { - return function(title, body, timeout, bodyOutputType, clickHandler, toasterId, showCloseButton, toastId, onHideCallback) { - if (angular.isString(title)) { - return this.pop( - toasterType, - title, - body, - timeout, - bodyOutputType, - clickHandler, - toasterId, - showCloseButton, - toastId, - onHideCallback); - } else { // 'title' is actually an object with options - return this.pop(angular.extend(title, { type: toasterType })); - } - }; - } - }] - ).factory( - 'toasterEventRegistry', [ - '$rootScope', function($rootScope) { - var deregisterNewToast = null, deregisterClearToasts = null, newToastEventSubscribers = [], clearToastsEventSubscribers = [], toasterFactory; - - toasterFactory = { - setup: function() { - if (!deregisterNewToast) { - deregisterNewToast = $rootScope.$on( - 'toaster-newToast', function(event, toasterId, toastId) { - for (var i = 0, len = newToastEventSubscribers.length; i < len; i++) { - newToastEventSubscribers[i](event, toasterId, toastId); - } - }); - } - - if (!deregisterClearToasts) { - deregisterClearToasts = $rootScope.$on( - 'toaster-clearToasts', function(event, toasterId, toastId) { - for (var i = 0, len = clearToastsEventSubscribers.length; i < len; i++) { - clearToastsEventSubscribers[i](event, toasterId, toastId); - } - }); - } - }, - - subscribeToNewToastEvent: function(onNewToast) { - newToastEventSubscribers.push(onNewToast); - }, - subscribeToClearToastsEvent: function(onClearToasts) { - clearToastsEventSubscribers.push(onClearToasts); - }, - unsubscribeToNewToastEvent: function(onNewToast) { - var index = newToastEventSubscribers.indexOf(onNewToast); - if (index >= 0) { - newToastEventSubscribers.splice(index, 1); - } - - if (newToastEventSubscribers.length === 0) { - deregisterNewToast(); - deregisterNewToast = null; - } - }, - unsubscribeToClearToastsEvent: function(onClearToasts) { - var index = clearToastsEventSubscribers.indexOf(onClearToasts); - if (index >= 0) { - clearToastsEventSubscribers.splice(index, 1); - } - - if (clearToastsEventSubscribers.length === 0) { - deregisterClearToasts(); - deregisterClearToasts = null; - } - } - }; - return { - setup: toasterFactory.setup, - subscribeToNewToastEvent: toasterFactory.subscribeToNewToastEvent, - subscribeToClearToastsEvent: toasterFactory.subscribeToClearToastsEvent, - unsubscribeToNewToastEvent: toasterFactory.unsubscribeToNewToastEvent, - unsubscribeToClearToastsEvent: toasterFactory.unsubscribeToClearToastsEvent - }; - }] - ) - .directive('directiveTemplate', ['$compile', '$injector', function($compile, $injector) { - return { - restrict: 'A', - scope: { - directiveName: '@directiveName', - directiveData: '@directiveData' - }, - replace: true, - link: function(scope, elm, attrs) { - scope.$watch('directiveName', function(directiveName) { - if (angular.isUndefined(directiveName) || directiveName.length <= 0) - throw new Error('A valid directive name must be provided via the toast body argument when using bodyOutputType: directive'); - - var directive; - - try { - directive = $injector.get(attrs.$normalize(directiveName) + 'Directive'); - } catch (e) { - throw new Error(directiveName + ' could not be found. ' + - 'The name should appear as it exists in the markup, not camelCased as it would appear in the directive declaration,' + - ' e.g. directive-name not directiveName.'); - } - - - var directiveDetails = directive[0]; - - if (directiveDetails.scope !== true && directiveDetails.scope) { - throw new Error('Cannot use a directive with an isolated scope. ' + - 'The scope must be either true or falsy (e.g. false/null/undefined). ' + - 'Occurred for directive ' + directiveName + '.'); - } - - if (directiveDetails.restrict.indexOf('A') < 0) { - throw new Error('Directives must be usable as attributes. ' + - 'Add "A" to the restrict option (or remove the option entirely). Occurred for directive ' + - directiveName + '.'); - } - - if (scope.directiveData) - scope.directiveData = angular.fromJson(scope.directiveData); - - var template = $compile('
')(scope); - - elm.append(template); - }); - } - }; - }]) - .directive( - 'toasterContainer', [ - '$parse', '$rootScope', '$interval', '$sce', 'toasterConfig', 'toaster', 'toasterEventRegistry', - function($parse, $rootScope, $interval, $sce, toasterConfig, toaster, toasterEventRegistry) { - return { - replace: true, - restrict: 'EA', - scope: true, // creates an internal scope for this directive (one per directive instance) - link: function(scope, elm, attrs) { - var mergedConfig; - - // Merges configuration set in directive with default one - mergedConfig = angular.extend({}, toasterConfig, scope.$eval(attrs.toasterOptions)); - - scope.config = { - toasterId: mergedConfig['toaster-id'], - position: mergedConfig['position-class'], - title: mergedConfig['title-class'], - message: mergedConfig['message-class'], - tap: mergedConfig['tap-to-dismiss'], - closeButton: mergedConfig['close-button'], - closeHtml: mergedConfig['close-html'], - animation: mergedConfig['animation-class'], - mouseoverTimer: mergedConfig['mouseover-timer-stop'] - }; - - scope.$on( - "$destroy", function() { - toasterEventRegistry.unsubscribeToNewToastEvent(scope._onNewToast); - toasterEventRegistry.unsubscribeToClearToastsEvent(scope._onClearToasts); - } - ); - - function setTimeout(toast, time) { - toast.timeoutPromise = $interval( - function() { - scope.removeToast(toast.toastId); - }, time, 1 - ); - } - - scope.configureTimer = function(toast) { - var timeout = angular.isNumber(toast.timeout) ? toast.timeout : mergedConfig['time-out']; - if (typeof timeout === "object") timeout = timeout[toast.type]; - if (timeout > 0) { - setTimeout(toast, timeout); - } - }; - - function addToast(toast, toastId) { - toast.type = mergedConfig['icon-classes'][toast.type]; - if (!toast.type) { - toast.type = mergedConfig['icon-class']; - } - - if (mergedConfig['prevent-duplicates'] === true && scope.toasters.length) { - if (scope.toasters[scope.toasters.length - 1].body === toast.body) { - return; - } else { - var i, len, dupFound = false; - for (i = 0, len = scope.toasters.length; i < len; i++) { - if (scope.toasters[i].toastId === toastId) { - dupFound = true; - break; - } - } - - if (dupFound) return; - } - } - - - // set the showCloseButton property on the toast so that - // each template can bind directly to the property to show/hide - // the close button - var closeButton = mergedConfig['close-button']; - - // if toast.showCloseButton is a boolean value, - // it was specifically overriden in the pop arguments - if (typeof toast.showCloseButton === "boolean") { - - } else if (typeof closeButton === "boolean") { - toast.showCloseButton = closeButton; - } else if (typeof closeButton === "object") { - var closeButtonForType = closeButton[toast.type]; - - if (typeof closeButtonForType !== "undefined" && closeButtonForType !== null) { - toast.showCloseButton = closeButtonForType; - } - } else { - // if an option was not set, default to false. - toast.showCloseButton = false; - } - - if (toast.showCloseButton) { - toast.closeHtml = $sce.trustAsHtml(toast.closeHtml || scope.config.closeHtml); - } - - // Set the toast.bodyOutputType to the default if it isn't set - toast.bodyOutputType = toast.bodyOutputType || mergedConfig['body-output-type']; - switch (toast.bodyOutputType) { - case 'trustedHtml': - toast.html = $sce.trustAsHtml(toast.body); - break; - case 'template': - toast.bodyTemplate = toast.body || mergedConfig['body-template']; - break; - case 'templateWithData': - var fcGet = $parse(toast.body || mergedConfig['body-template']); - var templateWithData = fcGet(scope); - toast.bodyTemplate = templateWithData.template; - toast.data = templateWithData.data; - break; - case 'directive': - toast.html = toast.body; - break; - } - - scope.configureTimer(toast); - - if (mergedConfig['newest-on-top'] === true) { - scope.toasters.unshift(toast); - if (mergedConfig['limit'] > 0 && scope.toasters.length > mergedConfig['limit']) { - scope.toasters.pop(); - } - } else { - scope.toasters.push(toast); - if (mergedConfig['limit'] > 0 && scope.toasters.length > mergedConfig['limit']) { - scope.toasters.shift(); - } - } - - if (angular.isFunction(toast.onShowCallback)) { - toast.onShowCallback(toast); - } - } - - scope.removeToast = function(toastId) { - var i, len; - for (i = 0, len = scope.toasters.length; i < len; i++) { - if (scope.toasters[i].toastId === toastId) { - removeToast(i); - break; - } - } - }; - - function removeToast(toastIndex) { - var toast = scope.toasters[toastIndex]; - - // toast is always defined since the index always has a match - if (toast.timeoutPromise) { - $interval.cancel(toast.timeoutPromise); - } - scope.toasters.splice(toastIndex, 1); - - if (angular.isFunction(toast.onHideCallback)) { - toast.onHideCallback(toast); - } - } - - function removeAllToasts(toastId) { - for (var i = scope.toasters.length - 1; i >= 0; i--) { - if (isUndefinedOrNull(toastId)) { - removeToast(i); - } else { - if (scope.toasters[i].toastId == toastId) { - removeToast(i); - } - } - } - } - - scope.toasters = []; - - function isUndefinedOrNull(val) { - return angular.isUndefined(val) || val === null; - } - - scope._onNewToast = function(event, toasterId, toastId) { - // Compatibility: if toaster has no toasterId defined, and if call to display - // hasn't either, then the request is for us - - if ((isUndefinedOrNull(scope.config.toasterId) && isUndefinedOrNull(toasterId)) || (!isUndefinedOrNull(scope.config.toasterId) && !isUndefinedOrNull(toasterId) && scope.config.toasterId == toasterId)) { - addToast(toaster.toast, toastId); - } - }; - scope._onClearToasts = function(event, toasterId, toastId) { - // Compatibility: if toaster has no toasterId defined, and if call to display - // hasn't either, then the request is for us - if (toasterId == '*' || (isUndefinedOrNull(scope.config.toasterId) && isUndefinedOrNull(toasterId)) || (!isUndefinedOrNull(scope.config.toasterId) && !isUndefinedOrNull(toasterId) && scope.config.toasterId == toasterId)) { - removeAllToasts(toastId); - } - }; - - toasterEventRegistry.setup(); - - toasterEventRegistry.subscribeToNewToastEvent(scope._onNewToast); - toasterEventRegistry.subscribeToClearToastsEvent(scope._onClearToasts); - }, - controller: [ - '$scope', '$element', '$attrs', function($scope, $element, $attrs) { - // Called on mouseover - $scope.stopTimer = function(toast) { - if ($scope.config.mouseoverTimer === true) { - if (toast.timeoutPromise) { - $interval.cancel(toast.timeoutPromise); - toast.timeoutPromise = null; - } - } - }; - - // Called on mouseout - $scope.restartTimer = function(toast) { - if ($scope.config.mouseoverTimer === true) { - if (!toast.timeoutPromise) { - $scope.configureTimer(toast); - } - } else if (toast.timeoutPromise === null) { - $scope.removeToast(toast.toastId); - } - }; - - $scope.click = function(event, toast, isCloseButton) { - event.stopPropagation(); - - var tapToDismiss = typeof toast.tapToDismiss === "boolean" - ? toast.tapToDismiss - : $scope.config.tap; - if (tapToDismiss === true || (toast.showCloseButton === true && isCloseButton === true)) { - var removeToast = true; - if (toast.clickHandler) { - if (angular.isFunction(toast.clickHandler)) { - removeToast = toast.clickHandler(toast, isCloseButton); - } else if (angular.isFunction($scope.$parent.$eval(toast.clickHandler))) { - removeToast = $scope.$parent.$eval(toast.clickHandler)(toast, isCloseButton); - } else { - console.log("TOAST-NOTE: Your click handler is not inside a parent scope of toaster-container."); - } - } - if (removeToast) { - $scope.removeToast(toast.toastId); - } - } - }; - }], - templateUrl: 'angularjs-toaster/toast.html' - }; - }] - ); -})(window, document); +/* global angular */ +(function(window, document) { + 'use strict'; + + /* + * AngularJS Toaster + * Version: 2.2.0 + * + * Copyright 2013-2016 Jiri Kavulak. + * All Rights Reserved. + * Use, reproduction, distribution, and modification of this code is subject to the terms and + * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php + * + * Author: Jiri Kavulak + * Related to project of John Papa, Hans Fjällemark and Nguyễn Thiện Hùng (thienhung1989) + */ + + angular.module('toaster', []).constant( + 'toasterConfig', { + 'limit': 0, // limits max number of toasts + 'tap-to-dismiss': true, + 'close-button': false, + 'close-html': '', + 'newest-on-top': true, + 'time-out': 5000, + 'icon-classes': { + error: 'toast-error', + info: 'toast-info', + wait: 'toast-wait', + success: 'toast-success', + warning: 'toast-warning', + }, + 'body-output-type': '', // Options: '', 'trustedHtml', 'template', 'templateWithData', 'directive' + 'body-template': 'toasterBodyTmpl.html', + 'icon-class': 'toast-info', + 'position-class': 'toast-top-right', // Options (see CSS): + // 'toast-top-full-width', 'toast-bottom-full-width', 'toast-center', + // 'toast-top-left', 'toast-top-center', 'toast-top-right', + // 'toast-bottom-left', 'toast-bottom-center', 'toast-bottom-right', + 'title-class': 'toast-title', + 'message-class': 'toast-message', + 'prevent-duplicates': false, + 'mouseover-timer-stop': true // stop timeout on mouseover and restart timer on mouseout + } + ).run(['$templateCache', function($templateCache) { + $templateCache.put('angularjs-toaster/toast.html', + '
' + + '
' + + '
' + + '
' + + '
' + + '
{{toaster.title}}
' + + '
' + + '
' + + '
' + + '
' + + '
' + + '
{{toaster.body}}
' + + '
' + + '
' + + '
'); + }, + ]).service( + 'toaster', [ + '$rootScope', 'toasterConfig', function($rootScope, toasterConfig) { + // http://stackoverflow.com/questions/26501688/a-typescript-guid-class + var Guid = (function() { + var Guid = {}; + Guid.newGuid = function() { + return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { + var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); + return v.toString(16); + }); + }; + return Guid; + }()); + + this.pop = function(type, title, body, timeout, bodyOutputType, clickHandler, toasterId, showCloseButton, toastId, onHideCallback, iconFontClass, iconFontBaseClass, iconTemplate) { + if (angular.isObject(type)) { + var params = type; // Enable named parameters as pop argument + this.toast = { + type: params.type, + title: params.title, + body: params.body, + timeout: params.timeout, + bodyOutputType: params.bodyOutputType, + clickHandler: params.clickHandler, + iconFontClass: params.iconFontClass, + iconFontBaseClass: params.iconFontBaseClass, + iconTemplate: params.iconTemplate, + showCloseButton: params.showCloseButton, + closeHtml: params.closeHtml, + toastId: params.toastId, + onShowCallback: params.onShowCallback, + onHideCallback: params.onHideCallback, + directiveData: params.directiveData, + tapToDismiss: params.tapToDismiss + }; + toasterId = params.toasterId; + } else { + this.toast = { + type: type, + title: title, + body: body, + timeout: timeout, + bodyOutputType: bodyOutputType, + clickHandler: clickHandler, + iconFontClass: iconFontClass, + iconFontBaseClass: iconFontBaseClass, + iconTemplate: iconTemplate, + showCloseButton: showCloseButton, + toastId: toastId, + onHideCallback: onHideCallback + }; + } + + if (this.toast.iconFontClass && !this.toast.iconFontBaseClass) { + // Default icon class, may be changed to 'fa' or any other if specified explicitly. + this.toast.iconFontBaseClass = 'icon'; + } + + if (!this.toast.toastId || !this.toast.toastId.length) { + this.toast.toastId = Guid.newGuid(); + } + + $rootScope.$emit('toaster-newToast', toasterId, this.toast.toastId); + + return { + toasterId: toasterId, + toastId: this.toast.toastId + }; + }; + + this.clear = function(toasterId, toastId) { + if (angular.isObject(toasterId)) { + $rootScope.$emit('toaster-clearToasts', toasterId.toasterId, toasterId.toastId); + } else { + $rootScope.$emit('toaster-clearToasts', toasterId, toastId); + } + }; + + // Create one method per icon class, to allow to call toaster.info() and similar + for (var type in toasterConfig['icon-classes']) { + this[type] = createTypeMethod(type); + } + + function createTypeMethod(toasterType) { + return function(title, body, timeout, bodyOutputType, clickHandler, toasterId, showCloseButton, toastId, onHideCallback) { + if (angular.isString(title)) { + return this.pop( + toasterType, + title, + body, + timeout, + bodyOutputType, + clickHandler, + toasterId, + showCloseButton, + toastId, + onHideCallback); + } else { // 'title' is actually an object with options + return this.pop(angular.extend(title, { type: toasterType })); + } + }; + } + }] + ).factory( + 'toasterEventRegistry', [ + '$rootScope', function($rootScope) { + var deregisterNewToast = null, deregisterClearToasts = null, newToastEventSubscribers = [], clearToastsEventSubscribers = [], toasterFactory; + + toasterFactory = { + setup: function() { + if (!deregisterNewToast) { + deregisterNewToast = $rootScope.$on( + 'toaster-newToast', function(event, toasterId, toastId) { + for (var i = 0, len = newToastEventSubscribers.length; i < len; i++) { + newToastEventSubscribers[i](event, toasterId, toastId); + } + }); + } + + if (!deregisterClearToasts) { + deregisterClearToasts = $rootScope.$on( + 'toaster-clearToasts', function(event, toasterId, toastId) { + for (var i = 0, len = clearToastsEventSubscribers.length; i < len; i++) { + clearToastsEventSubscribers[i](event, toasterId, toastId); + } + }); + } + }, + + subscribeToNewToastEvent: function(onNewToast) { + newToastEventSubscribers.push(onNewToast); + }, + subscribeToClearToastsEvent: function(onClearToasts) { + clearToastsEventSubscribers.push(onClearToasts); + }, + unsubscribeToNewToastEvent: function(onNewToast) { + var index = newToastEventSubscribers.indexOf(onNewToast); + if (index >= 0) { + newToastEventSubscribers.splice(index, 1); + } + + if (newToastEventSubscribers.length === 0) { + deregisterNewToast(); + deregisterNewToast = null; + } + }, + unsubscribeToClearToastsEvent: function(onClearToasts) { + var index = clearToastsEventSubscribers.indexOf(onClearToasts); + if (index >= 0) { + clearToastsEventSubscribers.splice(index, 1); + } + + if (clearToastsEventSubscribers.length === 0) { + deregisterClearToasts(); + deregisterClearToasts = null; + } + } + }; + return { + setup: toasterFactory.setup, + subscribeToNewToastEvent: toasterFactory.subscribeToNewToastEvent, + subscribeToClearToastsEvent: toasterFactory.subscribeToClearToastsEvent, + unsubscribeToNewToastEvent: toasterFactory.unsubscribeToNewToastEvent, + unsubscribeToClearToastsEvent: toasterFactory.unsubscribeToClearToastsEvent + }; + }] + ) + .directive('directiveTemplate', ['$compile', '$injector', function($compile, $injector) { + return { + restrict: 'A', + scope: { + directiveName: '@directiveName', + directiveData: '@directiveData' + }, + replace: true, + link: function(scope, elm, attrs) { + scope.$watch('directiveName', function(directiveName) { + if (angular.isUndefined(directiveName) || directiveName.length <= 0) + throw new Error('A valid directive name must be provided via the toast body argument when using bodyOutputType: directive'); + + var directive; + + try { + directive = $injector.get(attrs.$normalize(directiveName) + 'Directive'); + } catch (e) { + throw new Error(directiveName + ' could not be found. ' + + 'The name should appear as it exists in the markup, not camelCased as it would appear in the directive declaration,' + + ' e.g. directive-name not directiveName.'); + } + + + var directiveDetails = directive[0]; + + if (directiveDetails.scope !== true && directiveDetails.scope) { + throw new Error('Cannot use a directive with an isolated scope. ' + + 'The scope must be either true or falsy (e.g. false/null/undefined). ' + + 'Occurred for directive ' + directiveName + '.'); + } + + if (directiveDetails.restrict.indexOf('A') < 0) { + throw new Error('Directives must be usable as attributes. ' + + 'Add "A" to the restrict option (or remove the option entirely). Occurred for directive ' + + directiveName + '.'); + } + + if (scope.directiveData) + scope.directiveData = angular.fromJson(scope.directiveData); + + var template = $compile('
')(scope); + + elm.append(template); + }); + } + }; + }]) + .directive( + 'toasterContainer', [ + '$parse', '$rootScope', '$interval', '$sce', 'toasterConfig', 'toaster', 'toasterEventRegistry', + function($parse, $rootScope, $interval, $sce, toasterConfig, toaster, toasterEventRegistry) { + return { + replace: true, + restrict: 'EA', + scope: true, // creates an internal scope for this directive (one per directive instance) + link: function(scope, elm, attrs) { + var mergedConfig; + + // Merges configuration set in directive with default one + mergedConfig = angular.extend({}, toasterConfig, scope.$eval(attrs.toasterOptions)); + + scope.config = { + toasterId: mergedConfig['toaster-id'], + position: mergedConfig['position-class'], + title: mergedConfig['title-class'], + message: mergedConfig['message-class'], + tap: mergedConfig['tap-to-dismiss'], + closeButton: mergedConfig['close-button'], + closeHtml: mergedConfig['close-html'], + animation: mergedConfig['animation-class'], + mouseoverTimer: mergedConfig['mouseover-timer-stop'] + }; + + scope.$on( + "$destroy", function() { + toasterEventRegistry.unsubscribeToNewToastEvent(scope._onNewToast); + toasterEventRegistry.unsubscribeToClearToastsEvent(scope._onClearToasts); + } + ); + + function setTimeout(toast, time) { + toast.timeoutPromise = $interval( + function() { + scope.removeToast(toast.toastId); + }, time, 1 + ); + } + + scope.configureTimer = function(toast) { + var timeout = angular.isNumber(toast.timeout) ? toast.timeout : mergedConfig['time-out']; + if (typeof timeout === "object") timeout = timeout[toast.type]; + if (timeout > 0) { + setTimeout(toast, timeout); + } + }; + + function addToast(toast, toastId) { + toast.type = mergedConfig['icon-classes'][toast.type]; + if (!toast.type) { + toast.type = mergedConfig['icon-class']; + } + + if (mergedConfig['prevent-duplicates'] === true && scope.toasters.length) { + if (scope.toasters[scope.toasters.length - 1].body === toast.body) { + return; + } else { + var i, len, dupFound = false; + for (i = 0, len = scope.toasters.length; i < len; i++) { + if (scope.toasters[i].toastId === toastId) { + dupFound = true; + break; + } + } + + if (dupFound) return; + } + } + + + // set the showCloseButton property on the toast so that + // each template can bind directly to the property to show/hide + // the close button + var closeButton = mergedConfig['close-button']; + + // if toast.showCloseButton is a boolean value, + // it was specifically overriden in the pop arguments + if (typeof toast.showCloseButton === "boolean") { + + } else if (typeof closeButton === "boolean") { + toast.showCloseButton = closeButton; + } else if (typeof closeButton === "object") { + var closeButtonForType = closeButton[toast.type]; + + if (typeof closeButtonForType !== "undefined" && closeButtonForType !== null) { + toast.showCloseButton = closeButtonForType; + } + } else { + // if an option was not set, default to false. + toast.showCloseButton = false; + } + + if (toast.showCloseButton) { + toast.closeHtml = $sce.trustAsHtml(toast.closeHtml || scope.config.closeHtml); + } + + // Set the toast.bodyOutputType to the default if it isn't set + toast.bodyOutputType = toast.bodyOutputType || mergedConfig['body-output-type']; + switch (toast.bodyOutputType) { + case 'trustedHtml': + toast.html = $sce.trustAsHtml(toast.body); + break; + case 'template': + toast.bodyTemplate = toast.body || mergedConfig['body-template']; + break; + case 'templateWithData': + var fcGet = $parse(toast.body || mergedConfig['body-template']); + var templateWithData = fcGet(scope); + toast.bodyTemplate = templateWithData.template; + toast.data = templateWithData.data; + break; + case 'directive': + toast.html = toast.body; + break; + } + + scope.configureTimer(toast); + + if (mergedConfig['newest-on-top'] === true) { + scope.toasters.unshift(toast); + if (mergedConfig['limit'] > 0 && scope.toasters.length > mergedConfig['limit']) { + scope.toasters.pop(); + } + } else { + scope.toasters.push(toast); + if (mergedConfig['limit'] > 0 && scope.toasters.length > mergedConfig['limit']) { + scope.toasters.shift(); + } + } + + if (angular.isFunction(toast.onShowCallback)) { + toast.onShowCallback(toast); + } + } + + scope.removeToast = function(toastId) { + var i, len; + for (i = 0, len = scope.toasters.length; i < len; i++) { + if (scope.toasters[i].toastId === toastId) { + removeToast(i); + break; + } + } + }; + + function removeToast(toastIndex) { + var toast = scope.toasters[toastIndex]; + + // toast is always defined since the index always has a match + if (toast.timeoutPromise) { + $interval.cancel(toast.timeoutPromise); + } + scope.toasters.splice(toastIndex, 1); + + if (angular.isFunction(toast.onHideCallback)) { + toast.onHideCallback(toast); + } + } + + function removeAllToasts(toastId) { + for (var i = scope.toasters.length - 1; i >= 0; i--) { + if (isUndefinedOrNull(toastId)) { + removeToast(i); + } else { + if (scope.toasters[i].toastId == toastId) { + removeToast(i); + } + } + } + } + + scope.toasters = []; + + function isUndefinedOrNull(val) { + return angular.isUndefined(val) || val === null; + } + + scope._onNewToast = function(event, toasterId, toastId) { + // Compatibility: if toaster has no toasterId defined, and if call to display + // hasn't either, then the request is for us + + if ((isUndefinedOrNull(scope.config.toasterId) && isUndefinedOrNull(toasterId)) || (!isUndefinedOrNull(scope.config.toasterId) && !isUndefinedOrNull(toasterId) && scope.config.toasterId == toasterId)) { + addToast(toaster.toast, toastId); + } + }; + scope._onClearToasts = function(event, toasterId, toastId) { + // Compatibility: if toaster has no toasterId defined, and if call to display + // hasn't either, then the request is for us + if (toasterId == '*' || (isUndefinedOrNull(scope.config.toasterId) && isUndefinedOrNull(toasterId)) || (!isUndefinedOrNull(scope.config.toasterId) && !isUndefinedOrNull(toasterId) && scope.config.toasterId == toasterId)) { + removeAllToasts(toastId); + } + }; + + toasterEventRegistry.setup(); + + toasterEventRegistry.subscribeToNewToastEvent(scope._onNewToast); + toasterEventRegistry.subscribeToClearToastsEvent(scope._onClearToasts); + }, + controller: [ + '$scope', '$element', '$attrs', function($scope, $element, $attrs) { + // Called on mouseover + $scope.stopTimer = function(toast) { + if ($scope.config.mouseoverTimer === true) { + if (toast.timeoutPromise) { + $interval.cancel(toast.timeoutPromise); + toast.timeoutPromise = null; + } + } + }; + + // Called on mouseout + $scope.restartTimer = function(toast) { + if ($scope.config.mouseoverTimer === true) { + if (!toast.timeoutPromise) { + $scope.configureTimer(toast); + } + } else if (toast.timeoutPromise === null) { + $scope.removeToast(toast.toastId); + } + }; + + $scope.click = function(event, toast, isCloseButton) { + event.stopPropagation(); + + var tapToDismiss = typeof toast.tapToDismiss === "boolean" + ? toast.tapToDismiss + : $scope.config.tap; + if (tapToDismiss === true || (toast.showCloseButton === true && isCloseButton === true)) { + var removeToast = true; + if (toast.clickHandler) { + if (angular.isFunction(toast.clickHandler)) { + removeToast = toast.clickHandler(toast, isCloseButton); + } else if (angular.isFunction($scope.$parent.$eval(toast.clickHandler))) { + removeToast = $scope.$parent.$eval(toast.clickHandler)(toast, isCloseButton); + } else { + console.log("TOAST-NOTE: Your click handler is not inside a parent scope of toaster-container."); + } + } + if (removeToast) { + $scope.removeToast(toast.toastId); + } + } + }; + }], + templateUrl: 'angularjs-toaster/toast.html' + }; + }] + ); +})(window, document); diff --git a/toaster.min.css b/toaster.min.css index 3b3c2e3..bfeef37 100644 --- a/toaster.min.css +++ b/toaster.min.css @@ -1,12 +1 @@ -/*! - * Toastr - * Version 2.0.1 - * Copyright 2012 John Papa and Hans Fjallemark. - * All Rights Reserved. - * Use, reproduction, distribution, and modification of this code is subject to the terms and - * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php - * - * Author: John Papa and Hans Fjallemark - * Project: https://github.com/CodeSeven/toastr - */ -.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-center{top:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-center{bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-center{top:45%}#toast-container{position:fixed;z-index:999999;pointer-events:auto;}#toast-container.toast-bottom-center,#toast-container.toast-center,#toast-container.toast-top-center{width:100%;pointer-events:none}#toast-container.toast-bottom-center>div,#toast-container.toast-center>div,#toast-container.toast-top-center>div{margin:auto;pointer-events:auto}#toast-container.toast-bottom-center>button,#toast-container.toast-center>button,#toast-container.toast-top-cente>button{pointer-events:auto}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-wait{background-image:url(data:image/gif;base64,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)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info,.toast-wait{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}:not(.no-enter)#toast-container>div.ng-enter,:not(.no-leave)#toast-container>div.ng-leave{-webkit-transition:1000ms cubic-bezier(.25,.25,.75,.75) all;-moz-transition:1000ms cubic-bezier(.25,.25,.75,.75) all;-ms-transition:1000ms cubic-bezier(.25,.25,.75,.75) all;-o-transition:1000ms cubic-bezier(.25,.25,.75,.75) all;transition:1000ms cubic-bezier(.25,.25,.75,.75) all}:not(.no-enter)#toast-container>div.ng-enter.ng-enter-active,:not(.no-leave)#toast-container>div.ng-leave{opacity:.8}:not(.no-enter)#toast-container>div.ng-enter,:not(.no-leave)#toast-container>div.ng-leave.ng-leave-active{opacity:0} \ No newline at end of file +@charset "UTF-8";.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-icon{text-align:center;position:absolute;top:15px;left:10px;width:30px;height:30px}.toast-icon .icon{font-size:20px}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-center{top:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-center{bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-center{top:45%}#toast-container{position:fixed;z-index:999999}#toast-container.toast-center,#toast-container.toast-top-center,#toast-container.toast-bottom-center{width:100%;pointer-events:none}#toast-container.toast-center>div,#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{margin:auto;pointer-events:auto}#toast-container.toast-center>button,#toast-container.toast-top-center>button,#toast-container.toast-bottom-center>button{pointer-events:auto}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;position:relative;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-wait{background-image:url("data:image/gif;base64,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") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container>.has-html-icon{background-image:none !important}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info,.toast-wait{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}:not(.no-enter)#toast-container>div.ng-enter,:not(.no-leave)#toast-container>div.ng-leave{-webkit-transition:1000ms cubic-bezier(0.25,0.25,0.75,0.75) all;-moz-transition:1000ms cubic-bezier(0.25,0.25,0.75,0.75) all;-ms-transition:1000ms cubic-bezier(0.25,0.25,0.75,0.75) all;-o-transition:1000ms cubic-bezier(0.25,0.25,0.75,0.75) all;transition:1000ms cubic-bezier(0.25,0.25,0.75,0.75) all}:not(.no-enter)#toast-container>div.ng-enter.ng-enter-active{opacity:.8}:not(.no-leave)#toast-container>div.ng-leave{opacity:.8}:not(.no-leave)#toast-container>div.ng-leave.ng-leave-active{opacity:0}:not(.no-enter)#toast-container>div.ng-enter{opacity:0} diff --git a/toaster.min.js b/toaster.min.js index 9966382..df2ef96 100644 --- a/toaster.min.js +++ b/toaster.min.js @@ -10,4 +10,4 @@ * Author: Jiri Kavulak * Related to project of John Papa, Hans Fjällemark and Nguyễn Thiện Hùng (thienhung1989) */ -!function(t,e){"use strict";angular.module("toaster",[]).constant("toasterConfig",{limit:0,"tap-to-dismiss":!0,"close-button":!1,"close-html":'',"newest-on-top":!0,"time-out":5e3,"icon-classes":{error:"toast-error",info:"toast-info",wait:"toast-wait",success:"toast-success",warning:"toast-warning"},"body-output-type":"","body-template":"toasterBodyTmpl.html","icon-class":"toast-info","position-class":"toast-top-right","title-class":"toast-title","message-class":"toast-message","prevent-duplicates":!1,"mouseover-timer-stop":!0}).run(["$templateCache",function(t){t.put("angularjs-toaster/toast.html",'
{{toaster.title}}
{{toaster.body}}
')}]).service("toaster",["$rootScope","toasterConfig",function(t,e){var o=function(){var t={};return t.newGuid=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){var e=16*Math.random()|0;return("x"==t?e:3&e|8).toString(16)})},t}();this.pop=function(e,s,a,i,n,r,c,l,u,d){if(angular.isObject(e)){var m=e;this.toast={type:m.type,title:m.title,body:m.body,timeout:m.timeout,bodyOutputType:m.bodyOutputType,clickHandler:m.clickHandler,showCloseButton:m.showCloseButton,closeHtml:m.closeHtml,toastId:m.toastId,onShowCallback:m.onShowCallback,onHideCallback:m.onHideCallback,directiveData:m.directiveData,tapToDismiss:m.tapToDismiss},c=m.toasterId}else this.toast={type:e,title:s,body:a,timeout:i,bodyOutputType:n,clickHandler:r,showCloseButton:l,toastId:u,onHideCallback:d};return this.toast.toastId&&this.toast.toastId.length||(this.toast.toastId=o.newGuid()),t.$emit("toaster-newToast",c,this.toast.toastId),{toasterId:c,toastId:this.toast.toastId}},this.clear=function(e,o){angular.isObject(e)?t.$emit("toaster-clearToasts",e.toasterId,e.toastId):t.$emit("toaster-clearToasts",e,o)};for(var s in e["icon-classes"])this[s]=function(t){return function(e,o,s,a,i,n,r,c,l){return angular.isString(e)?this.pop(t,e,o,s,a,i,n,r,c,l):this.pop(angular.extend(e,{type:t}))}}(s)}]).factory("toasterEventRegistry",["$rootScope",function(t){var e,o=null,s=null,a=[],i=[];return e={setup:function(){o||(o=t.$on("toaster-newToast",function(t,e,o){for(var s=0,i=a.length;s=0&&a.splice(e,1),0===a.length&&(o(),o=null)},unsubscribeToClearToastsEvent:function(t){var e=i.indexOf(t);e>=0&&i.splice(e,1),0===i.length&&(s(),s=null)}},{setup:e.setup,subscribeToNewToastEvent:e.subscribeToNewToastEvent,subscribeToClearToastsEvent:e.subscribeToClearToastsEvent,unsubscribeToNewToastEvent:e.unsubscribeToNewToastEvent,unsubscribeToClearToastsEvent:e.unsubscribeToClearToastsEvent}}]).directive("directiveTemplate",["$compile","$injector",function(t,e){return{restrict:"A",scope:{directiveName:"@directiveName",directiveData:"@directiveData"},replace:!0,link:function(o,s,a){o.$watch("directiveName",function(i){if(angular.isUndefined(i)||i.length<=0)throw new Error("A valid directive name must be provided via the toast body argument when using bodyOutputType: directive");var n;try{n=e.get(a.$normalize(i)+"Directive")}catch(t){throw new Error(i+" could not be found. The name should appear as it exists in the markup, not camelCased as it would appear in the directive declaration, e.g. directive-name not directiveName.")}var r=n[0];if(!0!==r.scope&&r.scope)throw new Error("Cannot use a directive with an isolated scope. The scope must be either true or falsy (e.g. false/null/undefined). Occurred for directive "+i+".");if(r.restrict.indexOf("A")<0)throw new Error('Directives must be usable as attributes. Add "A" to the restrict option (or remove the option entirely). Occurred for directive '+i+".");o.directiveData&&(o.directiveData=angular.fromJson(o.directiveData));var c=t("
")(o);s.append(c)})}}}]).directive("toasterContainer",["$parse","$rootScope","$interval","$sce","toasterConfig","toaster","toasterEventRegistry",function(t,e,o,s,a,i,n){return{replace:!0,restrict:"EA",scope:!0,link:function(e,r,c){function l(t,s){t.timeoutPromise=o(function(){e.removeToast(t.toastId)},s,1)}function u(o,a){if(o.type=v["icon-classes"][o.type],o.type||(o.type=v["icon-class"]),!0===v["prevent-duplicates"]&&e.toasters.length){if(e.toasters[e.toasters.length-1].body===o.body)return;var i,n,r=!1;for(i=0,n=e.toasters.length;i0&&e.toasters.length>v.limit&&e.toasters.pop()):(e.toasters.push(o),v.limit>0&&e.toasters.length>v.limit&&e.toasters.shift()),angular.isFunction(o.onShowCallback)&&o.onShowCallback(o)}function d(t){var s=e.toasters[t];s.timeoutPromise&&o.cancel(s.timeoutPromise),e.toasters.splice(t,1),angular.isFunction(s.onHideCallback)&&s.onHideCallback(s)}function m(t){for(var o=e.toasters.length-1;o>=0;o--)p(t)?d(o):e.toasters[o].toastId==t&&d(o)}function p(t){return angular.isUndefined(t)||null===t}var v;v=angular.extend({},a,e.$eval(c.toasterOptions)),e.config={toasterId:v["toaster-id"],position:v["position-class"],title:v["title-class"],message:v["message-class"],tap:v["tap-to-dismiss"],closeButton:v["close-button"],closeHtml:v["close-html"],animation:v["animation-class"],mouseoverTimer:v["mouseover-timer-stop"]},e.$on("$destroy",function(){n.unsubscribeToNewToastEvent(e._onNewToast),n.unsubscribeToClearToastsEvent(e._onClearToasts)}),e.configureTimer=function(t){var e=angular.isNumber(t.timeout)?t.timeout:v["time-out"];"object"==typeof e&&(e=e[t.type]),e>0&&l(t,e)},e.removeToast=function(t){var o,s;for(o=0,s=e.toasters.length;o×',"newest-on-top":!0,"time-out":5e3,"icon-classes":{error:"toast-error",info:"toast-info",wait:"toast-wait",success:"toast-success",warning:"toast-warning"},"body-output-type":"","body-template":"toasterBodyTmpl.html","icon-class":"toast-info","position-class":"toast-top-right","title-class":"toast-title","message-class":"toast-message","prevent-duplicates":!1,"mouseover-timer-stop":!0}).run(["$templateCache",function(t){t.put("angularjs-toaster/toast.html",'
{{toaster.title}}
{{toaster.body}}
')}]).service("toaster",["$rootScope","toasterConfig",function(t,e){var o=function(){var t={};return t.newGuid=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){var e=16*Math.random()|0;return("x"==t?e:3&e|8).toString(16)})},t}();this.pop=function(e,s,a,i,n,r,c,l,u,d,m,p,v){if(angular.isObject(e)){var f=e;this.toast={type:f.type,title:f.title,body:f.body,timeout:f.timeout,bodyOutputType:f.bodyOutputType,clickHandler:f.clickHandler,iconFontClass:f.iconFontClass,iconFontBaseClass:f.iconFontBaseClass,iconTemplate:f.iconTemplate,showCloseButton:f.showCloseButton,closeHtml:f.closeHtml,toastId:f.toastId,onShowCallback:f.onShowCallback,onHideCallback:f.onHideCallback,directiveData:f.directiveData,tapToDismiss:f.tapToDismiss},c=f.toasterId}else this.toast={type:e,title:s,body:a,timeout:i,bodyOutputType:n,clickHandler:r,iconFontClass:m,iconFontBaseClass:p,iconTemplate:v,showCloseButton:l,toastId:u,onHideCallback:d};return this.toast.iconFontClass&&!this.toast.iconFontBaseClass&&(this.toast.iconFontBaseClass="icon"),this.toast.toastId&&this.toast.toastId.length||(this.toast.toastId=o.newGuid()),t.$emit("toaster-newToast",c,this.toast.toastId),{toasterId:c,toastId:this.toast.toastId}},this.clear=function(e,o){angular.isObject(e)?t.$emit("toaster-clearToasts",e.toasterId,e.toastId):t.$emit("toaster-clearToasts",e,o)};for(var s in e["icon-classes"])this[s]=function(t){return function(e,o,s,a,i,n,r,c,l){return angular.isString(e)?this.pop(t,e,o,s,a,i,n,r,c,l):this.pop(angular.extend(e,{type:t}))}}(s)}]).factory("toasterEventRegistry",["$rootScope",function(t){var e,o=null,s=null,a=[],i=[];return e={setup:function(){o||(o=t.$on("toaster-newToast",function(t,e,o){for(var s=0,i=a.length;s=0&&a.splice(e,1),0===a.length&&(o(),o=null)},unsubscribeToClearToastsEvent:function(t){var e=i.indexOf(t);e>=0&&i.splice(e,1),0===i.length&&(s(),s=null)}},{setup:e.setup,subscribeToNewToastEvent:e.subscribeToNewToastEvent,subscribeToClearToastsEvent:e.subscribeToClearToastsEvent,unsubscribeToNewToastEvent:e.unsubscribeToNewToastEvent,unsubscribeToClearToastsEvent:e.unsubscribeToClearToastsEvent}}]).directive("directiveTemplate",["$compile","$injector",function(t,e){return{restrict:"A",scope:{directiveName:"@directiveName",directiveData:"@directiveData"},replace:!0,link:function(o,s,a){o.$watch("directiveName",function(i){if(angular.isUndefined(i)||i.length<=0)throw new Error("A valid directive name must be provided via the toast body argument when using bodyOutputType: directive");var n;try{n=e.get(a.$normalize(i)+"Directive")}catch(t){throw new Error(i+" could not be found. The name should appear as it exists in the markup, not camelCased as it would appear in the directive declaration, e.g. directive-name not directiveName.")}var r=n[0];if(!0!==r.scope&&r.scope)throw new Error("Cannot use a directive with an isolated scope. The scope must be either true or falsy (e.g. false/null/undefined). Occurred for directive "+i+".");if(r.restrict.indexOf("A")<0)throw new Error('Directives must be usable as attributes. Add "A" to the restrict option (or remove the option entirely). Occurred for directive '+i+".");o.directiveData&&(o.directiveData=angular.fromJson(o.directiveData));var c=t("
")(o);s.append(c)})}}}]).directive("toasterContainer",["$parse","$rootScope","$interval","$sce","toasterConfig","toaster","toasterEventRegistry",function(t,e,o,s,a,i,n){return{replace:!0,restrict:"EA",scope:!0,link:function(e,r,c){function l(t,s){t.timeoutPromise=o(function(){e.removeToast(t.toastId)},s,1)}function u(o,a){if(o.type=v["icon-classes"][o.type],o.type||(o.type=v["icon-class"]),!0===v["prevent-duplicates"]&&e.toasters.length){if(e.toasters[e.toasters.length-1].body===o.body)return;var i,n,r=!1;for(i=0,n=e.toasters.length;i0&&e.toasters.length>v.limit&&e.toasters.pop()):(e.toasters.push(o),v.limit>0&&e.toasters.length>v.limit&&e.toasters.shift()),angular.isFunction(o.onShowCallback)&&o.onShowCallback(o)}function d(t){var s=e.toasters[t];s.timeoutPromise&&o.cancel(s.timeoutPromise),e.toasters.splice(t,1),angular.isFunction(s.onHideCallback)&&s.onHideCallback(s)}function m(t){for(var o=e.toasters.length-1;o>=0;o--)p(t)?d(o):e.toasters[o].toastId==t&&d(o)}function p(t){return angular.isUndefined(t)||null===t}var v;v=angular.extend({},a,e.$eval(c.toasterOptions)),e.config={toasterId:v["toaster-id"],position:v["position-class"],title:v["title-class"],message:v["message-class"],tap:v["tap-to-dismiss"],closeButton:v["close-button"],closeHtml:v["close-html"],animation:v["animation-class"],mouseoverTimer:v["mouseover-timer-stop"]},e.$on("$destroy",function(){n.unsubscribeToNewToastEvent(e._onNewToast),n.unsubscribeToClearToastsEvent(e._onClearToasts)}),e.configureTimer=function(t){var e=angular.isNumber(t.timeout)?t.timeout:v["time-out"];"object"==typeof e&&(e=e[t.type]),e>0&&l(t,e)},e.removeToast=function(t){var o,s;for(o=0,s=e.toasters.length;o