Mobile UX Login - Redirect if membership expired.

[gregincolumbus]

I am using a UX login for a mobile app. Upon successful login, the afterLogin client-side event fires and sets the active panel with:

{dialog.object}.panelSetActive('PANEL_APPLICATION');

The afterLogin client-side event also runs an xBasic function to set a session variable to indicate their membership status

SELECT
		CASE convert_type(session.Expiration,"d") < date()
			session.CurrentStatus = "Expired"
       	CASE else
       		session.CurrentStatus = "Active"
end SELECT

That session variable was published to allow it to be used in client-side events.

The afterLogin steps are:

{dialog.object}.runAction('MemberID');
{dialog.object}.panelSetActive('PANEL_APPLICATION');

So my question is.....how do I make a conditional panel choice based upon the value of that session variable?

I know the code below is not correct, but the logic is

If session.CurrentStatus = "Active",
{dialog.object}.panelSetActive('PANEL_APPLICATION');

Else
{dialog.object}.panelSetActive('PANEL_EXPIRED');

Any help would be greatly appreciated!

[mixter]

Re: Mobile UX Login - Redirect if membership expired.

you're close

Javascriptifying your code a but more

it's case sensitive too, you can't use "If" it has to be "if"

and == for comparison

if (session.CurrentStatus == "Active") {
  {dialog.object}.panelSetActive('PANEL_APPLICATION');
} else {
  {dialog.object}.panelSetActive('PANEL_EXPIRED');
}

[gregincolumbus]

Re: Mobile UX Login - Redirect if membership expired.

Michael,

Thank you! I knew I was close…but my javascript skills are suspect at best! Much appreciated!

[mixter]

Re: Mobile UX Login - Redirect if membership expired.

It gets easier soon enough

[gregincolumbus]

Re: Mobile UX Login - Redirect if membership expired.

Well....something is still not right. I tried the following code:

if (session.CurrentStatus == "Active") {
  {dialog.object}.panelSetActive('PANEL_APPLICATION');
} else {
  {dialog.object}.panelSetActive('PANEL_EXPIRED');
}

AND this code

if (session.CurrentStatus == 'Active') {
  {dialog.object}.panelSetActive('PANEL_APPLICATION');
} else {
  {dialog.object}.panelSetActive('PANEL_EXPIRED');
}

But the login never completes. It stays at the login UX panel until I comment out the code.

Once I remove the if statement from my onLogin clientside event, the login completes....so I am guessing something is not right with the if statement?

Any ideas?

[gregincolumbus]

Re: Mobile UX Login - Redirect if membership expired.

Well...I solved this a different way.

I use my xbasic function to set the session.status value to "PANEL_APPLICATION" if the membership is current or "EXPIRED_MEMBERSHIP" if not)

Then I use the afterLogin event and use.getSessionVariable to give the .panelSetActive the panel name

var panel = {dialog.object}.getSessionVariable('STATUS')
{dialog.object}.panelSetActive(panel);

The only issue now is that there appears to be a cache issue when logging out and back in. If I log in as an expired member, logout and then login again as the current member....I am first shown the expired panel...but refreshing the screen moves me to the correct panel. So I am guessing this is a cache issue?

[mixter]

Re: Mobile UX Login - Redirect if membership expired.

Might be cache.

One thing I often do while developing is put a label or textbox on the page with a hard coded version number value embedded in it, so I can see if I'm viewing the current version of the component and not the previous cached version.

And manually update the embedded value of version number each time before publishing and testing.

Or even sometimes just an alert box will do (and change the alert message each time you publish, so you know when testing for sure whether or not you are seeing the latest version in the browser)

[gregincolumbus]

Re: Mobile UX Login - Redirect if membership expired.

Michael,

I am pretty sure it was a cache issue. I could never resolve it where the appropriate panel consistently appeared as needed. What I ended up doing was removing the conditional panel redirect and instead had every login go to the landing page.

On the landing page I used server show hide calculations to hide the menu button for small devices and the entire menu list control for tablets and such. I also had to remove the right swipe gesture that showed the menu because it would still work even when the menu had been hidden.

Finally, I used show-hide to show/hide text appropriate to the membership status. If expired, show text indicating that along with buttons that take them to the renewal website. If current, show welcome statement, etc.

It now consistently works as expected and with the exception of removing the right swipe gesture, all functionality remains.

Thanks for your help on the code however. I am gradually learning more about javascript and appreciate your willingness to offer suggestions and help!

Greg