Question

Basically I’m looking for a solution where a user is notified five minutes before the session expires.

The ideal solution will be count down notification that will have an option to renew the session.

If the countdown timer expires without the user refreshing the page, I need to log them out.

Answer 1

Added this script in view:
`

if(isSessionAlive >0)
{
    var timer = {
        time: 0,
        now: function(){ return (new Date()).getTime(); },
        start: function(){ this.time = this.now(); },
        since: function(){ return this.now()-this.time; }
    }
    var timerId;
    sess_expiration    = <?=($this->config->config["sess_expiration"]*1000)?>;
    alertTime    = <?=($this->config->config["sess_time_to_alert"])?>;
    timerId        = window.setTimeout("pingCI()",sess_expiration-((alertTime*1000)));
    jsBaseurl  =  "<?=($this->config->config["base_url"])?>";

}
function resetTimer(resetTime)
{
    //alert('RESET Time'+resetTime);
    window.clearTimeout(timerId);
    timerId = window.setTimeout("pingCI()", resetTime);
    return;
}
function pingCI()
{
    if(isSessionAlive > 0)
    {
            $.ajax({
                type: "POST",
                url: "<?= site_url('users/getSessionTimeLeft') ?>/",
                data: "sessid=<?=$this->session->userdata("session_id")?>",
                success: function(transport) 
                {
                    response = transport;

                    if(response=='')
                    {
                        parent.location.assign(jsBaseurl+'users/logout');
                    }
                    else if((response<=(alertTime*1000)) ||  (response-1000<=(alertTime*1000)))
                    {
                        alertSessionTimeOut(response);
                    }
                    else
                    {
                        resetTime = eval((response - alertTime)*1000);
                        resetTimer(resetTime);
                    }
                } 
            });
    }
}
function alertSessionTimeOut(alertTimeExp)
{
    if(isSessionAlive>0)
    {
        var response='';
        var timerIdEnd;

        timerAlert = window.setTimeout("forceLogout()",alertTimeExp*1000);
        timer.start(); // start counting my friend...


        fConfirm = confirm('Your Session is about to time out. Please click OK to continue the session');
        if(timer.since() >= (alertTime*1000))
        {
            parent.location.assign(jsBaseurl+'users/logout');
        }
        if(fConfirm ==true)
        {
                $.ajax({
                    type: "POST",
                    url: "<?= site_url('users/keepAlive') ?>/",
                    data: "sessid=<?=$this->session->userdata("session_id")?>",
                    success: function(transport) 
                    {
                        response = transport;
                        if(response=='')
                        {
                            parent.location.assign(jsBaseurl+'users/logout');
                        }
                        window.clearTimeout(timerAlert);
                        resetTimer(sess_expiration-((alertTime)*1000));
                    }
                });
        }
        else
        {
            //parent.location.assign(jsBaseurl+'users/logout');
            window.clearTimeout(timerAlert);
            window.clearTimeout(timerId);

        }
    }
}

function forceLogout()
{
    parent.location.assign(jsBaseurl+'users/logout');
} 

And in Users Controller:

   function getSessionTimeLeft()
   {
    $ci = & get_instance();
    $SessTimeLeft    = 0;
    $SessExpTime     = $ci->config->config["sess_expiration"];
    $CurrTime        = time();
    $lastActivity = $this->session->userdata['last_activity'];
    $SessTimeLeft = ($SessExpTime - ($CurrTime - $lastActivity))*1000;
    print $SessTimeLeft;
}

function keepAlive()
{
    $this->load->library('session');
    $this->session->set_userdata(array('last_activity'=>time()));
    if(isset($this->session->userdata["user_id"])) print 'ALIVE';
    else print  '';
} 

`