{ "custom": {}, "params": {}, "props": { "defaultSize": { "height": 1080, "width": 1920 } }, "root": { "children": [ { "meta": { "name": "Label" }, "position": { "basis": "15.8px" }, "type": "ia.display.label" }, { "children": [ { "meta": { "name": "Label" }, "position": { "basis": "32px" }, "type": "ia.display.label" }, { "children": [ { "meta": { "name": "Label_3" }, "position": { "basis": "32px" }, "props": { "style": { "classes": "Text-Styles/Ariel-Bold-White-12pt", "fontWeight": "bold", "text": "value", "textAlign": "left", "textIndent": "10px" }, "text": "Filter by Date/Time" }, "type": "ia.display.label" }, { "meta": { "name": "Label_1" }, "position": { "basis": "32px", "shrink": 0 }, "props": { "style": { "classes": "Text-Styles/Ariel-Bold-White-12pt", "textAlign": "left", "textIndent": "10px" }, "text": "Start" }, "type": "ia.display.label" }, { "events": { "system": { "onStartup": { "config": { "script": "\timport datetime\n\t\t\n\ttime_now \u003d datetime.datetime.now()\n\tself.props.value \u003d time_now - datetime.timedelta(hours \u003d 1)\n\t" }, "scope": "G", "type": "script" } } }, "meta": { "name": "StartTime" }, "position": { "basis": "32px", "shrink": 0 }, "propConfig": { "props.maxDate": { "binding": { "config": { "path": "../EndTime.props.value" }, "type": "property" } }, "props.minDate": { "binding": { "config": { "expression": "addWeeks({../EndTime.props.value},-2)" }, "type": "expr" } } }, "props": { "formattedValue": "Apr 19, 2022 10:28 AM", "value": { "$": [ "ts", 192, 1650367709276 ], "$ts": 1650364109276 } }, "type": "ia.input.date-time-input" }, { "meta": { "name": "Label_2" }, "position": { "basis": "32px", "shrink": 0 }, "props": { "style": { "classes": "Text-Styles/Ariel-Bold-White-12pt", "textAlign": "left", "textIndent": "10px" }, "text": "End" }, "type": "ia.display.label" }, { "events": { "system": { "onStartup": { "config": { "script": "\timport datetime\n\t\n\ttime_now \u003d datetime.datetime.now()\n\tself.props.value \u003d time_now" }, "scope": "G", "type": "script" } } }, "meta": { "name": "EndTime" }, "position": { "basis": "32px", "shrink": 0 }, "props": { "formattedValue": "Apr 19, 2022 11:28 AM", "value": { "$": [ "ts", 192, 1650367709276 ], "$ts": 1650367709276 } }, "type": "ia.input.date-time-input" } ], "meta": { "name": "FlexContainer" }, "position": { "basis": "200px" }, "props": { "direction": "column", "style": { "borderStyle": "solid", "borderWidth": "0.5px" } }, "type": "ia.container.flex" }, { "meta": { "name": "Label_2" }, "position": { "basis": "32px" }, "props": { "style": { "textAlign": "left", "textIndent": "10px" } }, "type": "ia.display.label" }, { "children": [ { "meta": { "name": "Label_3" }, "position": { "basis": "32px", "shrink": 0 }, "props": { "style": { "classes": "Text-Styles/Ariel-Bold-White-12pt", "fontWeight": "bold", "text": "value", "textAlign": "left", "textIndent": "10px" }, "text": "Filter by Device" }, "type": "ia.display.label" }, { "meta": { "name": "Label" }, "position": { "basis": "32px" }, "type": "ia.display.label" }, { "events": { "component": { "onActionPerformed": { "config": { "script": "\tpayload \u003d {}\n\tdevice \u003d self.props.value\n\tpayload[\"device\"] \u003d device\n\tsystem.perspective.sendMessage(\"device-filter\", payload \u003d payload, scope \u003d \"page\")" }, "scope": "G", "type": "script" } }, "system": { "onStartup": { "config": { "script": "\tdevices \u003d system.tag.readBlocking([\"Configuration/DetailedViews\"])\n\tdevices \u003d devices[0].value\n\tdevices_decoded \u003d system.util.jsonDecode(devices)\n\tdevice_list \u003d []\n\tno_device \u003d {}\n\tno_device[\"value\"]\u003d\"\"\n\tno_device[\"label\"]\u003d\"None\"\n\tdevice_list.append(no_device)\n\tfor i in devices_decoded:\n\t\tdevice_dict \u003d{}\n\t\tif len(devices_decoded[i]) \u003d\u003d 1:\n\t\t\tdevice_dict[\"value\"] \u003d i\n\t\t\tdevice_dict[\"label\"]\u003d i\n\t\t\tdevice_list.append(device_dict)\n\t\telse:\n\t\t\titems \u003d devices_decoded[i]\n\t\t\tfor item in items:\n\t\t\t\tdevice_dict \u003d{}\n\t\t\t\tdevice_dict[\"value\"] \u003d item\n\t\t\t\tdevice_dict[\"label\"]\u003d item\n\t\t\t\tdevice_list.append(device_dict)\n\t\t\t\t\n\tself.props.options \u003d device_list\t" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Dropdown" }, "position": { "basis": "32px", "shrink": 0 }, "props": { "options": [ { "label": "None", "value": "" }, { "label": "PLC03", "value": "PLC03" }, { "label": "PLC25", "value": "PLC25" }, { "label": "PLC47", "value": "PLC47" }, { "label": "PLC97", "value": "PLC97" }, { "label": "PLC69", "value": "PLC69" }, { "label": "PLC26", "value": "PLC26" }, { "label": "PLC48", "value": "PLC48" }, { "label": "PLC01", "value": "PLC01" }, { "label": "PLC23", "value": "PLC23" }, { "label": "PLC02", "value": "PLC02" }, { "label": "PLC07", "value": "PLC07" }, { "label": "PLC29", "value": "PLC29" }, { "label": "PLC08", "value": "PLC08" }, { "label": "PLC27", "value": "PLC27" }, { "label": "PLC49", "value": "PLC49" }, { "label": "PLC06", "value": "PLC06" }, { "label": "PLC28", "value": "PLC28" }, { "label": "PLC96", "value": "PLC96" }, { "label": "PLC40", "value": "PLC40" }, { "label": "PLC60", "value": "PLC60" }, { "label": "SLAM302", "value": "SLAM302" }, { "label": "PLC21", "value": "PLC21" }, { "label": "PLC43", "value": "PLC43" }, { "label": "PLC65", "value": "PLC65" }, { "label": "SLAM306", "value": "SLAM306" }, { "label": "PLC22", "value": "PLC22" }, { "label": "PLC66", "value": "PLC66" }, { "label": "SLAM307", "value": "SLAM307" }, { "label": "PLC41", "value": "PLC41" }, { "label": "PLC1000", "value": "PLC1000" }, { "label": "PLC20", "value": "PLC20" }, { "label": "PLC42", "value": "PLC42" }, { "label": "PLC64", "value": "PLC64" }, { "label": "SLAM304", "value": "SLAM304" }, { "label": "MAN2_PLC99", "value": "MAN2_PLC99" }, { "label": "PLC23-1", "value": "PLC23-1" }, { "label": "PLC09-2", "value": "PLC09-2" }, { "label": "PLC1000-1", "value": "PLC1000-1" }, { "label": "PLC09", "value": "PLC09" }, { "label": "PLC99", "value": "PLC99" }, { "label": "PLC14", "value": "PLC14" }, { "label": "ARSAW1401", "value": "ARSAW1401" }, { "label": "ARSAW1402", "value": "ARSAW1402" }, { "label": "ARSAW1403", "value": "ARSAW1403" }, { "label": "ARSAW1404", "value": "ARSAW1404" }, { "label": "ARSAW1405", "value": "ARSAW1405" }, { "label": "ARSAW1406", "value": "ARSAW1406" }, { "label": "ARSAW1407", "value": "ARSAW1407" }, { "label": "ARSAW1408", "value": "ARSAW1408" }, { "label": "PLC15", "value": "PLC15" }, { "label": "ARSAW1501", "value": "ARSAW1501" }, { "label": "ARSAW1502", "value": "ARSAW1502" }, { "label": "ARSAW1503", "value": "ARSAW1503" }, { "label": "ARSAW1504", "value": "ARSAW1504" }, { "label": "ARSAW1505", "value": "ARSAW1505" }, { "label": "ARSAW1506", "value": "ARSAW1506" }, { "label": "ARSAW1507", "value": "ARSAW1507" }, { "label": "ARSAW1508", "value": "ARSAW1508" }, { "label": "PLC13", "value": "PLC13" }, { "label": "ARSAW1301", "value": "ARSAW1301" }, { "label": "ARSAW1302", "value": "ARSAW1302" }, { "label": "ARSAW1303", "value": "ARSAW1303" }, { "label": "ARSAW1304", "value": "ARSAW1304" }, { "label": "ARSAW1305", "value": "ARSAW1305" }, { "label": "ARSAW1306", "value": "ARSAW1306" }, { "label": "ARSAW1307", "value": "ARSAW1307" }, { "label": "ARSAW1308", "value": "ARSAW1308" }, { "label": "PLC16", "value": "PLC16" }, { "label": "ARSAW1601", "value": "ARSAW1601" }, { "label": "ARSAW1602", "value": "ARSAW1602" }, { "label": "ARSAW1603", "value": "ARSAW1603" }, { "label": "ARSAW1604", "value": "ARSAW1604" }, { "label": "ARSAW1605", "value": "ARSAW1605" }, { "label": "ARSAW1606", "value": "ARSAW1606" }, { "label": "ARSAW1607", "value": "ARSAW1607" }, { "label": "ARSAW1608", "value": "ARSAW1608" }, { "label": "PLC51", "value": "PLC51" }, { "label": "SLAM305", "value": "SLAM305" }, { "label": "PLC70", "value": "PLC70" }, { "label": "PLC71", "value": "PLC71" }, { "label": "RWC4", "value": "RWC4" }, { "label": "PLC71", "value": "PLC71" }, { "label": "PLC70", "value": "PLC70" }, { "label": "RWC4", "value": "RWC4" }, { "label": "MAN2_PLC96", "value": "MAN2_PLC96" }, { "label": "PLC32", "value": "PLC32" }, { "label": "PLC30", "value": "PLC30" }, { "label": "SLAM301", "value": "SLAM301" }, { "label": "PLC52", "value": "PLC52" }, { "label": "MAN2_PLC97", "value": "MAN2_PLC97" }, { "label": "PLC31", "value": "PLC31" }, { "label": "SLAM303", "value": "SLAM303" }, { "label": "PLC80", "value": "PLC80" }, { "label": "SLAM401", "value": "SLAM401" }, { "label": "SLAM402", "value": "SLAM402" } ], "value": "None" }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "device-filter-reset", "pageScope": true, "script": "\t# implement your handler here\n\tdevice_selection \u003d payload[\"device\"]\n\tself.props.value \u003d device_selection", "sessionScope": false, "viewScope": false } ] }, "type": "ia.input.dropdown" } ], "meta": { "name": "FlexContainer_0" }, "position": { "basis": "200px" }, "props": { "direction": "column", "style": { "borderStyle": "solid", "borderWidth": "0.5px" } }, "type": "ia.container.flex" }, { "meta": { "name": "Label_1" }, "position": { "basis": "32px", "grow": 1 }, "props": { "style": { "textAlign": "left", "textIndent": "10px" } }, "type": "ia.display.label" }, { "meta": { "name": "Label_0" }, "position": { "basis": "32px", "grow": 1 }, "type": "ia.display.label" }, { "children": [ { "meta": { "name": "Label_3" }, "position": { "basis": "32px", "shrink": 0 }, "props": { "style": { "classes": "Text-Styles/Ariel-Bold-White-12pt", "fontWeight": "bold", "text": "value", "textAlign": "left", "textIndent": "10px" }, "text": "Filter by Severity" }, "type": "ia.display.label" }, { "meta": { "name": "Label" }, "position": { "basis": "32px" }, "type": "ia.display.label" }, { "children": [ { "meta": { "name": "Label" }, "position": { "basis": "10px" }, "type": "ia.display.label" }, { "custom": { "Severity": "Critical", "background_on": "false" }, "events": { "component": { "onActionPerformed": { "config": { "script": "\tpayload \u003d {}\n\tseverity \u003d self.custom.Severity\n\tpayload[\"severity\"] \u003d severity\n\tsystem.perspective.sendMessage(\"severity-filter\", payload \u003d payload , scope \u003d \"page\")" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Button" }, "position": { "basis": "80px" }, "propConfig": { "props.style.classes": { "binding": { "config": { "expression": "if({this.custom.background_on}\u003d\"true\",1,0)" }, "transforms": [ { "fallback": "", "inputType": "scalar", "mappings": [ { "input": 1, "output": "Alarms-Styles/Critical" }, { "input": 0, "output": "Alarms-Styles/NoAlarm-Black" } ], "outputType": "style-list", "type": "map" } ], "type": "expr" } } }, "props": { "image": { "icon": { "color": "#FFFFFF", "path": "material/error" }, "position": "top" }, "style": {}, "text": "Critical" }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "button-severity-indicator", "pageScope": true, "script": "\tbackground \u003d \"false\"\n\tseverity \u003d payload[\"severity\"]\n\tbutton_severity \u003d self.custom.Severity\n\tif severity \u003d\u003d button_severity:\n\t\tbackground \u003d \"true\"\n\telse:\n\t\tbackground \u003d \"false\"\n\t\n\tself.custom.background_on \u003d background\n\t", "sessionScope": false, "viewScope": false } ] }, "type": "ia.input.button" }, { "meta": { "name": "Label_0" }, "position": { "basis": "10px" }, "type": "ia.display.label" }, { "custom": { "Severity": "High", "background_on": "false" }, "events": { "component": { "onActionPerformed": { "config": { "script": "\tpayload \u003d {}\n\tseverity \u003d self.custom.Severity\n\tpayload[\"severity\"] \u003d severity\n\tsystem.perspective.sendMessage(\"severity-filter\", payload \u003d payload , scope \u003d \"page\")" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Button_0" }, "position": { "basis": "80px" }, "propConfig": { "props.style.classes": { "binding": { "config": { "expression": "if({this.custom.background_on}\u003d\"true\",1,0)" }, "transforms": [ { "fallback": "", "inputType": "scalar", "mappings": [ { "input": 1, "output": "Alarms-Styles/High" }, { "input": 0, "output": "Alarms-Styles/NoAlarm-Black" } ], "outputType": "style-list", "type": "map" } ], "type": "expr" } } }, "props": { "image": { "icon": { "path": "material/priority_high" }, "position": "top" }, "style": {}, "text": "High" }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "button-severity-indicator", "pageScope": true, "script": "\tbackground \u003d \"false\"\n\tseverity \u003d payload[\"severity\"]\n\tbutton_severity \u003d self.custom.Severity\n\tif severity \u003d\u003d button_severity:\n\t\tbackground \u003d \"true\"\n\telse:\n\t\tbackground \u003d \"false\"\n\t\n\tself.custom.background_on \u003d background", "sessionScope": false, "viewScope": false } ] }, "type": "ia.input.button" }, { "meta": { "name": "Label_1" }, "position": { "basis": "10px" }, "type": "ia.display.label" }, { "custom": { "Severity": "Medium", "background_on": "false" }, "events": { "component": { "onActionPerformed": { "config": { "script": "\tpayload \u003d {}\n\tseverity \u003d self.custom.Severity\n\tpayload[\"severity\"] \u003d severity\n\tsystem.perspective.sendMessage(\"severity-filter\", payload \u003d payload , scope \u003d \"page\")" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Button_1" }, "position": { "basis": "80px" }, "propConfig": { "props.style.classes": { "binding": { "config": { "expression": "if({this.custom.background_on}\u003d\"true\",1,0)" }, "transforms": [ { "fallback": "", "inputType": "scalar", "mappings": [ { "input": 1, "output": "Alarms-Styles/Medium" }, { "input": 0, "output": "Alarms-Styles/NoAlarm-Black" } ], "outputType": "style-list", "type": "map" } ], "type": "expr" } } }, "props": { "image": { "icon": { "path": "material/priority_high" }, "position": "top" }, "style": {}, "text": "Medium" }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "button-severity-indicator", "pageScope": true, "script": "\tbackground \u003d \"false\"\n\tseverity \u003d payload[\"severity\"]\n\tbutton_severity \u003d self.custom.Severity\n\tif severity \u003d\u003d button_severity:\n\t\tbackground \u003d \"true\"\n\telse:\n\t\tbackground \u003d \"false\"\n\t\n\tself.custom.background_on \u003d background", "sessionScope": false, "viewScope": false } ] }, "type": "ia.input.button" }, { "meta": { "name": "Label_2" }, "position": { "basis": "10px" }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer" }, "position": { "basis": "50px", "shrink": 0 }, "type": "ia.container.flex" }, { "meta": { "name": "Label_0" }, "position": { "basis": "7px" }, "type": "ia.display.label" }, { "children": [ { "meta": { "name": "Label" }, "position": { "basis": "10px" }, "type": "ia.display.label" }, { "custom": { "Severity": "Low", "background_on": "false" }, "events": { "component": { "onActionPerformed": { "config": { "script": "\tpayload \u003d {}\n\tseverity \u003d self.custom.Severity\n\tpayload[\"severity\"] \u003d severity\n\tsystem.perspective.sendMessage(\"severity-filter\", payload \u003d payload , scope \u003d \"page\")" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Button" }, "position": { "basis": "80px" }, "propConfig": { "props.style.classes": { "binding": { "config": { "expression": "if({this.custom.background_on}\u003d\"true\",1,0)" }, "transforms": [ { "fallback": "", "inputType": "scalar", "mappings": [ { "input": 1, "output": "Alarms-Styles/Low" }, { "input": 0, "output": "Alarms-Styles/NoAlarm-Black" } ], "outputType": "style-list", "type": "map" } ], "type": "expr" } } }, "props": { "image": { "icon": { "path": "material/low_priority" }, "position": "top" }, "style": {}, "text": "Low" }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "button-severity-indicator", "pageScope": true, "script": "\tbackground \u003d \"false\"\n\tseverity \u003d payload[\"severity\"]\n\tbutton_severity \u003d self.custom.Severity\n\tif severity \u003d\u003d button_severity:\n\t\tbackground \u003d \"true\"\n\telse:\n\t\tbackground \u003d \"false\"\n\t\n\tself.custom.background_on \u003d background", "sessionScope": false, "viewScope": false } ] }, "type": "ia.input.button" }, { "meta": { "name": "Label_0" }, "position": { "basis": "10px" }, "type": "ia.display.label" }, { "custom": { "Severity": "Diagnostic", "background_on": "false" }, "events": { "component": { "onActionPerformed": { "config": { "script": "\tpayload \u003d {}\n\tseverity \u003d self.custom.Severity\n\tpayload[\"severity\"] \u003d severity\n\tsystem.perspective.sendMessage(\"severity-filter\", payload \u003d payload , scope \u003d \"page\")" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Button_0" }, "position": { "basis": "80px" }, "propConfig": { "props.style.classes": { "binding": { "config": { "expression": "if({this.custom.background_on}\u003d\"true\",1,0)" }, "transforms": [ { "fallback": "", "inputType": "scalar", "mappings": [ { "input": 1, "output": "Alarms-Styles/Diagnostic" }, { "input": 0, "output": "Alarms-Styles/NoAlarm-Black" } ], "outputType": "style-list", "type": "map" } ], "type": "expr" } } }, "props": { "image": { "icon": { "path": "material/warning" }, "position": "top" }, "style": {}, "text": "Diagnostic" }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "button-severity-indicator", "pageScope": true, "script": "\t# implement your handler here\n\tbackground \u003d \"false\"\n\tseverity \u003d payload[\"severity\"]\n\tbutton_severity \u003d self.custom.Severity\n\tif severity \u003d\u003d button_severity:\n\t\tbackground \u003d \"true\"\n\telse:\n\t\tbackground \u003d \"false\"\n\t\n\tself.custom.background_on \u003d background", "sessionScope": false, "viewScope": false } ] }, "type": "ia.input.button" }, { "meta": { "name": "Label_2" }, "position": { "basis": "100px" }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer_0" }, "position": { "basis": "50px", "shrink": 0 }, "type": "ia.container.flex" } ], "custom": { "SeverityFilter": "value" }, "meta": { "name": "FlexContainer_1" }, "position": { "basis": "200px" }, "props": { "direction": "column", "style": { "borderStyle": "solid", "borderWidth": "0.5px" } }, "type": "ia.container.flex" }, { "meta": { "name": "Label_3" }, "position": { "basis": "200px", "grow": 1, "shrink": 10 }, "type": "ia.display.label" }, { "children": [ { "meta": { "name": "Label_3" }, "position": { "basis": "32px" }, "props": { "style": { "classes": "Text-Styles/Ariel-Bold-White-12pt", "fontWeight": "bold", "text": "value", "textAlign": "left", "textIndent": "10px" }, "text": "Reset Filters" }, "type": "ia.display.label" }, { "meta": { "name": "Label" }, "position": { "basis": "32px" }, "type": "ia.display.label" }, { "children": [ { "meta": { "name": "Label" }, "position": { "basis": "5px", "grow": 1 }, "type": "ia.display.label" }, { "custom": { "Severity": "Critical", "background_on": "false" }, "events": { "component": { "onActionPerformed": { "config": { "script": "\tpayload1 \u003d {}\n\tpayload2 \u003d{}\n\tpayload3 \u003d{}\n\tpayload1[\"severity\"] \u003d \"\"\n\tpayload2[\"device\"] \u003d \"None\"\n\tpayload3[\"device\"] \u003d \"\"\n\tsystem.perspective.sendMessage(\"severity-filter\", payload \u003d payload1 , scope \u003d \"page\")\n\tsystem.perspective.sendMessage(\"button-severity-indicator\", payload \u003d payload1 , scope \u003d \"page\")\n\tsystem.perspective.sendMessage(\"device-filter-reset\", payload \u003d payload2 , scope \u003d \"page\")\n\tsystem.perspective.sendMessage(\"device-filter\", payload \u003d payload3 , scope \u003d \"page\")" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Button" }, "position": { "basis": "80px" }, "props": { "image": { "icon": { "color": "#FFFFFF", "path": "material/clear" }, "position": "top" }, "style": { "classes": "Alarms-Styles/NoAlarm-Black" }, "text": "Reset Filters" }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "button-severity-indicator", "pageScope": true, "script": "\tbackground \u003d \"false\"\n\tseverity \u003d payload[\"severity\"]\n\tbutton_severity \u003d self.custom.Severity\n\tif severity \u003d\u003d button_severity:\n\t\tbackground \u003d \"true\"\n\telse:\n\t\tbackground \u003d \"false\"\n\t\n\tself.custom.background_on \u003d background\n\t", "sessionScope": false, "viewScope": false } ] }, "type": "ia.input.button" }, { "meta": { "name": "Label_0" }, "position": { "basis": "10px" }, "type": "ia.display.label" }, { "custom": { "Severity": "High", "background_on": "false" }, "events": { "component": { "onActionPerformed": { "config": { "script": "\tsystem.perspective.toggleDock(\"Docked-West\")" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Button_0" }, "position": { "basis": "80px" }, "props": { "image": { "icon": { "path": "material/toggle_on" }, "position": "top" }, "style": { "classes": "Alarms-Styles/NoAlarm-Black" }, "text": "Toggle Dock" }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "button-severity-indicator", "pageScope": true, "script": "\tbackground \u003d \"false\"\n\tseverity \u003d payload[\"severity\"]\n\tbutton_severity \u003d self.custom.Severity\n\tif severity \u003d\u003d button_severity:\n\t\tbackground \u003d \"true\"\n\telse:\n\t\tbackground \u003d \"false\"\n\t\n\tself.custom.background_on \u003d background", "sessionScope": false, "viewScope": false } ] }, "type": "ia.input.button" }, { "meta": { "name": "Label_2" }, "position": { "basis": "10px" }, "type": "ia.display.label" }, { "custom": { "Severity": "High", "background_on": "false" }, "events": { "component": { "onActionPerformed": { "config": { "script": "\tdata \u003d self.parent.parent.parent.parent.getChild(\"Table\").props.data\n\tdataset \u003d system.dataset.dataSetToHTML(1,data,\"Test\")\n\tsystem.perspective.print(type(dataset))\n\tsystem.perspective.download(\"myExport.html\",dataset)" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Button_1" }, "position": { "basis": "80px" }, "props": { "image": { "icon": { "path": "material/import_export" }, "position": "top" }, "style": { "classes": "Alarms-Styles/NoAlarm-Black" }, "text": "Export" }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "button-severity-indicator", "pageScope": true, "script": "\tbackground \u003d \"false\"\n\tseverity \u003d payload[\"severity\"]\n\tbutton_severity \u003d self.custom.Severity\n\tif severity \u003d\u003d button_severity:\n\t\tbackground \u003d \"true\"\n\telse:\n\t\tbackground \u003d \"false\"\n\t\n\tself.custom.background_on \u003d background", "sessionScope": false, "viewScope": false } ] }, "type": "ia.input.button" }, { "meta": { "name": "Label_1" }, "position": { "basis": "5px", "grow": 1 }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer" }, "position": { "basis": "50px", "shrink": 0 }, "type": "ia.container.flex" }, { "meta": { "name": "Label_0" }, "position": { "basis": "36px" }, "type": "ia.display.label" } ], "custom": { "SeverityFilter": "value" }, "meta": { "name": "FlexContainer_2" }, "position": { "basis": "200px" }, "props": { "direction": "column", "style": { "borderStyle": "solid", "borderWidth": "0.5px" } }, "type": "ia.container.flex" } ], "meta": { "name": "FlexContainer" }, "position": { "basis": "300px", "shrink": 0 }, "props": { "direction": "column" }, "type": "ia.container.flex" }, { "meta": { "name": "Label_0" }, "position": { "basis": "15.8px" }, "type": "ia.display.label" }, { "custom": { "Historyfilters": { "Acked": 2, "AckedBy": "", "Area": "", "DeviceDescription": "", "DeviceType": "", "DisplayPath": "", "Empty": 0, "Interval": 0, "LinkToOEEMP": "", "LinkToPage": "", "Name": "", "PLC": "", "Priority": 0, "SubArea": "", "TZ": "Europe/London", "UDT": "" }, "export": "value", "severityFilter": "" }, "meta": { "name": "Table" }, "position": { "basis": "1639px", "grow": 1 }, "propConfig": { "custom.Historyfilters.FC": { "binding": { "config": { "fallbackDelay": 2.5, "mode": "direct", "tagPath": "Configuration/FC" }, "type": "tag" } }, "custom.Historyfilters.StartDT": { "binding": { "config": { "path": "../FlexContainer/FlexContainer/StartTime.props.value" }, "type": "property" } }, "custom.Historyfilters.StopDT": { "binding": { "config": { "path": "../FlexContainer/FlexContainer/EndTime.props.value" }, "type": "property" } }, "custom.alarmHistory": { "binding": { "config": { "parameters": { "Ackd": "{this.custom.Historyfilters.Acked}", "AckdBy": "{this.custom.Historyfilters.AckedBy}", "Area": "{this.custom.Historyfilters.Area}", "DeviceDescription": "{this.custom.Historyfilters.DeviceDescription}", "DeviceType": "{this.custom.Historyfilters.DeviceType}", "DisplayPath": "{this.custom.Historyfilters.DisplayPath}", "Empty": "{this.custom.Historyfilters.Empty}", "Finish": "{this.custom.Historyfilters.StopDT}", "Interval": "{this.custom.Historyfilters.Interval}", "LinkToOEEMP": "{this.custom.Historyfilters.LinkToOEEMP}", "LinkToPage": "{this.custom.Historyfilters.LinkToPage}", "Name": "{this.custom.Historyfilters.Name}", "PLC": "{this.custom.Historyfilters.PLC}", "Priority": "{this.custom.Historyfilters.Priority}", "Start": "{this.custom.Historyfilters.StartDT}", "SubArea": "{this.custom.Historyfilters.SubArea}", "TZ": "{this.custom.Historyfilters.TZ}", "UDT": "{this.custom.Historyfilters.UDT}", "WHID": "{Configuration/FC}" }, "polling": { "enabled": true, "rate": "2" }, "queryPath": "StoredProcedures/GetHistoricalAlarms", "returnFormat": "dataset" }, "type": "query" } }, "custom.export": { "onChange": { "enabled": null, "script": "\tdata \u003d self.props.data\n\tsystem.perspective.download(\"AlarmExport\", data)" } }, "custom.severityFilter": { "onChange": { "enabled": null, "script": "\tpayload \u003d {}\n\tseverity \u003d self.custom.severityFilter\n\tpayload[\"severity\"] \u003d severity\n\tsystem.perspective.sendMessage(\"button-severity-indicator\", payload\u003d payload, scope \u003d \"page\")" } }, "props.data": { "binding": { "config": { "path": "this.custom.alarmHistory" }, "type": "property" } } }, "props": { "columns": [ { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY HH:mm:ss", "editable": false, "field": "TimeStamp", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": true, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "Duration", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": true, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "Name", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": true, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "Priority", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": true, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "Acked", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": false, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "UDT", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": true, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "UID", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": true, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "DeviceDescription", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": false, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "DeviceType", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": false, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "DisplayPath", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": true, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "Area", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": true, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "SubArea", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": true, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "PLC", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": true, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "MaintenanceTemplate", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": false, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "LinkToPage", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": false, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "LinkToBOM", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": false, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "LinkToHelp", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": false, "width": "" }, { "align": "center", "boolean": "checkbox", "dateFormat": "MM/DD/YYYY", "editable": false, "field": "LinkToOEEMP", "footer": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "header": { "align": "center", "justify": "left", "style": { "classes": "" }, "title": "" }, "justify": "auto", "number": "value", "numberFormat": "0,0.##", "progressBar": { "bar": { "color": "", "style": { "classes": "" } }, "max": 100, "min": 0, "track": { "color": "", "style": { "classes": "" } }, "value": { "enabled": true, "format": "0,0.##", "justify": "center", "style": { "classes": "" } } }, "render": "auto", "resizable": true, "sort": "none", "sortable": true, "strictWidth": false, "style": { "classes": "" }, "toggleSwitch": { "color": { "selected": "", "unselected": "" } }, "viewParams": {}, "viewPath": "", "visible": false, "width": "" } ], "filter": { "enabled": true }, "headerGroups": [ [] ] }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "severity-filter", "pageScope": true, "script": "\tfilter \u003d payload[\"severity\"]\n\tself.custom.severityFilter \u003d filter\n\tself.props.filter.text \u003d filter\n\t", "sessionScope": false, "viewScope": false }, { "messageType": "device-filter", "pageScope": true, "script": "\t# implement your handler here\n\tdevice\u003d payload[\"device\"]\n\tself.custom.Historyfilters.PLC \u003d device", "sessionScope": false, "viewScope": false } ] }, "type": "ia.display.table" } ], "meta": { "name": "root" }, "props": { "style": { "classes": "Background-Styles/Main-Background" } }, "type": "ia.container.flex" } }