|
|
|
@ -7,6 +7,58 @@ $(document).ready(function () {
|
|
|
|
|
$(".alert .close").click(function (e) {
|
|
|
|
|
$(this).parent().fadeOut("slow");
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
if ($("#msg-alert-box").length) {
|
|
|
|
|
$("#msg-alert-box .progress").css("height", "3px");
|
|
|
|
|
$("#msg-alert-box .progress").css("border-radius", "0px 0px .25rem .25rem");
|
|
|
|
|
$("#msg-alert-box .progress-bar").css("transition", "width 0.25s linear");
|
|
|
|
|
var msginteractiontick = 0;
|
|
|
|
|
var fifty = 10;
|
|
|
|
|
var gone = 20;
|
|
|
|
|
|
|
|
|
|
var msgticker = setInterval(function () {
|
|
|
|
|
if ($('#msg-alert-box .alert:hover').length) {
|
|
|
|
|
msginteractiontick = 0;
|
|
|
|
|
} else {
|
|
|
|
|
msginteractiontick++;
|
|
|
|
|
}
|
|
|
|
|
if (msginteractiontick > 0) {
|
|
|
|
|
function setBarWidth(offset) {
|
|
|
|
|
$("#msg-alert-timeout-bar").css("width", (msginteractiontick + offset) / gone * 100 + "%");
|
|
|
|
|
}
|
|
|
|
|
setBarWidth(-1 + .25);
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
setBarWidth(-1 + .5);
|
|
|
|
|
}, 250);
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
setBarWidth(-1 + .75);
|
|
|
|
|
}, 500);
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
setBarWidth(0);
|
|
|
|
|
}, 750);
|
|
|
|
|
} else {
|
|
|
|
|
$("#msg-alert-timeout-bar").css("width", "0%");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (msginteractiontick < fifty) {
|
|
|
|
|
$("#msg-alert-box .alert").css("opacity", "1");
|
|
|
|
|
}
|
|
|
|
|
if (msginteractiontick == fifty) {
|
|
|
|
|
$("#msg-alert-box .alert").fadeTo(1000, 0.5);
|
|
|
|
|
}
|
|
|
|
|
if (msginteractiontick >= gone) {
|
|
|
|
|
$("#msg-alert-box .alert").fadeOut("slow", function () {
|
|
|
|
|
});
|
|
|
|
|
window.clearInterval(msgticker);
|
|
|
|
|
}
|
|
|
|
|
}, 1000 * 1);
|
|
|
|
|
|
|
|
|
|
$("#msg-alert-box").on("mouseenter", function () {
|
|
|
|
|
$("#msg-alert-box .alert").css("opacity", "1");
|
|
|
|
|
msginteractiontick = 0;
|
|
|
|
|
console.log("👈😎👈 zoop");
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|