Radarr/NzbDrone.Web/Scripts/NzbDrone/Notification.js

160 lines
4.8 KiB
JavaScript
Raw Normal View History

2011-08-08 21:50:48 +00:00

(function ($) {
$.extend($.gritter.options, {
fade_in_speed: 'medium', // how fast notifications fade in (string or int)
fade_out_speed: 'medium', // how fast the notices fade out
2011-12-04 00:01:00 +00:00
time: 4000, // hang on the screen for...
2011-08-08 21:50:48 +00:00
sticky: false
});
$.ajaxPrefilter(function (options, originalOptions, jqXHR) {
jqXHR.success(function (data) {
if (data.NotificationType === 0) {
$.gritter.add({
title: data.Title,
text: data.Text,
image: '../../content/images/success.png',
class_name: 'gritter-success'
});
2011-08-08 21:50:48 +00:00
}
else if (data.NotificationType === 1) {
$.gritter.add({
title: data.Title,
text: data.Text,
image: '../../content/images/error.png',
class_name: 'gritter-fail',
time: 10000
});
}
2011-08-08 21:50:48 +00:00
});
jqXHR.error(function (xhr, textStatus, thrownError) {
2011-08-08 21:50:48 +00:00
//ignore notification errors.
if (this.url.indexOf("/notification/Comet") === 0 || this.url.indexOf("/Health/Index") === 0 || this.url.indexOf("/signalr") === 0)
return;
alert("Status: " + textStatus + ", Error: " + thrownError);
$.gritter.add({
title: 'Request failed',
text: this.url,
image: '../../content/images/error.png',
class_name: 'gritter-fail',
time: 10000
});
2011-08-08 21:50:48 +00:00
});
});
} (jQuery));
$(window).load(function () {
var speed = 700;
2011-04-24 05:48:12 +00:00
var isShown = false;
var currentMessage = "";
2011-07-11 06:51:13 +00:00
//workaround for the infinite browser load in chrome
if ($.browser.webkit) {
$.doTimeout(1000, refreshNotifications);
}
else {
refreshNotifications();
}
2011-08-08 21:50:48 +00:00
2010-10-18 06:06:16 +00:00
function refreshNotifications() {
$.ajax({
url: '/notification/Comet',
data: { message: currentMessage },
success: function (data) {
notificationCallback(data);
},
error: function () {
$.doTimeout(5000, refreshNotifications);
}
});
2010-10-18 06:06:16 +00:00
}
2010-10-12 02:49:27 +00:00
2010-10-18 06:06:16 +00:00
function notificationCallback(data) {
currentMessage = data;
2010-10-12 02:49:27 +00:00
2010-10-18 06:06:16 +00:00
if (data === "") {
closeMsg();
2010-10-12 02:49:27 +00:00
}
2010-10-18 06:06:16 +00:00
else {
displayMsg(data);
2010-10-12 02:49:27 +00:00
}
refreshNotifications();
2010-10-18 06:06:16 +00:00
}
2010-10-12 02:49:27 +00:00
2010-10-18 06:06:16 +00:00
//SetupNotifications();
function displayMsg(sMsg) {
2010-10-18 06:06:16 +00:00
//set the message text
$("#msgText").showHtml(sMsg, 150);
2011-04-24 05:48:12 +00:00
if (!isShown) {
$('#msgBox').show("slide", { direction: "right" }, speed / 2);
2011-04-24 05:48:12 +00:00
}
isShown = true;
2010-10-18 06:06:16 +00:00
}
2010-10-12 02:49:27 +00:00
function closeMsg() {
2011-07-02 17:41:10 +00:00
//hide the message
if (isShown) {
$('#msgBox').hide("slide", { direction: "right" }, speed);
isShown = false;
}
2010-10-18 06:06:16 +00:00
}
});
2010-10-12 02:49:27 +00:00
2011-04-24 05:48:12 +00:00
// Animates the dimensional changes resulting from altering element contents
// Usage examples:
// $("#myElement").showHtml("new HTML contents");
// $("div").showHtml("new HTML contents", 400);
// $(".className").showHtml("new HTML contents", 400,
// function() {/* on completion */});
(function ($) {
$.fn.showHtml = function (html, speed, callback) {
return this.each(function () {
// The element to be modified
var el = $(this);
// Preserve the original values of width and height - they'll need
// to be modified during the animation, but can be restored once
// the animation has completed.
2011-07-02 19:22:17 +00:00
var finish = { width: 'auto', height: 'auto' };
2011-04-24 05:48:12 +00:00
// The original width and height represented as pixel values.
// These will only be the same as `finish` if this element had its
// dimensions specified explicitly and in pixels. Of course, if that
// was done then this entire routine is pointless, as the dimensions
// won't change when the content is changed.
var cur = { width: el.width() + 'px', height: el.height() + 'px' };
// Modify the element's contents. Element will resize.
el.html(html);
// Capture the final dimensions of the element
// (with initial style settings still in effect)
var next = { width: el.width() + 'px', height: el.height() + 'px' };
el.css(cur) // restore initial dimensions
.animate(next, speed, function () // animate to final dimensions
{
el.css(finish); // restore initial style settings
if ($.isFunction(callback)) callback();
});
});
};
})(jQuery);