[{componentType: 'TOOLBAR',constructor: 'isc.AppAdaptiveToolBar',ID: 'TOOLBAR',backgroundColor: '',backgroundGradient: '',backgroundImage: '',backgroundPosition: '',backgroundRepeat: '',border: '1px solid lightGray',canHover: false,canSelectText: false,click: 'let onClickCode;let WebPage=isc.AppWindow.findParentWindow(this);if(this.onClick){onClickCode=this.onClick;}else{if(this.getParentCanvas().items){onClickCode=this.getParentCanvas().items.find(\'title\',this.title).onClick;}}if(onClickCode){eval(onClickCode);}',contents: '',createOrder: 100,height: '50',layoutAlign: 'left',margin: '0',onClick: '',opacity: '100',padding: '0',prompt: '',showEdges: false,sticky: true,styleName: 'buttonRounded',visibility: 'visible',width: '100%',menu: [ 'LOGINBUTTON', 'LOGOUTBUTTON'],comp: []},{componentType: 'MENUITEM',constructor: 'isc.Canvas',ID: 'LOGINBUTTON',backgroundColor: '',backgroundGradient: '',backgroundImage: '',backgroundPosition: '',backgroundRepeat: '',canHover: false,canSelectText: false,click: 'let onClickCode;let WebPage=isc.AppWindow.findParentWindow(this);if(this.onClick){onClickCode=this.onClick;}else{if(this.getParentCanvas().items){onClickCode=this.getParentCanvas().items.find(\'title\',this.title).onClick;}}if(onClickCode){eval(onClickCode);}',createOrder: 0,height: '25',layoutAlign: 'left',margin: '0',onClick: 'WebPage.modalWindow(LOGINFORM)',opacity: '100',padding: '0',prompt: '',showEdges: false,sticky: false,styleName: '',styleNameOver: '',styleNameDown: '',submenu: [],visibility: 'hidden',width: '100%',icon: 'icons/16/key_add.png',title: 'Login',Roles: [],enabledWhen: '',visibleWhen: 'LoginUser.isLoggedIn() === false'},{componentType: 'MENUITEM',constructor: 'isc.Canvas',ID: 'LOGOUTBUTTON',backgroundColor: '',backgroundGradient: '',backgroundImage: '',backgroundPosition: '',backgroundRepeat: '',canHover: false,canSelectText: false,click: 'let onClickCode;let WebPage=isc.AppWindow.findParentWindow(this);if(this.onClick){onClickCode=this.onClick;}else{if(this.getParentCanvas().items){onClickCode=this.getParentCanvas().items.find(\'title\',this.title).onClick;}}if(onClickCode){eval(onClickCode);}',createOrder: 0,height: '25',layoutAlign: 'left',margin: '0',onClick: 'LoginUser.logout()
TOOLBAR.buildMenu()',opacity: '100',padding: '0',prompt: '',showEdges: false,sticky: false,styleName: '',styleNameOver: '',styleNameDown: '',submenu: [],visibility: 'hidden',width: '100%',icon: 'icons/16/key_delete.png',title: 'Logout',Roles: [],enabledWhen: '',visibleWhen: 'LoginUser.isLoggedIn()
'},{componentType: 'WIDGET',constructor: 'isc.AppWidgetViewer',ID: 'LOGINFORM',backgroundColor: '',backgroundImage: '',backgroundPosition: '',backgroundRepeat: '',backgroundType: '',createOrder: 100,margin: '0',padding: '0',showEdges: false,styleName: '',height: '300',visibility: 'hidden',width: '100%',widgetSetup: 'widgetPath:modules/Users/ModuleUsers.js;widgetName:AppLoginForm;widgetProperties:{formLayoutAlign:"center",formWidth:"300",showResetPassword:"true",showRegister:"true",onAfterFormLogin:"null"};',hiddenWhen: '',canDragResize: false,edgeMarginSize: '10',resizeFrom: [ 'B'],loadEvent: [ 'onShow']},{componentType: 'TEXT',constructor: 'isc.Canvas',ID: 'DESCRIPTION',backgroundColor: '',backgroundGradient: '',backgroundImage: '',backgroundPosition: '',backgroundRepeat: '',border: '1px solid lightGray',canHover: false,canSelectText: false,cursor: 'default',click: 'let onClickCode;let WebPage=isc.AppWindow.findParentWindow(this);if(this.onClick){onClickCode=this.onClick;}else{if(this.getParentCanvas().items){onClickCode=this.getParentCanvas().items.find(\'title\',this.title).onClick;}}if(onClickCode){eval(onClickCode);}',contents: '<p>Example of the Login workflow</p>

<p>1. LOGINBTN<br />
&nbsp; &nbsp; onClick&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;- WebPage.modalWindow(LOGINFORM)<br />
&nbsp; &nbsp; visibleWhen - LoginUser.isLoggedIn() === false</p>

<p>2. LOGOUTBTN<br />
&nbsp; &nbsp; onClick&nbsp; &nbsp; &nbsp; &nbsp; - &nbsp; LoginUser.logout();<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; TOOLBAR.buildMenu();<br />
&nbsp; &nbsp; visibleWhen - LoginUser.isLoggedIn()<br />
&nbsp; &nbsp; visibility&nbsp; &nbsp; &nbsp; &nbsp;- hidden</p>

<p>3. LOGINFORM (type WIDGET)<br />
&nbsp; &nbsp; loadEvent&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; - &nbsp; onShow(when it&#39;s a window) else onInit(when its just a form)<br />
&nbsp; &nbsp; onAfterLoginform - &nbsp; TOOLBAR.buildMenu()<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;WebPage.closeWindow(LOGINFORM)</p>
',createOrder: 100,dynamicContents: false,height: '25',layoutAlign: 'left',margin: '0',onClick: '',opacity: '50',padding: '0',prompt: '',showEdges: false,sticky: false,styleName: '',visibility: 'visible',width: '100%',canDragResize: false,edgeMarginSize: '10',resizeFrom: [ 'B']}]