first initial
This commit is contained in:
258
public/assets/js/demo1/pages/components/utils/idle-timer.js
Normal file
258
public/assets/js/demo1/pages/components/utils/idle-timer.js
Normal file
@@ -0,0 +1,258 @@
|
||||
"use strict";
|
||||
|
||||
var KTIdleTimerDemo = function() {
|
||||
|
||||
var demo1 = function() {
|
||||
//Define default
|
||||
var
|
||||
docTimeout = 5000;
|
||||
|
||||
/*
|
||||
Handle raised idle/active events
|
||||
*/
|
||||
$(document).on("idle.idleTimer", function(event, elem, obj) {
|
||||
$("#docStatus")
|
||||
.val(function(i, v) {
|
||||
return v + "Idle @ " + moment().format() + " \n";
|
||||
})
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning")
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
});
|
||||
$(document).on("active.idleTimer", function(event, elem, obj, e) {
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Active [" + e.type + "] [" + e.target.nodeName + "] @ " + moment().format() + " \n";
|
||||
})
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning")
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
});
|
||||
|
||||
/*
|
||||
Handle button events
|
||||
*/
|
||||
$("#btPause").click(function() {
|
||||
$(document).idleTimer("pause");
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Paused @ " + moment().format() + " \n";
|
||||
})
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btResume").click(function() {
|
||||
$(document).idleTimer("resume");
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Resumed @ " + moment().format() + " \n";
|
||||
})
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btElapsed").click(function() {
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Elapsed (since becoming active): " + $(document).idleTimer("getElapsedTime") + " \n";
|
||||
})
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btDestroy").click(function() {
|
||||
$(document).idleTimer("destroy");
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Destroyed: @ " + moment().format() + " \n";
|
||||
})
|
||||
.removeClass("alert-success")
|
||||
.removeClass("alert-warning")
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btInit").click(function() {
|
||||
// for demo purposes show init with just object
|
||||
$(document).idleTimer({
|
||||
timeout: docTimeout
|
||||
});
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Init: @ " + moment().format() + " \n";
|
||||
})
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
|
||||
//Apply classes for default state
|
||||
if ($(document).idleTimer("isIdle")) {
|
||||
$('#docStatus')
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning");
|
||||
} else {
|
||||
$('#docStatus')
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning");
|
||||
}
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
|
||||
//Clear old statuses
|
||||
$('#docStatus').val('');
|
||||
|
||||
//Start timeout, passing no options
|
||||
//Same as $.idleTimer(docTimeout, docOptions);
|
||||
$(document).idleTimer(docTimeout);
|
||||
|
||||
//For demo purposes, style based on initial state
|
||||
if ($(document).idleTimer("isIdle")) {
|
||||
$("#docStatus")
|
||||
.val(function(i, v) {
|
||||
return v + "Initial Idle State @ " + moment().format() + " \n";
|
||||
})
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning")
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
} else {
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Initial Active State @ " + moment().format() + " \n";
|
||||
})
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning")
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
}
|
||||
|
||||
|
||||
//For demo purposes, display the actual timeout on the page
|
||||
$('#docTimeout').text(docTimeout / 1000);
|
||||
|
||||
}
|
||||
|
||||
var demo2 = function() {
|
||||
//Define textarea settings
|
||||
var
|
||||
taTimeout = 3000;
|
||||
|
||||
/*
|
||||
Handle raised idle/active events
|
||||
*/
|
||||
$('#elStatus').on("idle.idleTimer", function(event, elem, obj) {
|
||||
//If you dont stop propagation it will bubble up to document event handler
|
||||
event.stopPropagation();
|
||||
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Idle @ " + moment().format() + " \n";
|
||||
})
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning")
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
|
||||
});
|
||||
$('#elStatus').on("active.idleTimer", function(event) {
|
||||
//If you dont stop propagation it will bubble up to document event handler
|
||||
event.stopPropagation();
|
||||
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Active @ " + moment().format() + " \n";
|
||||
})
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning")
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
});
|
||||
|
||||
/*
|
||||
Handle button events
|
||||
*/
|
||||
$("#btReset").click(function() {
|
||||
$('#elStatus')
|
||||
.idleTimer("reset")
|
||||
.val(function(i, v) {
|
||||
return v + "Reset @ " + moment().format() + " \n";
|
||||
})
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
|
||||
//Apply classes for default state
|
||||
if ($("#elStatus").idleTimer("isIdle")) {
|
||||
$('#elStatus')
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning");
|
||||
} else {
|
||||
$('#elStatus')
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning");
|
||||
}
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btRemaining").click(function() {
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Remaining: " + $("#elStatus").idleTimer("getRemainingTime") + " \n";
|
||||
})
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btLastActive").click(function() {
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "LastActive: " + $("#elStatus").idleTimer("getLastActiveTime") + " \n";
|
||||
})
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btState").click(function() {
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "State: " + ($("#elStatus").idleTimer("isIdle") ? "idle" : "active") + " \n";
|
||||
})
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
|
||||
//Clear value if there was one cached & start time
|
||||
$('#elStatus').val('').idleTimer(taTimeout);
|
||||
|
||||
//For demo purposes, show initial state
|
||||
if ($("#elStatus").idleTimer("isIdle")) {
|
||||
$("#elStatus")
|
||||
.val(function(i, v) {
|
||||
return v + "Initial Idle @ " + moment().format() + " \n";
|
||||
})
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning")
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
} else {
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Initial Active @ " + moment().format() + " \n";
|
||||
})
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning")
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
}
|
||||
|
||||
// Display the actual timeout on the page
|
||||
$('#elTimeout').text(taTimeout / 1000);
|
||||
|
||||
}
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTIdleTimerDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/utils/idle-timer.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/utils/idle-timer.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTIdleTimerDemo={init:function(){$(document).on("idle.idleTimer",function(t,e,l){$("#docStatus").val(function(t,e){return e+"Idle @ "+moment().format()+" \n"}).removeClass("alert-success").addClass("alert-warning").scrollTop($("#docStatus")[0].scrollHeight)}),$(document).on("active.idleTimer",function(t,e,l,s){$("#docStatus").val(function(t,e){return e+"Active ["+s.type+"] ["+s.target.nodeName+"] @ "+moment().format()+" \n"}).addClass("alert-success").removeClass("alert-warning").scrollTop($("#docStatus")[0].scrollHeight)}),$("#btPause").click(function(){return $(document).idleTimer("pause"),$("#docStatus").val(function(t,e){return e+"Paused @ "+moment().format()+" \n"}).scrollTop($("#docStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btResume").click(function(){return $(document).idleTimer("resume"),$("#docStatus").val(function(t,e){return e+"Resumed @ "+moment().format()+" \n"}).scrollTop($("#docStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btElapsed").click(function(){return $("#docStatus").val(function(t,e){return e+"Elapsed (since becoming active): "+$(document).idleTimer("getElapsedTime")+" \n"}).scrollTop($("#docStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btDestroy").click(function(){return $(document).idleTimer("destroy"),$("#docStatus").val(function(t,e){return e+"Destroyed: @ "+moment().format()+" \n"}).removeClass("alert-success").removeClass("alert-warning").scrollTop($("#docStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btInit").click(function(){return $(document).idleTimer({timeout:5e3}),$("#docStatus").val(function(t,e){return e+"Init: @ "+moment().format()+" \n"}).scrollTop($("#docStatus")[0].scrollHeight),$(document).idleTimer("isIdle")?$("#docStatus").removeClass("alert-success").addClass("alert-warning"):$("#docStatus").addClass("alert-success").removeClass("alert-warning"),$(this).blur(),!1}),$("#docStatus").val(""),$(document).idleTimer(5e3),$(document).idleTimer("isIdle")?$("#docStatus").val(function(t,e){return e+"Initial Idle State @ "+moment().format()+" \n"}).removeClass("alert-success").addClass("alert-warning").scrollTop($("#docStatus")[0].scrollHeight):$("#docStatus").val(function(t,e){return e+"Initial Active State @ "+moment().format()+" \n"}).addClass("alert-success").removeClass("alert-warning").scrollTop($("#docStatus")[0].scrollHeight),$("#docTimeout").text(5),$("#elStatus").on("idle.idleTimer",function(t,e,l){t.stopPropagation(),$("#elStatus").val(function(t,e){return e+"Idle @ "+moment().format()+" \n"}).removeClass("alert-success").addClass("alert-warning").scrollTop($("#elStatus")[0].scrollHeight)}),$("#elStatus").on("active.idleTimer",function(t){t.stopPropagation(),$("#elStatus").val(function(t,e){return e+"Active @ "+moment().format()+" \n"}).addClass("alert-success").removeClass("alert-warning").scrollTop($("#elStatus")[0].scrollHeight)}),$("#btReset").click(function(){return $("#elStatus").idleTimer("reset").val(function(t,e){return e+"Reset @ "+moment().format()+" \n"}).scrollTop($("#elStatus")[0].scrollHeight),$("#elStatus").idleTimer("isIdle")?$("#elStatus").removeClass("alert-success").addClass("alert-warning"):$("#elStatus").addClass("alert-success").removeClass("alert-warning"),$(this).blur(),!1}),$("#btRemaining").click(function(){return $("#elStatus").val(function(t,e){return e+"Remaining: "+$("#elStatus").idleTimer("getRemainingTime")+" \n"}).scrollTop($("#elStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btLastActive").click(function(){return $("#elStatus").val(function(t,e){return e+"LastActive: "+$("#elStatus").idleTimer("getLastActiveTime")+" \n"}).scrollTop($("#elStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btState").click(function(){return $("#elStatus").val(function(t,e){return e+"State: "+($("#elStatus").idleTimer("isIdle")?"idle":"active")+" \n"}).scrollTop($("#elStatus")[0].scrollHeight),$(this).blur(),!1}),$("#elStatus").val("").idleTimer(3e3),$("#elStatus").idleTimer("isIdle")?$("#elStatus").val(function(t,e){return e+"Initial Idle @ "+moment().format()+" \n"}).removeClass("alert-success").addClass("alert-warning").scrollTop($("#elStatus")[0].scrollHeight):$("#elStatus").val(function(t,e){return e+"Initial Active @ "+moment().format()+" \n"}).addClass("alert-success").removeClass("alert-warning").scrollTop($("#elStatus")[0].scrollHeight),$("#elTimeout").text(3)}};jQuery(document).ready(function(){KTIdleTimerDemo.init()});
|
||||
@@ -0,0 +1,31 @@
|
||||
"use strict";
|
||||
|
||||
var KTSessionTimeoutDemo = function () {
|
||||
|
||||
var initDemo = function () {
|
||||
$.sessionTimeout({
|
||||
title: 'Session Timeout Notification',
|
||||
message: 'Your session is about to expire.',
|
||||
keepAliveUrl: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/session-timeout/keepalive.php',
|
||||
redirUrl: '?p=page_user_lock_1',
|
||||
logoutUrl: '?p=page_user_login_1',
|
||||
warnAfter: 3000, //warn after 5 seconds
|
||||
redirAfter: 35000, //redirect after 10 secons,
|
||||
ignoreUserActivity: true,
|
||||
countdownMessage: 'Redirecting in {timer} seconds.',
|
||||
countdownBar: true
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function () {
|
||||
initDemo();
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTSessionTimeoutDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/utils/session-timeout.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/utils/session-timeout.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTSessionTimeoutDemo={init:function(){$.sessionTimeout({title:"Session Timeout Notification",message:"Your session is about to expire.",keepAliveUrl:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/session-timeout/keepalive.php",redirUrl:"?p=page_user_lock_1",logoutUrl:"?p=page_user_login_1",warnAfter:3e3,redirAfter:35e3,ignoreUserActivity:!0,countdownMessage:"Redirecting in {timer} seconds.",countdownBar:!0})}};jQuery(document).ready(function(){KTSessionTimeoutDemo.init()});
|
||||
Reference in New Issue
Block a user