timeout-dialog

Yii Framework Extensions

Popular Tags

timeout-dialog Displays a timeout popover after a certain period of time.

Requirements
Usage
Resources

Timeout-dialog is a JQuery plugin that displays a timeout popover after a certain period of time. The timeout dialog should be used whenever you want to display to the user that the logged in session is about to expire. It creates a light box with a countdown and options to stay signed in or sign out.

Requirements ¶

Yii 1.1.x, jQuery.ui core script

Usage ¶

In your layout view:

<?php
    $this->widget('ext.timeout-dialog.ETimeoutDialog', array(
        // Get timeout settings from session settings.
        'timeout' => Yii::app()->getSession()->getTimeout(),
        // Uncomment to test.
        // Dialog should appear 20 sec after page load.
        //'timeout' => 80,
        'keep_alive_url' => $this->createUrl('/site/keepalive'),
        'logout_redirect_url' => $this->createUrl('/site/logout'),
    ));
?>

In your SiteController:

/**
 * Keep the session alive, called by timeout-dialog.
 */
public function actionKeepAlive()
{
    echo 'OK';
    Yii::app()->end();
}

Resources ¶

Credit ¶

timeout-dialog.js was developed by rigoneri.

Version History ¶

1.2 — 2013-02-27
- Fix for Yii 1.1.13 jQuery UI update.
1.1 — 2012-08-03
- Make the widget inherit from CJuiWidget class for better integration.
- Fixes and updates to CSS.
1.0 — 2012-07-05
- Initial release.

14 0

27 followers

1 719 downloads

Yii Version: 1.1

License: MIT

Category: User Interface

Tags: dialog, session, timeout

Developed by: ianaré

Created on: Jul 5, 2012

Last updated: 11 years ago

Downloads

show all

Related Extensions

User Contributed Notes 9

#8894

0 0

Cool

thanks very much for sharing!
=))

Junior - df9 at Jul 6, 2012, 11:15:35 AM

#8910

0 0

Link to session expired?

Nice extension.

Could you help me on link this with yii built in session expired?

what should I put in here ???

<?php

$this->widget('ext.timeout-dialog.ETimeoutDialog', array(
    'timeout' => ???,
    'keep_alive_url' => $this->createUrl('/site/keepalive'),
    'logout_redirect_url' => $this->createUrl('/site/logout'),
));

Cheers

Daniel at Jul 6, 2012, 11:23:04 PM

#14381

0 0

$.trim(data)

I was forced to add data = $.trim(data) on:

keepAlive: function() {
        var self = this;
        this.destroyDialog();
        $.get(settings.keep_alive_url, function(data) {
		data = $.trim(data);
          if (data == "OK") {
            if (settings.restart_on_yes) {
              self.setupDialogTimer();
            }
          }
          else {
            self.signOut(false);
          }
        });
      },

when using:

public function actionKeepAlive()
{
	echo 'OK';	
    Yii::app()->end();
}

speaki at Aug 7, 2013, 2:17:05 PM

#14390

0 0

timeout

should timeout not contain of both:

Yii::app()->user->authTimeout
Yii::app()->getSession()->getTimeout()

Like:

$timeout = Yii::app()->user->authTimeout > Yii::app()->getSession()->getTimeout() ? Yii::app()->getSession()->getTimeout() : Yii::app()->user->authTimeout;

speaki at Aug 8, 2013, 7:44:03 AM

#14453

0 0

settings.restarted

i dont know but i cant get this to work whitout adding settings.restarted and move window.clearInterval(self.countdown);

Like:

startCountdown: function() {
        var self = this,
            counter = settings.countdown;
			settings.restarted = true;

        this.countdown = window.setInterval(function() {
          counter -= 1;
		  counterDisplay = counter + ' sekunder';
		  if(counter>60){ counterDisplay = Math.round(counter/60) + ' minuter'; }
		  
          $("#timeout-countdown").html(counterDisplay);


          if (counter <= 0 && settings.restarted) {
           self.signOut(false);
          }

        }, 1000);
      },

      keepAlive: function() {
        var self = this;
        this.destroyDialog();
        $.get(settings.keep_alive_url, function(data) {
		data = $.trim(data);
          if (data == "OK") {
            if (settings.restart_on_yes) {
				settings.restarted = false;
				window.clearInterval(self.countdown);
            	self.setupDialogTimer();
            }
          }
          else {
            self.signOut(false);
          }
        });
      },

otherwise it will logout even if i have klicked "Keep me logged in"

speaki at Aug 13, 2013, 4:42:13 AM

#15640

0 0

many open tabs can automatically logout the session

Thank you for great extension.

I am using this extension on all of my projects. However, being web based, I sometimes utilize browser tab for user to get information on some places. User can open different information on different tabs.

Some of my users reported that when opening the app on more than one tab (at least two tabs), they occasionally logged out and need to re-login to continue their works. It should not reached the time out since they were still working (entrying data or just clicking some buttons). While, it did not happen to user that only open the app in one tab.

Can you help me with this?

Cheers,

Daniel

Daniel at Dec 3, 2013, 4:41:37 AM

#18304

0 0

Too early session timeout

Please note that PHP has a garbage collection setting in php.ini that is default to 1440 at least Linux Mint and Ubuntu (session.gc_maxlifetime=1440). That means that a session times out after 24 minutes/1440 seconds, even if you have set a longer session timeout in your Yii application.

Paul G. at Oct 14, 2014, 9:13:59 AM

#18741

0 0

ext.timeout-dialog.ETimeoutDialog FOR YII2

Please share updated version of timeout dialog for Yii2, because old one is not working with Yii2.

mscharan at Dec 23, 2014, 6:30:23 AM

#19032

0 0

to make it work on multiple tabs

Can we change how the timer work by make it work only when the tab is in focus. If user leave the focus or open another tab, this counter will be stopped. Or add checking when the javascript timer reach 0, and the tab is not active then, just automatically keep login?

anyone can help?

Daniel at Feb 28, 2015, 3:24:06 AM

Categories