Web Producer - Singer - Photography - MBHNYC http://www.matthewhensrud.net Mon, 05 Jul 2010 19:29:32 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 On detecting idle states in Flex 4 http://feedproxy.google.com/~r/mbhnyc/~3/RgqrLNBsSBM/ http://www.matthewhensrud.net/2010/flex/on-detecting-idle-states-in-flex-4/#comments Mon, 05 Jul 2010 16:37:59 +0000 mhensrud http://www.matthewhensrud.net/?p=90 So I’m building a B2B dashboard in Flex, and thought I’d write up a quick post on a problem I didn’t see many online solutions for – well, there are solutions, but they all reference weaksauce flex 2, so I thought I’d go all new and shiny and post this working flex 4 example.

The problem is simple: How do I detect an Idle user, turn off all timed network requests, and — eventually — log off users silly enough to walk away from my interface?


An idle user

Example: situation this code is meant to save my application from.

So Here’s a somewhat disjointed code sample. This isn’t a working application, and is missing a few helper functions, and, uh, any interactivity whatsoever – but should get anyone where they need to go.

Tada:

  1.  
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  4.       xmlns:s="library://ns.adobe.com/flex/spark"
  5.       xmlns:mx="library://ns.adobe.com/flex/mx"
  6.       mouseMove="application_mouseMoveHandler(event)">
  7.  <fx:Script>
  8.   <![CDATA[
  9.  
  10.    public var idleCounter:int;
  11.    public var sysMan:ISystemManager;
  12.    public var secondsSinceIdle:int = 0;
  13.  
  14.    //create your timer objects to do, you know, stuff. Below, a function called timer_short
  15.  
  16.    //this is my function for handling grabbing a user after a successful login
  17.    protected function getUserByIDResult_resultHandler(event:ResultEvent):void
  18.    {
  19.     sysMan = FlexGlobals.topLevelApplication.systemManager;
  20.     sysMan.addEventListener(FlexEvent.IDLE, userIdle);
  21.     session.user = event.result as User;
  22.     timer.addEventListener(TimerEvent.TIMER, timer_short);
  23.     timer.start();
  24.     currentState='Main';
  25.    }
  26.  
  27.    private function userIdle(e:FlexEvent):void {
  28.     idleCounter++;
  29.     trace(idleCounter);
  30.     if (idleCounter > 100) {
  31.      secondsSinceIdle += 10;
  32.      idleCounter = 0;
  33.      if (secondsSinceIdle > 60) {
  34.       trace("idle longer than 1 minute");
  35.       if (timer.hasEventListener(TimerEvent.TIMER)) {
  36.        timer.removeEventListener(TimerEvent.TIMER, timer_short);
  37.       }
  38.      }
  39.      if (secondsSinceIdle > 180) {
  40.       trace("idle longer than 3 minutes");
  41.       sysMan.removeEventListener(FlexEvent.IDLE, userIdle);
  42.       session.user = null;
  43.       currentState='Login';
  44.       Alert.show("You have been logged out due to laziness and despondency.",
  45.        "Alert",
  46.        Alert.OK);
  47.      }
  48.     }
  49.    }
  50.  
  51.    protected function application_mouseMoveHandler(event:MouseEvent):void
  52.    {
  53.     secondsSinceIdle = 0;
  54.     idleCounter = 0;
  55.     if (!timer.hasEventListener(TimerEvent.TIMER) && session.user != null) {
  56.      timer.addEventListener(TimerEvent.TIMER, timer_short);
  57.     }
  58.    }
  59.   ]]>
  60.  </fx:Script>
  61. </s:Application>

Also, thanks to Razorlight for some Wordpress assistance getting this page to appear correctly.

]]> http://www.matthewhensrud.net/2010/flex/on-detecting-idle-states-in-flex-4/feed/ 0 http://www.matthewhensrud.net/2010/flex/on-detecting-idle-states-in-flex-4/