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