{script src="content/vendors/jquery/thickbox/thickbox.js"}
{link href="content/vendors/jquery/thickbox/thickbox.css" }
<link rel="stylesheet" type="text/css" href="content/vendors/jquery/thickbox/thickbox.css">
<script type="text/javascript">
{literal}
var timerLogout;
var timerLogoutActive = true;
var logoutCountdown = 60;
var logoutCountdownInterval = null;
function autoLogoutPopup()
{
if (timerLogoutActive)
{
logoutCountdown = 60;
$('#spanLogoutCountdown').html(logoutCountdown--);
tb_show("Session expires", "#TB_inline?height=140&width=400&inlineId=divAutoLogout&modal=true");
logoutCountdownInterval = setInterval("autoLogoutCountdown()", 1000);
clearTimeout(timerLogout);
}
}
function autoLogoutCountdown()
{
$('#spanLogoutCountdown').html(logoutCountdown--);
if (logoutCountdown==-1) logOut();
}
function logOut()
{
$.post(site_ajax_url_admin+'/login.php', {
'action': 'logout'
}, function(){
// redirect the user to login page
window.location = site_ajax_url_admin+'/login.php';
});
}
function setLogoutTimeout()
{
if (timerLogoutActive)
{
timerLogout = setTimeout("autoLogoutPopup()", 14*60*1000);
}
}
function resetLogoutTimeout()
{
clearTimeout(timerLogout);
setLogoutTimeout();
}
function confirmLogout()
{
if (confirm("Do you really want to logout?"))
{
logOut();
}
}
$(document).ready(function(){
$("#buttonAutoLogoutNow").click(function(){
logOut();
});
$("#buttonAutoLogoutCancel").click(function(){
clearInterval(logoutCountdownInterval);
resetLogoutTimeout();
tb_remove();
});
$("body").click(resetLogoutTimeout);
$("body").scroll(resetLogoutTimeout);
$("body").keypress(resetLogoutTimeout);
$("body").mousemove(resetLogoutTimeout);
resetLogoutTimeout();
//reset server session every 10 minutes
setInterval("$.getJSON('"+site_ajax_url_admin+"/admin.php?chart=1', function(){});", 60 * 10 * 1000);
});
{/literal}
</script>
<div id="divAutoLogout" class="hidden" style="display:none; width:100%;">
<div style="width:100%;">
<div style="text-align:center;font-size:18px;padding:20px;font-weight:bold;color:black;">Your session expires in <span id="spanLogoutCountdown">xx</span> seconds</div>
<div style="text-align:center;padding:15px;">
<input type="button" id="buttonAutoLogoutNow" value="Logout now"/> &nbsp;
<input type="button" id="buttonAutoLogoutCancel" value="Keep me logged in"/>
</div>
</div>
</div>