nau
8 years ago
6 changed files with 631 additions and 19 deletions
Unified View
Diff Options
-
+4 -3clientGPIO/index.html
-
+200 -0clientGPIO/libraries/toastr.css
-
+415 -0clientGPIO/libraries/toastr.js
-
+0 -1clientGPIO/libraries/toastr.min.css
-
+0 -2clientGPIO/libraries/toastr.min.js
-
+12 -13server.js
@ -0,0 +1,200 @@ |
|||||
|
.toast-title { |
||||
|
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; |
||||
|
} |
||||
|
.toast-close-button { |
||||
|
position: relative; |
||||
|
right: -0.3em; |
||||
|
top: -0.3em; |
||||
|
float: right; |
||||
|
font-size: 20px; |
||||
|
font-weight: bold; |
||||
|
color: #ffffff; |
||||
|
-webkit-text-shadow: 0 1px 0 #ffffff; |
||||
|
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); |
||||
|
} |
||||
|
/*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; |
||||
|
} |
||||
|
.toast-top-center { |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.toast-bottom-center { |
||||
|
bottom: 0; |
||||
|
right: 0; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.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-right { |
||||
|
top: 12px; |
||||
|
right: 12px; |
||||
|
} |
||||
|
.toast-bottom-right { |
||||
|
right: 12px; |
||||
|
bottom: 12px; |
||||
|
} |
||||
|
.toast-bottom-left { |
||||
|
bottom: 12px; |
||||
|
left: 12px; |
||||
|
} |
||||
|
#toast-container { |
||||
|
position: fixed; |
||||
|
z-index: 999999; |
||||
|
/*overrides*/ |
||||
|
|
||||
|
} |
||||
|
#toast-container * { |
||||
|
-moz-box-sizing: border-box; |
||||
|
-webkit-box-sizing: border-box; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
#toast-container > div { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
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-error { |
||||
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; |
||||
|
/*original --> 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; |
||||
|
/*original--> 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-center > div, |
||||
|
#toast-container.toast-bottom-center > div { |
||||
|
width: 300px; |
||||
|
margin: auto; |
||||
|
} |
||||
|
#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 { |
||||
|
background-color: #2f96b4; |
||||
|
} |
||||
|
.toast-warning { |
||||
|
background-color: #f89406; |
||||
|
} |
||||
|
.toast-progress { |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
bottom: 0; |
||||
|
height: 4px; |
||||
|
background-color: #000000; |
||||
|
opacity: 0.4; |
||||
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); |
||||
|
filter: alpha(opacity=40); |
||||
|
} |
||||
|
/*Responsive Design*/ |
||||
|
@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; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,415 @@ |
|||||
|
/* |
||||
|
* Toastr |
||||
|
* Copyright 2012-2015 |
||||
|
* Authors: John Papa, Hans Fjällemark, and Tim Ferrell. |
||||
|
* 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
|
||||
|
* |
||||
|
* ARIA Support: Greta Krafsig |
||||
|
* |
||||
|
* Project: https://github.com/CodeSeven/toastr
|
||||
|
*/ |
||||
|
/* global define */ |
||||
|
; (function (define) { |
||||
|
define(['jquery'], function ($) { |
||||
|
return (function () { |
||||
|
var $container; |
||||
|
var listener; |
||||
|
var toastId = 0; |
||||
|
var toastType = { |
||||
|
error: 'error', |
||||
|
info: 'info', |
||||
|
success: 'success', |
||||
|
warning: 'warning' |
||||
|
}; |
||||
|
|
||||
|
var toastr = { |
||||
|
clear: clear, |
||||
|
remove: remove, |
||||
|
error: error, |
||||
|
getContainer: getContainer, |
||||
|
info: info, |
||||
|
options: {}, |
||||
|
subscribe: subscribe, |
||||
|
success: success, |
||||
|
version: '2.1.1', |
||||
|
warning: warning |
||||
|
}; |
||||
|
|
||||
|
var previousToast; |
||||
|
|
||||
|
return toastr; |
||||
|
|
||||
|
////////////////
|
||||
|
|
||||
|
function error(message, title, optionsOverride) { |
||||
|
return notify({ |
||||
|
type: toastType.error, |
||||
|
iconClass: getOptions().iconClasses.error, |
||||
|
message: message, |
||||
|
optionsOverride: optionsOverride, |
||||
|
title: title |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
function getContainer(options, create) { |
||||
|
if (!options) { options = getOptions(); } |
||||
|
$container = $('#' + options.containerId); |
||||
|
if ($container.length) { |
||||
|
return $container; |
||||
|
} |
||||
|
if (create) { |
||||
|
$container = createContainer(options); |
||||
|
} |
||||
|
return $container; |
||||
|
} |
||||
|
|
||||
|
function info(message, title, optionsOverride) { |
||||
|
return notify({ |
||||
|
type: toastType.info, |
||||
|
iconClass: getOptions().iconClasses.info, |
||||
|
message: message, |
||||
|
optionsOverride: optionsOverride, |
||||
|
title: title |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
function subscribe(callback) { |
||||
|
listener = callback; |
||||
|
} |
||||
|
|
||||
|
function success(message, title, optionsOverride) { |
||||
|
return notify({ |
||||
|
type: toastType.success, |
||||
|
iconClass: getOptions().iconClasses.success, |
||||
|
message: message, |
||||
|
optionsOverride: optionsOverride, |
||||
|
title: title |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
function warning(message, title, optionsOverride) { |
||||
|
return notify({ |
||||
|
type: toastType.warning, |
||||
|
iconClass: getOptions().iconClasses.warning, |
||||
|
message: message, |
||||
|
optionsOverride: optionsOverride, |
||||
|
title: title |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
function clear($toastElement, clearOptions) { |
||||
|
var options = getOptions(); |
||||
|
if (!$container) { getContainer(options); } |
||||
|
if (!clearToast($toastElement, options, clearOptions)) { |
||||
|
clearContainer(options); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function remove($toastElement) { |
||||
|
var options = getOptions(); |
||||
|
if (!$container) { getContainer(options); } |
||||
|
if ($toastElement && $(':focus', $toastElement).length === 0) { |
||||
|
removeToast($toastElement); |
||||
|
return; |
||||
|
} |
||||
|
if ($container.children().length) { |
||||
|
$container.remove(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// internal functions
|
||||
|
|
||||
|
function clearContainer (options) { |
||||
|
var toastsToClear = $container.children(); |
||||
|
for (var i = toastsToClear.length - 1; i >= 0; i--) { |
||||
|
clearToast($(toastsToClear[i]), options); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function clearToast ($toastElement, options, clearOptions) { |
||||
|
var force = clearOptions && clearOptions.force ? clearOptions.force : false; |
||||
|
if ($toastElement && (force || $(':focus', $toastElement).length === 0)) { |
||||
|
$toastElement[options.hideMethod]({ |
||||
|
duration: options.hideDuration, |
||||
|
easing: options.hideEasing, |
||||
|
complete: function () { removeToast($toastElement); } |
||||
|
}); |
||||
|
return true; |
||||
|
} |
||||
|
return false; |
||||
|
} |
||||
|
|
||||
|
function createContainer(options) { |
||||
|
$container = $('<div/>') |
||||
|
.attr('id', options.containerId) |
||||
|
.addClass(options.positionClass) |
||||
|
.attr('aria-live', 'polite') |
||||
|
.attr('role', 'alert'); |
||||
|
|
||||
|
$container.appendTo($(options.target)); |
||||
|
return $container; |
||||
|
} |
||||
|
|
||||
|
function getDefaults() { |
||||
|
return { |
||||
|
tapToDismiss: true, |
||||
|
toastClass: 'toast', |
||||
|
containerId: 'toast-container', |
||||
|
debug: false, |
||||
|
|
||||
|
showMethod: 'fadeIn', //fadeIn, slideDown, and show are built into jQuery
|
||||
|
showDuration: 300, |
||||
|
showEasing: 'swing', //swing and linear are built into jQuery
|
||||
|
onShown: undefined, |
||||
|
hideMethod: 'fadeOut', |
||||
|
hideDuration: 1000, |
||||
|
hideEasing: 'swing', |
||||
|
onHidden: undefined, |
||||
|
|
||||
|
extendedTimeOut: 1000, |
||||
|
iconClasses: { |
||||
|
error: 'toast-error', |
||||
|
info: 'toast-info', |
||||
|
success: 'toast-success', |
||||
|
warning: 'toast-warning' |
||||
|
}, |
||||
|
iconClass: 'toast-info', |
||||
|
positionClass: 'toast-bottom-right', |
||||
|
timeOut: 7000, // Set timeOut and extendedTimeOut to 0 to make it sticky
|
||||
|
titleClass: 'toast-title', |
||||
|
messageClass: 'toast-message', |
||||
|
target: 'body', |
||||
|
closeHtml: '<button type="button">×</button>', |
||||
|
newestOnTop: false, |
||||
|
preventDuplicates: false, |
||||
|
progressBar: false |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
function publish(args) { |
||||
|
if (!listener) { return; } |
||||
|
listener(args); |
||||
|
} |
||||
|
|
||||
|
function notify(map) { |
||||
|
var options = getOptions(); |
||||
|
var iconClass = map.iconClass || options.iconClass; |
||||
|
|
||||
|
if (typeof (map.optionsOverride) !== 'undefined') { |
||||
|
options = $.extend(options, map.optionsOverride); |
||||
|
iconClass = map.optionsOverride.iconClass || iconClass; |
||||
|
} |
||||
|
|
||||
|
if (shouldExit(options, map)) { return; } |
||||
|
|
||||
|
toastId++; |
||||
|
|
||||
|
$container = getContainer(options, true); |
||||
|
|
||||
|
var intervalId = null; |
||||
|
var $toastElement = $('<div/>'); |
||||
|
var $titleElement = $('<div/>'); |
||||
|
var $messageElement = $('<div/>'); |
||||
|
var $progressElement = $('<div/>'); |
||||
|
var $closeElement = $(options.closeHtml); |
||||
|
var progressBar = { |
||||
|
intervalId: null, |
||||
|
hideEta: null, |
||||
|
maxHideTime: null |
||||
|
}; |
||||
|
var response = { |
||||
|
toastId: toastId, |
||||
|
state: 'visible', |
||||
|
startTime: new Date(), |
||||
|
options: options, |
||||
|
map: map |
||||
|
}; |
||||
|
|
||||
|
personalizeToast(); |
||||
|
|
||||
|
displayToast(); |
||||
|
|
||||
|
handleEvents(); |
||||
|
|
||||
|
publish(response); |
||||
|
|
||||
|
if (options.debug && console) { |
||||
|
console.log(response); |
||||
|
} |
||||
|
|
||||
|
return $toastElement; |
||||
|
|
||||
|
function personalizeToast() { |
||||
|
setIcon(); |
||||
|
setTitle(); |
||||
|
setMessage(); |
||||
|
setCloseButton(); |
||||
|
setProgressBar(); |
||||
|
setSequence(); |
||||
|
} |
||||
|
|
||||
|
function handleEvents() { |
||||
|
$toastElement.hover(stickAround, delayedHideToast); |
||||
|
if (!options.onclick && options.tapToDismiss) { |
||||
|
$toastElement.click(hideToast); |
||||
|
} |
||||
|
|
||||
|
if (options.closeButton && $closeElement) { |
||||
|
$closeElement.click(function (event) { |
||||
|
if (event.stopPropagation) { |
||||
|
event.stopPropagation(); |
||||
|
} else if (event.cancelBubble !== undefined && event.cancelBubble !== true) { |
||||
|
event.cancelBubble = true; |
||||
|
} |
||||
|
hideToast(true); |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
if (options.onclick) { |
||||
|
$toastElement.click(function () { |
||||
|
options.onclick(); |
||||
|
hideToast(); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function displayToast() { |
||||
|
$toastElement.hide(); |
||||
|
|
||||
|
$toastElement[options.showMethod]( |
||||
|
{duration: options.showDuration, easing: options.showEasing, complete: options.onShown} |
||||
|
); |
||||
|
|
||||
|
if (options.timeOut > 0) { |
||||
|
intervalId = setTimeout(hideToast, options.timeOut); |
||||
|
progressBar.maxHideTime = parseFloat(options.timeOut); |
||||
|
progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime; |
||||
|
if (options.progressBar) { |
||||
|
progressBar.intervalId = setInterval(updateProgress, 10); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function setIcon() { |
||||
|
if (map.iconClass) { |
||||
|
$toastElement.addClass(options.toastClass).addClass(iconClass); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function setSequence() { |
||||
|
if (options.newestOnTop) { |
||||
|
$container.prepend($toastElement); |
||||
|
} else { |
||||
|
$container.append($toastElement); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function setTitle() { |
||||
|
if (map.title) { |
||||
|
$titleElement.append(map.title).addClass(options.titleClass); |
||||
|
$toastElement.append($titleElement); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function setMessage() { |
||||
|
if (map.message) { |
||||
|
$messageElement.append(map.message).addClass(options.messageClass); |
||||
|
$toastElement.append($messageElement); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function setCloseButton() { |
||||
|
if (options.closeButton) { |
||||
|
$closeElement.addClass('toast-close-button').attr('role', 'button'); |
||||
|
$toastElement.prepend($closeElement); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function setProgressBar() { |
||||
|
if (options.progressBar) { |
||||
|
$progressElement.addClass('toast-progress'); |
||||
|
$toastElement.prepend($progressElement); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function shouldExit(options, map) { |
||||
|
if (options.preventDuplicates) { |
||||
|
if (map.message === previousToast) { |
||||
|
return true; |
||||
|
} else { |
||||
|
previousToast = map.message; |
||||
|
} |
||||
|
} |
||||
|
return false; |
||||
|
} |
||||
|
|
||||
|
function hideToast(override) { |
||||
|
if ($(':focus', $toastElement).length && !override) { |
||||
|
return; |
||||
|
} |
||||
|
clearTimeout(progressBar.intervalId); |
||||
|
return $toastElement[options.hideMethod]({ |
||||
|
duration: options.hideDuration, |
||||
|
easing: options.hideEasing, |
||||
|
complete: function () { |
||||
|
removeToast($toastElement); |
||||
|
if (options.onHidden && response.state !== 'hidden') { |
||||
|
options.onHidden(); |
||||
|
} |
||||
|
response.state = 'hidden'; |
||||
|
response.endTime = new Date(); |
||||
|
publish(response); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
function delayedHideToast() { |
||||
|
if (options.timeOut > 0 || options.extendedTimeOut > 0) { |
||||
|
intervalId = setTimeout(hideToast, options.extendedTimeOut); |
||||
|
progressBar.maxHideTime = parseFloat(options.extendedTimeOut); |
||||
|
progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function stickAround() { |
||||
|
clearTimeout(intervalId); |
||||
|
progressBar.hideEta = 0; |
||||
|
$toastElement.stop(true, true)[options.showMethod]( |
||||
|
{duration: options.showDuration, easing: options.showEasing} |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
function updateProgress() { |
||||
|
var percentage = ((progressBar.hideEta - (new Date().getTime())) / progressBar.maxHideTime) * 100; |
||||
|
$progressElement.width(percentage + '%'); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function getOptions() { |
||||
|
return $.extend({}, getDefaults(), toastr.options); |
||||
|
} |
||||
|
|
||||
|
function removeToast($toastElement) { |
||||
|
if (!$container) { $container = getContainer(); } |
||||
|
if ($toastElement.is(':visible')) { |
||||
|
return; |
||||
|
} |
||||
|
$toastElement.remove(); |
||||
|
$toastElement = null; |
||||
|
if ($container.children().length === 0) { |
||||
|
$container.remove(); |
||||
|
previousToast = undefined; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
})(); |
||||
|
}); |
||||
|
}(typeof define === 'function' && define.amd ? define : function (deps, factory) { |
||||
|
if (typeof module !== 'undefined' && module.exports) { //Node
|
||||
|
module.exports = factory(require('jquery')); |
||||
|
} else { |
||||
|
window['toastr'] = factory(window['jQuery']); |
||||
|
} |
||||
|
})); |
||||
+ 0
- 1
clientGPIO/libraries/toastr.min.css
File diff suppressed because it is too large
View File
@ -1,2 +0,0 @@ |
|||||
!function(e){e(["jquery"],function(e){return function(){function t(e,t,n){return f({type:O.error,iconClass:g().iconClasses.error,message:e,optionsOverride:n,title:t})}function n(t,n){return t||(t=g()),v=e("#"+t.containerId),v.length?v:(n&&(v=c(t)),v)}function i(e,t,n){return f({type:O.info,iconClass:g().iconClasses.info,message:e,optionsOverride:n,title:t})}function o(e){w=e}function s(e,t,n){return f({type:O.success,iconClass:g().iconClasses.success,message:e,optionsOverride:n,title:t})}function a(e,t,n){return f({type:O.warning,iconClass:g().iconClasses.warning,message:e,optionsOverride:n,title:t})}function r(e){var t=g();v||n(t),l(e,t)||u(t)}function d(t){var i=g();return v||n(i),t&&0===e(":focus",t).length?void h(t):void(v.children().length&&v.remove())}function u(t){for(var n=v.children(),i=n.length-1;i>=0;i--)l(e(n[i]),t)}function l(t,n){return t&&0===e(":focus",t).length?(t[n.hideMethod]({duration:n.hideDuration,easing:n.hideEasing,complete:function(){h(t)}}),!0):!1}function c(t){return v=e("<div/>").attr("id",t.containerId).addClass(t.positionClass).attr("aria-live","polite").attr("role","alert"),v.appendTo(e(t.target)),v}function p(){return{tapToDismiss:!0,toastClass:"toast",containerId:"toast-container",debug:!1,showMethod:"fadeIn",showDuration:300,showEasing:"swing",onShown:void 0,hideMethod:"fadeOut",hideDuration:1e3,hideEasing:"swing",onHidden:void 0,extendedTimeOut:1e3,iconClasses:{error:"toast-error",info:"toast-info",success:"toast-success",warning:"toast-warning"},iconClass:"toast-info",positionClass:"toast-top-right",timeOut:5e3,titleClass:"toast-title",messageClass:"toast-message",target:"body",closeHtml:'<button type="button">×</button>',newestOnTop:!0,preventDuplicates:!1,progressBar:!1}}function m(e){w&&w(e)}function f(t){function i(t){return!e(":focus",l).length||t?(clearTimeout(O.intervalId),l[r.hideMethod]({duration:r.hideDuration,easing:r.hideEasing,complete:function(){h(l),r.onHidden&&"hidden"!==b.state&&r.onHidden(),b.state="hidden",b.endTime=new Date,m(b)}})):void 0}function o(){(r.timeOut>0||r.extendedTimeOut>0)&&(u=setTimeout(i,r.extendedTimeOut),O.maxHideTime=parseFloat(r.extendedTimeOut),O.hideEta=(new Date).getTime()+O.maxHideTime)}function s(){clearTimeout(u),O.hideEta=0,l.stop(!0,!0)[r.showMethod]({duration:r.showDuration,easing:r.showEasing})}function a(){var e=(O.hideEta-(new Date).getTime())/O.maxHideTime*100;f.width(e+"%")}var r=g(),d=t.iconClass||r.iconClass;if("undefined"!=typeof t.optionsOverride&&(r=e.extend(r,t.optionsOverride),d=t.optionsOverride.iconClass||d),r.preventDuplicates){if(t.message===C)return;C=t.message}T++,v=n(r,!0);var u=null,l=e("<div/>"),c=e("<div/>"),p=e("<div/>"),f=e("<div/>"),w=e(r.closeHtml),O={intervalId:null,hideEta:null,maxHideTime:null},b={toastId:T,state:"visible",startTime:new Date,options:r,map:t};return t.iconClass&&l.addClass(r.toastClass).addClass(d),t.title&&(c.append(t.title).addClass(r.titleClass),l.append(c)),t.message&&(p.append(t.message).addClass(r.messageClass),l.append(p)),r.closeButton&&(w.addClass("toast-close-button").attr("role","button"),l.prepend(w)),r.progressBar&&(f.addClass("toast-progress"),l.prepend(f)),l.hide(),r.newestOnTop?v.prepend(l):v.append(l),l[r.showMethod]({duration:r.showDuration,easing:r.showEasing,complete:r.onShown}),r.timeOut>0&&(u=setTimeout(i,r.timeOut),O.maxHideTime=parseFloat(r.timeOut),O.hideEta=(new Date).getTime()+O.maxHideTime,r.progressBar&&(O.intervalId=setInterval(a,10))),l.hover(s,o),!r.onclick&&r.tapToDismiss&&l.click(i),r.closeButton&&w&&w.click(function(e){e.stopPropagation?e.stopPropagation():void 0!==e.cancelBubble&&e.cancelBubble!==!0&&(e.cancelBubble=!0),i(!0)}),r.onclick&&l.click(function(){r.onclick(),i()}),m(b),r.debug&&console&&console.log(b),l}function g(){return e.extend({},p(),b.options)}function h(e){v||(v=n()),e.is(":visible")||(e.remove(),e=null,0===v.children().length&&(v.remove(),C=void 0))}var v,w,C,T=0,O={error:"error",info:"info",success:"success",warning:"warning"},b={clear:r,remove:d,error:t,getContainer:n,info:i,options:{},subscribe:o,success:s,version:"2.1.0",warning:a};return b}()})}("function"==typeof define&&define.amd?define:function(e,t){"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):window.toastr=t(window.jQuery)}); |
|
||||
//# sourceMappingURL=toastr.js.map
|
|
||||