Tap, Trap and wrap!

[bob9145]

The integrated login for a ux does not have the option for allowing browsers to store login info. The older login component has this as a property. I based my app around a ux with the integrated login. Is there a way to enable this? Since I am running my app through a saved home screen icon allowing the users of the app to save the login info is important since my app is based on speed of use. My users tap, trap, and wrap!
It would be a hassle, and it seems to me a step backwards to go back to the old login component since I am using events to float a heap of session.variables, and fill a bushel of args. Can someone help me fall forward on this one?
Bob

[bob9145]

Re: Tap, Trap and wrap!

Surprised that no one has battled this one. If your running your app through a home screen icon, this would be a must have. If your customer can save the login for every site , and app but yours, you might be left out in the cold very soon.

[bob9145]

Re: Tap, Trap and wrap!

AA,
Seems like there should be an answer to this question?
Thanks,
Bob

[Davidk]

Re: Tap, Trap and wrap!

What you want to do is very straightforward using localStorage.

In your UX component, Client-side afterLogin Event, do something like this...

var userId = {dialog.Object}.getValue('UserName');
var pWord = {dialog.Object}.getValue('Password');
var logInfo = '[{ "userId":"' + userId + '" , "pWord":"' + pWord + '" }]';
localStorage.setItem('myLoginInfo',logInfo);
{dialog.object}.panelSetActive('PANEL_APPLICATION');

This grabs the UserName and Password entered, puts them into a JSON string and then stores that string into localStorage.

Then... in the UX onRenderComplete event, do this...

var myInfo = localStorage.getItem('myLoginInfo');
if(myInfo != null){
	var logObj = JSON.parse(myInfo);
	{dialog.Object}.setValue('UserName',logObj[0].userId);
	{dialog.Object}.setValue('PassWord',logObj[0].pWord);
}

When the UX Component renders, we check for the localStorage Item. If it's there, we get the JSON string, parse it into a JSON Object, grab it's values, and perform .setValues.

Now... the values are set and we just need to tap the Login button.

[bob9145]

Re: Tap, Trap and wrap!

Thank you David, I'll give it a try.

[bob9145]

Re: Tap, Trap and wrap!

Works great rhank you! I am running the app through a saved home screen icon on apple devices, I noticed that if I leave the app it closes. Is there a way to keep it from loosing state?

[Davidk]

Re: Tap, Trap and wrap!

It's a security enabled app, and you're logged in, so I imagine it's session is expiring and you're being turfed. Is that what's happening?

[bob9145]

Re: Tap, Trap and wrap!

Yes security is enabled. If I run it from the home screen icon, and I leave the session to go to another app it closes, and I must re login. Unlike if I run it directly through Safari, I can go to another app, and as long as I do not manually close Safari i can return to the session, as long as it doesn't time out. So it seems if you run it through the saved home screen icon it closes as soon as you leave the app, Running it on iphone4, and a ipad mini. In fact if I look for it after leaving it in my open apps it is there but the screen is black.

[cptutrecht]

Re: Tap, Trap and wrap!

Thanks indeed, storing and retrieving works indeed great.

I tried to refine it a little and defined a button saveCredentials which gives the user 3 option:
- store logindata (button value = save)
- do nothing (keep) if he log's in with an alternative username (button value = keep)
- remove login data (button value = delete)

What happens is that whatever i try, the latest login data are stored.....
Of course i tested that the different button values are returned with an alert(savelogin);

But maybe i can get some help with the javascript below which is causing this?


[QUOTEvar savelogin = {dialog.Object}.getValue('SaveCredentials');

switch(savelogin) {
case "save":
var userId = {dialog.Object}.getValue('USERNAME');
var pWord = {dialog.Object}.getValue('PASSWORD');
var logInfo = '[{ "userId":"' + userId + '" , "pWord":"' + pWord + '" }]';
localStorage.setItem('myLoginInfo',logInfo);
break;
case "keep":
//do nothing, we keep what has been previously stored
break;
case "delete":
var userId = '';
var pWord = '';
var logInfo = '[{ "userId":"' + userId + '" , "pWord":"' + pWord + '" }]';
localStorage.setItem('myLoginInfo',logInfo);
break;
default:
//do nothing, we keep what has been previously stored

} ][/QUOTE]

[Davidk]

Re: Tap, Trap and wrap!

Instead of setting localStorage values of a key to nothing, you could delete the key with...

localStorage.removeItem("myLoginInfo");

[GGandhi]

Re: Tap, Trap and wrap!

var logInfo = '[{ "userId":"' + userId + '" , "pWord":"' + pWord + '" }]';

if you substitute with the variables it will look like this

var logInfo = '[{ "userId":"' '' '" , "pWord":"' '' '" }]';

that may not be appropriate to start with.
you can also simply set the localStorage to "" like
localStorage.setItem('myLoginInfo', "");
no need to specifically assign the variable to empty values.
i use window.localstorage but in alpha, may be different like the way you have.
while it is definitely convenient, remember someone else can have access to your phone and hence access to the program itself.
i usually limit username to be saved only, not the password. but you know best for your scenario.

[cptutrecht]

Re: Tap, Trap and wrap!

Thanks David, Govindan,

Both localStorage.removeItem("myLoginInfo"); and localStorage.setItem('myLoginInfo', ""); work.

At first only localStorage.setItem('myLoginInfo', ""); worked for deleting, and no luck with keeping the old values after a loging with new values. Which put me on track of the real culprit: browser caching.

I had also the local storage settings activated in at the UX properties (see image below).
This seems to give the the UX a 'backup' restore option, even if you want to manage the storage only by code.

Once i switched that off, everything works as intended. In this case switching this of is no problem. But if you need both than one has to find a way to work with separate local storage areas: one for general purposes and one only for specific code. But that is a subject for another thread.


LocalStorageGeneralSettings.PNG