| Server IP : 150.95.80.236 / Your IP : 3.143.241.133 Web Server : Apache System : Linux host-150-95-80-236 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 User : social-telecare ( 10000) PHP Version : 7.4.33 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/pcu.in.th/uat.pcu.in.th/demo15/src/plugins/bootstrap-session-timeout/examples/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap-session-timeout - Countdown Timer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1>Bootstrap-session-timeout</h1>
<h2>Custom Callback</h2>
<hr>
<p>Shows an example of using custom callback functions for warning and redirect.</p>
<div class="jumbotron" style="background: #398439;">
<h3>Session Status:</h3>
<p class="hidden" id="fine">Session is fine.</p>
<p class="hidden" id="warn">Warning: session will expire in less than 17 seconds.</p>
</div>
<pre>
$.sessionTimeout({
keepAliveUrl: 'keep-alive.html',
logoutUrl: 'login.html',
warnAfter: 3000,
redirAfter: 20000,
onStart: function () {
$('.jumbotron').css('background', '#398439').find('p').addClass('hidden');
$('#fine').removeClass('hidden')
},
onWarn: function () {
$('.jumbotron').css('background', '#b92c28').find('p').addClass('hidden');
$('#warn').removeClass('hidden')
},
onRedir: function (opt) {
window.location = opt.logoutUrl;
}
});
</pre>
<a class="btn btn-primary" href="../index.html" role="button">Back to Demo Index</a>
</div>
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../dist/bootstrap-session-timeout.js"></script>
<script>
$.sessionTimeout({
keepAliveUrl: 'keep-alive.html',
logoutUrl: 'login.html',
warnAfter: 3000,
redirAfter: 20000,
onStart: function () {
$('.jumbotron').css('background', '#398439').find('p').addClass('hidden');
$('#fine').removeClass('hidden');
},
onWarn: function () {
$('.jumbotron').css('background', '#b92c28').find('p').addClass('hidden');
$('#warn').removeClass('hidden');
},
onRedir: function (opt) {
window.location = opt.logoutUrl;
}
});
</script>
</body>
</html>