UNPKG

profoundjs

Version:

Profound.js Framework and Server

1,398 lines (1,397 loc) 62.9 kB
{ "text": "Profound UI Screens", "formats": [ { "screen": { "record format name": "signonscrn", "onload": "if(window.puiMobileClient == null){\n if(window.device != null){\n if(window.device.platform != null){\n if(window.device.platform == \"iOS\"){\n applyProperty(\"btnBack\", \"visibility\", \"hidden\");\n applyProperty(\"btnBack\", \"field type\", \"graphic button\");\n applyProperty(\"SignOnButton\", \"width\", \"340px\");\n applyProperty(\"SignOnButton\", \"field type\", \"graphic button\");\n }\n } \n }\n}\npui.confirmOnClose = false;" }, "items": [ { "id": "SignOnPanel", "field type": "layout", "css class": "blueprint-defaults", "left": "15px", "top": "10px", "template": "css panel", "header text": "Script: pui.getLanguageText(\"runtimeText\",\"pjs sign on\")", "header theme": "blueprint-dark-header", "body theme": "blueprint-white-body", "height": "245px", "width": "375px", "css class 2": "blueprint-panel", "has header": "true", "center horizontally": "true", "center vertically": "true" }, { "id": "ErrorBox", "field type": "html container", "left": "15px", "top": "165px", "html": { "fieldName": "sserror", "dataLength": "132", "trimLeading": "false", "trimTrailing": "true", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[SSERROR]" }, "white space": "normal", "width": "340px", "height": "45px", "color": "#FF0000", "layout": "SignOnPanel", "container": "1" }, { "id": "UserLabel", "field type": "output field", "css class": "label", "value": "Script: pui.getLanguageText(\"runtimeText\",\"user\")", "left": "15px", "top": "10px", "css class 2": "blueprint-defaults", "css class 3": "blueprint-label", "layout": "SignOnPanel", "container": "1" }, { "id": "User", "field type": "textbox", "css class": "blueprint-defaults", "value": { "fieldName": "ssuser", "dataLength": "10", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[ssuer]" }, "left": "15px", "top": "35px", "width": "340px", "height": "25px", "css class 2": "blueprint-textbox", "text transform": "uppercase", "layout": "SignOnPanel", "container": "1" }, { "id": "PasswordLabel", "field type": "output field", "css class": "label", "value": "Script: pui.getLanguageText(\"runtimeText\",\"password\")", "left": "15px", "top": "70px", "css class 2": "blueprint-defaults", "css class 3": "blueprint-label", "layout": "SignOnPanel", "container": "1" }, { "id": "Password", "field type": "password field", "css class": "blueprint-defaults", "value": { "fieldName": "sspassword", "dataLength": "128", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[sspassword]" }, "left": "15px", "top": "95px", "width": "340px", "height": "25px", "css class 2": "blueprint-textbox", "layout": "SignOnPanel", "container": "1" }, { "id": "SignOnButton", "field type": "graphic button", "css class": "pui-solid-button-yes", "value": "Script: pui.getLanguageText(\"runtimeText\",\"sign on\")", "left": "15px", "top": "135px", "width": "150px", "css class 2": "blueprint-defaults", "height": "30px", "font size": "16px", "shortcut key": "Enter", "response": { "fieldName": "sssubmit", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "1 / 0" }, "background color": "#009900", "layout": "SignOnPanel", "container": "1" }, { "id": "btnBack", "field type": "graphic button", "css class": "pui-solid-button-no", "value": "Script: pui.getLanguageText(\"runtimeText\",\"exit\")", "left": "205px", "top": "135px", "width": "150px", "css class 2": "blueprint-defaults", "height": "30px", "font size": "16px", "shortcut key": "F3", "background color": "#b22222", "onclick": "pui.closeSession();", "layout": "SignOnPanel", "container": "1" } ] }, { "screen": { "record format name": "errscrn", "disable enter key": "true", "onload": "\nif (pui[\"errorScreen\"] && pui[\"errorScreen\"][\"onload\"]) {\n pui[\"errorScreen\"][\"onload\"]();\n}\nelse {\n // Backwards compatibility code for when pui[\"errorScreen\"][\"onload\"]() is not available\n if ((window[\"puiMobileClient\"] == null && window[\"device\"] != null &&\n window[\"device\"][\"platform\"] == \"iOS\") ||\n pui.genie != null) {\n applyProperty(\"btnBack\", \"visibility\", \"hidden\");\n applyProperty(\"btnBack\", \"field type\", \"graphic button\");\n }\n if (pui.genie != null) {\n applyProperty(\"NewSessionButton\", \"value\", pui.getLanguageText(\"runtimeText\", \"ok\"));\n applyProperty(\"NewSessionButton\", \"onclick\", \"pui.click();\");\n }\n pui.formatErrorText();\n pui.confirmOnClose = false;\n pui.shutdownOnClose = false;\n}\n" }, "items": [ { "id": "ErrorPanel", "field type": "layout", "css class": "blueprint-defaults", "left": "15px", "top": "10px", "template": "css panel", "header text": "Script: pui.getLanguageText(\"runtimeText\",\"pjs\")", "header theme": "blueprint-darkred-header", "body theme": "blueprint-white-body-black-borders", "height": "635px", "width": "805px", "css class 2": "blueprint-panel", "center horizontally": "true", "center vertically": "true" }, { "id": "ErrTopText", "field type": "html container", "left": "15px", "top": "10px", "html": "Script: pui.getLanguageText(\"runtimeMsg\",\"unmonitored exception\")", "white space": "normal", "width": "730px", "height": "40px", "font weight": "bolder", "layout": "ErrorPanel", "container": "1" }, { "id": "msgidLabel", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeText\",\"message id\") + ':'", "left": "15px", "top": "65px", "font weight": "bold", "text align": "right", "width": "175px", "layout": "ErrorPanel", "container": "1" }, { "id": "ESMSGID", "field type": "output field", "value": { "fieldName": "esmsgid", "dataLength": "7", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[esmsgid]" }, "left": "200px", "top": "65px", "layout": "ErrorPanel", "container": "1" }, { "id": "msgsevLabel", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeText\",\"severity\") + ':'", "left": "90px", "top": "95px", "font weight": "bold", "text align": "right", "width": "100px", "layout": "ErrorPanel", "container": "1" }, { "id": "ESMSGSEV", "field type": "output field", "value": { "fieldName": "esmsgsev", "dataLength": "2", "decPos": "0", "numSep": "false", "zeroBalance": "false", "numBlankFill": "false", "zeroFill": "false", "noExtraSpaces": "false", "curSym": "", "dataType": "zoned", "formatting": "Number", "negNum": "-999.00", "units": "", "designValue": "[esmsgsev]" }, "left": "200px", "top": "95px", "layout": "ErrorPanel", "container": "1" }, { "id": "dateLabel", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeText\",\"date\") + ':'", "left": "90px", "top": "125px", "font weight": "bold", "text align": "right", "width": "100px", "layout": "ErrorPanel", "container": "1" }, { "id": "ESDATE", "field type": "output field", "value": { "fieldName": "esdate", "dataType": "date", "formatting": "Date", "dateFormat": "", "locale": "en_US", "designValue": "[esdate]", "keywords": [ "DATFMT(*JOB)", "DATSEP(*JOB)" ] }, "left": "200px", "top": "125px", "layout": "ErrorPanel", "container": "1" }, { "id": "timeLabel", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeText\",\"time\") + ':'", "left": "90px", "top": "155px", "font weight": "bold", "text align": "right", "width": "100px", "layout": "ErrorPanel", "container": "1" }, { "id": "ESTIME", "field type": "output field", "value": { "fieldName": "estime", "dataType": "time", "formatting": "Time", "timeFormat": "", "locale": "en_US", "designValue": "[estime]", "keywords": [ "TIMFMT(*ISO)" ] }, "left": "200px", "top": "155px", "layout": "ErrorPanel", "container": "1" }, { "id": "pgmLabel", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeText\",\"program\") + ':'", "left": "90px", "top": "180px", "font weight": "bold", "text align": "right", "width": "100px", "layout": "ErrorPanel", "container": "1" }, { "id": "ESPGM", "field type": "output field", "value": { "fieldName": "espgm", "dataLength": "10", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[espgm]" }, "left": "200px", "top": "180px", "width": "calc(100% - 220px)", "overflow x": "hidden", "layout": "ErrorPanel", "container": "1" }, { "id": "procLabel", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeText\",\"procedure\") + ':'", "left": "90px", "top": "210px", "font weight": "bold", "text align": "right", "width": "100px", "layout": "ErrorPanel", "container": "1" }, { "id": "ESPROC", "field type": "output field", "value": { "fieldName": "esproc", "dataLength": "256", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[esproc]" }, "left": "200px", "top": "210px", "width": "calc(100% - 220px)", "overflow x": "hidden", "layout": "ErrorPanel", "container": "1" }, { "id": "linesLabel", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeText\",\"lines\") + ':'", "left": "90px", "top": "240px", "font weight": "bold", "text align": "right", "width": "100px", "layout": "ErrorPanel", "container": "1" }, { "id": "ESLINES", "field type": "output field", "value": { "fieldName": "eslines", "dataLength": "109", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[eslines]" }, "left": "200px", "top": "240px", "layout": "ErrorPanel", "container": "1" }, { "id": "msgLabel", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeText\",\"message\") + ':'", "left": "90px", "top": "270px", "font weight": "bold", "text align": "right", "width": "100px", "layout": "ErrorPanel", "container": "1" }, { "id": "ESMSG", "field type": "html container", "left": "200px", "top": "270px", "width": "calc(100% - 220px)", "height": "75px", "white space": "normal", "html": { "fieldName": "esmsg", "dataLength": "132", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[esmsg]" }, "overflow y": "auto", "overflow x": "auto", "layout": "ErrorPanel", "container": "1" }, { "id": "ESHELP", "field type": "html container", "left": "200px", "top": "355px", "height": "calc(100% - 425px)", "width": "calc(100% - 220px)", "white space": "normal", "html": { "fieldName": "eshelp", "dataLength": "3000", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[eshelp]" }, "overflow y": "auto", "color": "#000000", "layout": "ErrorPanel", "container": "1" }, { "id": "appJobLabel", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeText\",\"app job\") + ':'", "font weight": "bold", "text align": "right", "left": "320px", "top": "65px", "width": "160px", "layout": "ErrorPanel", "container": "1" }, { "id": "ESAPPJOB", "field type": "output field", "left": "490px", "top": "65px", "height": "15px", "width": "calc(100% - 520px)", "value": { "fieldName": "esappjob", "dataLength": "10", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[esappjob]" }, "layout": "ErrorPanel", "container": "1" }, { "id": "currUserLabel", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeText\",\"curr user\") + ':'", "font weight": "bold", "text align": "right", "left": "320px", "top": "125px", "width": "160px", "layout": "ErrorPanel", "container": "1" }, { "id": "ESCURRUSER", "field type": "output field", "left": "490px", "top": "125px", "height": "15px", "width": "calc(100% - 520px)", "value": { "fieldName": "escurruser", "dataLength": "10", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[escurruser]" }, "layout": "ErrorPanel", "container": "1" }, { "id": "NewSessionButton", "field type": "graphic button", "css class": "pui-solid-button-yes", "value": "Script: pui.getLanguageText(\"runtimeText\",\"new session\")", "font size": "16px", "shortcut key": "Enter", "left": "10px", "height": "30px", "width": "150px", "css class 2": "blueprint-defaults", "onclick": "pui.newSession();", "background color": "#009900", "bottom": "10px", "layout": "ErrorPanel", "container": "1" }, { "id": "btnBack", "field type": "graphic button", "css class": "pui-solid-button-no", "value": "Script: pui.getLanguageText(\"runtimeText\",\"close\")", "font size": "16px", "left": "180px", "height": "30px", "width": "150px", "css class 2": "blueprint-defaults", "onclick": "pui.closeSession();", "background color": "#b22222", "bottom": "10px", "layout": "ErrorPanel", "container": "1" }, { "id": "ESVERSION", "field type": "output field", "value": { "fieldName": "esversion", "dataLength": "50", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[esversion]" }, "font size": "12px", "text align": "right", "width": "270px", "right": "15px", "bottom": "5px", "layout": "ErrorPanel", "container": "1" }, { "id": "JobLogDownload", "field type": "html container", "html": "Script: \"<span class=\\\"pui-material-icons\\\">file_download</span><span id=\\\"JobLogDownload_fb\\\">\" + pui.getLanguageText(\"runtimeText\",\"joblog download\") + \"</span>\"", "left": "490px", "top": "85px", "width": "255px", "visibility": "hidden", "onclick": "pui[\"errorScreen\"][\"downloadJobLog\"]();", "tool tip": "Script: pui.getLanguageText(\"runtimeText\",\"joblog download\")", "css class": "joblogDL", "layout": "ErrorPanel", "container": "1" }, { "id": "ESAPPJOBLOGKEY", "field type": "output field", "css class": "outputField", "value": { "fieldName": "esappjoblogkey", "dataLength": "1024", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none", "designValue": "[esappjoblogkey]" }, "left": "375px", "top": "85px", "visibility": "hidden", "layout": "ErrorPanel", "container": "1" }, { "id": "ESSTACK", "field type": "output field", "css class": "outputField", "value": { "fieldName": "esstack", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "string", "formatting": "Text", "textTransform": "none", "designValue": "[esstack]" }, "left": "10px", "top": "325px", "visibility": "hidden", "layout": "ErrorPanel", "container": "1" }, { "id": "ErrorStackDownload", "field type": "html container", "css class": "errstackDL", "html": "Script: \"<span class=\\\"pui-material-icons\\\">file_download</span><span id=\\\"ErrorStackDownload_fb\\\">\" + pui.getLanguageText(\"runtimeText\",\"error stack download\") + \"</span>\"", "tool tip": "Script: pui.getLanguageText(\"runtimeText\",\"error stack download\")", "visibility": "hidden", "onclick": "pui[\"errorScreen\"][\"downloadStack\"]();", "text align": "right", "right": "20px", "bottom": "40px", "layout": "ErrorPanel", "container": "1" }, { "id": "EditInIDE", "field type": "html container", "css class": "editInIDE", "text align": "right", "html": "Script: \"<span class=\\\"pui-material-icons\\\">edit</span><span id=\\\"ErrorStackDownload_fb\\\">\" + pui.getLanguageText(\"runtimeText\",\"edit\") + \"</span>\"", "right": "35px", "visibility": "hidden", "onclick": "pui[\"errorScreen\"][\"editInIDE\"]();", "top": "330px", "layout": "ErrorPanel", "container": "1" } ] }, { "screen": { "record format name": "eojscrn", "onload": "if(window.device != null){\n if(window.device.platform != null){\n if(window.device.platform == \"iOS\"){\n applyProperty(\"btnBack\", \"visibility\", \"hidden\");\n applyProperty(\"btnBack\", \"field type\", \"graphic button\");\n applyProperty(\"NewSessionButton2\", \"width\", \"335px\");\n applyProperty(\"NewSessionButton2\", \"field type\", \"graphic button\");\n }\n }\n}\n\npui.endOfSession();" }, "items": [ { "id": "SessionEndedPanel", "field type": "layout", "css class": "blueprint-defaults", "left": "15px", "top": "15px", "template": "css panel", "header text": "Script: pui.getLanguageText(\"runtimeText\",\"pjs\")", "header theme": "blueprint-dark-header", "body theme": "blueprint-white-body", "height": "135px", "width": "365px", "css class 2": "blueprint-panel", "center horizontally": "true", "center vertically": "true" }, { "id": "SessionEndedText", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeMsg\",\"session ended text\")", "left": "10px", "top": "10px", "font weight": "bold", "text align": "center", "width": "95%", "layout": "SessionEndedPanel", "container": "1" }, { "id": "NewSessionButton2", "field type": "graphic button", "css class": "pui-solid-button-yes", "value": "Script: pui.getLanguageText(\"runtimeText\",\"new session\")", "font size": "16px", "shortcut key": "Enter", "left": "10px", "top": "50px", "height": "30px", "width": "150px", "css class 2": "blueprint-defaults", "onclick": "pui.newSession();", "background color": "#009900", "layout": "SessionEndedPanel", "container": "1" }, { "id": "btnBack", "field type": "graphic button", "css class": "pui-solid-button-no", "value": "Script: pui.getLanguageText(\"runtimeText\",\"close\")", "font size": "16px", "shortcut key": "F3", "left": "200px", "top": "50px", "height": "30px", "width": "150px", "css class 2": "blueprint-defaults", "onclick": "pui.closeSession();", "background color": "#b22222", "layout": "SessionEndedPanel", "container": "1" } ] }, { "screen": { "record format name": "timoutscrn", "onload": "if(window.device != null){\n if(window.device.platform != null){\n if(window.device.platform == \"iOS\"){\n applyProperty(\"btnBack\", \"visibility\", \"hidden\");\n applyProperty(\"btnBack\", \"field type\", \"graphic button\");\n applyProperty(\"NewSessionButton3\", \"width\", \"335px\");\n applyProperty(\"NewSessionButton3\", \"field type\", \"graphic button\");\n }\n }\n}\n\npui.endOfSession(\"Your session has timed out.\");" }, "items": [ { "id": "TimeOutPanel", "field type": "layout", "css class": "blueprint-panel", "left": "15px", "top": "15px", "template": "css panel", "header text": "Script: pui.getLanguageText(\"runtimeText\",\"pjs\")", "header theme": "blueprint-dark-header", "body theme": "blueprint-white-body", "height": "135px", "width": "365px", "css class 2": "blueprint-defaults", "center horizontally": "true", "center vertically": "true" }, { "id": "TimeOutText", "field type": "output field", "value": "Script: pui.getLanguageText(\"runtimeMsg\",\"session timed out\")", "left": "10px", "top": "10px", "font weight": "bold", "width": "95%", "text align": "center", "layout": "TimeOutPanel", "container": "1" }, { "id": "NewSessionButton3", "field type": "graphic button", "css class": "pui-solid-button-yes", "value": "Script: pui.getLanguageText(\"runtimeText\",\"new session\")", "font size": "16px", "shortcut key": "Enter", "left": "10px", "top": "50px", "height": "30px", "width": "150px", "css class 2": "blueprint-defaults", "onclick": "pui.newSession();", "background color": "#009900", "layout": "TimeOutPanel", "container": "1" }, { "id": "btnBack", "field type": "graphic button", "css class": "pui-solid-button-no", "value": "Script: pui.getLanguageText(\"runtimeText\",\"close\")", "font size": "16px", "shortcut key": "F3", "left": "200px", "top": "50px", "height": "30px", "width": "150px", "css class 2": "blueprint-defaults", "onclick": "pui.closeSession();", "background color": "#b22222", "layout": "TimeOutPanel", "container": "1" } ] }, { "screen": { "record format name": "msgboxscrn", "onload": "// Allow layouts to use max-content to auto-expand the height. Center the box.\nvar mbpanel = getObj('MsgBoxPanel');\nvar mbpanelwidth = mbpanel.style.width;\nmbpanel.style.position = 'relative';\nmbpanel.style.left = '';\nmbpanel.style.top = '';\nmbpanel.style.width = '';\nmbpanel.style.height = '95vh';\nmbpanel.style.display = 'flex';\nmbpanel.style.flexDirection = 'column';\nmbpanel.style.alignItems = 'center';\n\n// Set header to what API argument instead of language-text for NodeRun or Profound.js.\nvar udd = mbpanel.pui.properties['user defined data'];\nif (udd != null && udd.length > 0){\n applyProperty(mbpanel, \"header text\", udd);\n}\n\n// Header and body get centered using flex-box.\nvar mbheader = mbpanel.children[0];\nmbheader.style.position = 'static';\nmbheader.style.left = '';\nmbheader.style.top = '';\nmbheader.style.width = mbpanelwidth;\nmbheader.style.maxWidth = '90vw';\n\nvar mbbody = mbpanel.children[1];\nmbbody.style.position = 'static';\nmbbody.style.left = '';\nmbbody.style.top = '';\nmbbody.style.width = mbpanelwidth;\nmbbody.style.maxWidth = '90vw';\nmbbody.style.height = '';\n\nvar mbbodyspan = mbbody.children[0];\nmbbodyspan.style.height = '';\n// CSS Panel adds span at bottom. Shrink it.\nvar mbbodyfooterspan = mbbodyspan.children[1];\nmbbodyfooterspan.style.padding = '3px';\n\nvar mbbodycontainer = mbbodyspan.children[0];\nmbbodycontainer.style.position = 'relative';\n\n// Create DIV to wrap Icon and text.\nvar topflex = document.createElement('div');\ntopflex.style.display = 'flex';\ntopflex.style.flexDirection = 'row';\ntopflex.style.width = 'calc(100% - 10px)';\ntopflex.style.marginLeft = '5px';\n\n// Add flexbox div, move icon and msg text into it. Allows vertical alignment.\nvar icon = getObj('MsgBoxIcon');\nvar mbtext = getObj('MsgBoxText');\nmbbodycontainer.insertBefore(topflex, icon);\ntopflex.appendChild(icon);\ntopflex.appendChild(mbtext);\n\n\nicon.style.position = 'static';\nicon.style.left = '';\nmbtext.style.position = 'static';\nmbtext.style.left = '';\nmbtext.style.alignSelf = 'center'; //Centers text vertically if it's smaller than icon.\n\n// If Icon is not displayed, then message should fill entire width.\nif (icon.style.visibility == 'hidden'){\n icon.style.display = 'none';\n mbtext.style.width = 'calc(100% - 10px)';\n}\n\nvar btnlayout = getObj('ButtonLayout');\nbtnlayout.style.position = 'static';\nbtnlayout.style.height = '';\nbtnlayout.style.marginTop = '10px';\nvar btnalign = pui.getScreenProp('user defined data');\n\nfor (var i=0; i < 5; i++){\n var btn = getObj('Button'+i);\n if (btn){\n btn.style.position = 'relative';\n // Only visible buttons should affect white-space.\n if (btn.style.visibility == 'hidden'){\n btn.style.display = 'none';\n }\n // Center the button inside its container via positioning.\n if (btnalign == 'center'){\n btn.style.left = 'calc(50% - ' + Math.round(btn.offsetWidth / 2) + 'px)';\n }\n else if (btnalign == 'left'){\n btn.style.left = '';\n }\n else {\n btn.style.left = 'calc(100% - ' + btn.offsetWidth + 'px)';\n }\n }\n}\n\nif (pui.is_safari){\n // Hack to force Safari to evaluate the latest rules for the responsive layout.\n // Safari seems to cache previous rules for grid-auto-columns.\n btnlayout.firstChild.style.display = 'block';\n setTimeout(function(){\n btnlayout.firstChild.style.display = ''; // Wait for render before clearing inline rule.\n }, 1);\n}", "user defined data": { "fieldName": "btnalign", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "animated screen": "new", "animation": "slide-down", "overlay screens": "true" }, "items": [ { "id": "MsgBoxPanel", "field type": "layout", "css class": "blueprint-panel", "template": "css panel", "header text": "Script: pui.getLanguageText(\"runtimeText\",\"pjs\")", "header theme": "blueprint-dark-header", "body theme": "blueprint-white-body", "width": "485px", "css class 2": "blueprint-defaults", "min height": "125px", "left": "10px", "top": "10px", "user defined data": { "fieldName": "headertxt", "dataLength": "100", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "height": "125px" }, { "id": "MsgBoxIcon", "field type": "icon", "css class": { "fieldName": "iconcss", "dataLength": "50", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "left": "0px", "top": "0px", "icon": { "fieldName": "icon", "dataLength": "100", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none", "designValue": "material:face" }, "width": "45px", "height": "45px", "visibility": { "fieldName": "iconvis", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "visible / hidden" }, "z index": "11", "layout": "MsgBoxPanel", "container": "1" }, { "id": "MsgBoxText", "field type": "html container", "css class": "blueprint-defaults", "white space": "normal", "html": { "fieldName": "mbmsg", "dataLength": "1000", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none", "designValue": "[mbmsg]" }, "left": "48px", "top": "0px", "width": "calc(100% - 55px)", "min height": "20px", "max height": "50vh", "z index": "0", "css class 2": "blueprint-wrapping-text", "overflow y": "auto", "layout": "MsgBoxPanel", "container": "1" }, { "id": "ButtonLayout", "field type": "layout", "left": "0px", "template": "responsive layout", "height": "30px", "width": "calc(100% - 5px)", "layout items": { "fieldName": "layoutitems", "dataLength": "5", "decPos": "0", "numSep": "false", "zeroBalance": "false", "numBlankFill": "false", "zeroFill": "false", "noExtraSpaces": "false", "curSym": "", "dataType": "zoned", "formatting": "Number", "negNum": "-999.00", "units": "" }, "style rules": { "fieldName": "stylerules", "dataLength": "1000", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none", "designValue": "@media screen { #_id_ > .puiresp { display:grid; } }" }, "use viewport": "true", "bottom": "0px", "min height": "30px", "layout": "MsgBoxPanel", "container": "1" }, { "id": "Button0", "field type": "graphic button", "css class": { "fieldName": "btn0cls", "dataLength": "100", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "value": { "fieldName": "btn0val", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none", "designValue": "[btn0val]" }, "response": { "fieldName": "btn0resp", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "1 / 0" }, "shortcut key": { "fieldName": "shortcut0", "dataLength": "10", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "background color": { "fieldName": "btn0bg", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "left": "calc(50% - 45px)", "height": "30px", "min width": "40px", "user defined data": { "fieldName": "btn0udd", "dataLength": "256", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "visibility": { "fieldName": "btn0vis", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "visible / hidden" }, "color": { "fieldName": "btn0fg", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "width": { "fieldName": "btn0width", "dataLength": "5", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none", "designValue": "" }, "layout": "ButtonLayout", "container": "1" }, { "id": "Button1", "field type": "graphic button", "css class": { "fieldName": "btn1cls", "dataLength": "100", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "value": { "fieldName": "btn1val", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none", "designValue": "[btn1val]" }, "response": { "fieldName": "btn1resp", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "1 / 0" }, "shortcut key": { "fieldName": "shortcut1", "dataLength": "10", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "background color": { "fieldName": "btn1bg", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "left": "calc(50% - 45px)", "height": "30px", "min width": "40px", "user defined data": { "fieldName": "btn1udd", "dataLength": "256", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "visibility": { "fieldName": "btn1vis", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "visible / hidden" }, "color": { "fieldName": "btn1fg", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "width": { "fieldName": "btn1width", "dataLength": "5", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none", "designValue": "" }, "layout": "ButtonLayout", "container": "2" }, { "id": "Button2", "field type": "graphic button", "css class": { "fieldName": "btn2cls", "dataLength": "100", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "value": { "fieldName": "btn2val", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none", "designValue": "[btn2val]" }, "response": { "fieldName": "btn2resp", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "1 / 0" }, "shortcut key": { "fieldName": "shortcut2", "dataLength": "10", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "background color": { "fieldName": "btn2bg", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "left": "calc(50% - 45px)", "height": "30px", "min width": "40px", "user defined data": { "fieldName": "btn2udd", "dataLength": "256", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "visibility": { "fieldName": "btn2vis", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "visible / hidden" }, "color": { "fieldName": "btn2fg", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "width": { "fieldName": "btn2width", "dataLength": "5", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none", "designValue": "" }, "layout": "ButtonLayout", "container": "3" }, { "id": "Button3", "field type": "graphic button", "css class": { "fieldName": "btn3cls", "dataLength": "100", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "value": { "fieldName": "btn3val", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none", "designValue": "[btn3val]" }, "response": { "fieldName": "btn3resp", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "1 / 0" }, "shortcut key": { "fieldName": "shortcut3", "dataLength": "10", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "background color": { "fieldName": "btn3bg", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "left": "calc(50% - 45px)", "height": "30px", "min width": "40px", "user defined data": { "fieldName": "btn3udd", "dataLength": "256", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar", "formatting": "Text", "textTransform": "none" }, "visibility": { "fieldName": "btn3vis", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "visible / hidden" }, "color": { "fieldName": "btn3fg", "dataLength": "25", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "varchar",