{ "custom": {}, "params": { "Counts": { "Diag": 0, "High": 0, "Low": 0, "Medium": 0 }, "Status": "", "tagProps": [ "PLC03", "value", "value", "value", "value", "value", "value", "value", "value", "value" ] }, "propConfig": { "params.Counts": { "paramDirection": "input", "persistent": true }, "params.Status": { "paramDirection": "input", "persistent": true }, "params.tagProps": { "paramDirection": "input", "persistent": true } }, "props": { "defaultSize": { "height": 212, "width": 336 }, "key": "value" }, "root": { "children": [ { "children": [ { "meta": { "name": "Label" }, "position": { "basis": "400px" }, "propConfig": { "props.text": { "binding": { "config": { "path": "view.params.tagProps[0]" }, "type": "property" } } }, "props": { "textStyle": { "textIndent": "10px" } }, "type": "ia.display.label" }, { "meta": { "name": "JAM", "tooltip": { "enabled": true, "text": "Jams" } }, "position": { "basis": "24px", "shrink": 0 }, "props": { "path": "Symbol-Views/Equipment-Views/JAM", "style": { "marginRight": "5px" } }, "type": "ia.display.view" }, { "meta": { "name": "Label_0" }, "position": { "basis": "10px", "grow": 1 }, "props": { "style": { "marginRight": "10px" }, "text": 0, "textStyle": { "textAlign": "end" } }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer" }, "position": { "basis": "60px" }, "props": { "style": { "backgroundColor": "#555555", "key": "value" } }, "type": "ia.container.flex" }, { "children": [ { "meta": { "name": "Label_0" }, "position": { "basis": "50px" }, "props": { "style": { "marginLeft": 10 }, "text": "AREA", "textStyle": { "fontFamily": "Roboto", "fontSize": 12 } }, "type": "ia.display.label" }, { "meta": { "name": "Label" }, "position": { "basis": "195px" }, "propConfig": { "props.text": { "binding": { "config": { "path": "/root.custom.area_display" }, "type": "property" } } }, "props": { "style": { "marginLeft": 50 }, "textStyle": { "fontSize": 12 } }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer_0" }, "position": { "basis": "80px" }, "props": { "style": { "borderBottomColor": "#555555", "borderBottomStyle": "solid", "borderBottomWidth": 0.5, "borderLeftColor": "#555555", "borderLeftStyle": "none", "borderLeftWidth": 0.5, "borderRightColor": "#555555", "borderRightStyle": "none", "borderRightWidth": 0.5, "borderTopColor": "#555555", "borderTopStyle": "solid", "borderTopWidth": 0.5 } }, "type": "ia.container.flex" }, { "children": [ { "meta": { "name": "Label_0" }, "position": { "basis": "50px" }, "props": { "style": { "marginLeft": 10 }, "text": "STATUS", "textStyle": { "fontFamily": "Roboto", "fontSize": 12 } }, "type": "ia.display.label" }, { "events": { "dom": { "onClick": { "config": { "script": "\tself.session.custom.covert\u003d False\n\tnavigation.navigate_to_page.detailed_view(self, self.view.params.tagProps[0],self.view.params.tagProps[0], self.view.params.tagProps[3])" }, "enabled": false, "scope": "G", "type": "script" } } }, "meta": { "name": "Label" }, "position": { "basis": "236px" }, "propConfig": { "custom.status": { "binding": { "config": { "path": "/root.custom.status" }, "type": "property" } }, "props.style.classes": { "binding": { "config": { "path": "this.custom.status" }, "transforms": [ { "fallback": "State-Styles/State0", "inputType": "scalar", "mappings": [ { "input": 1, "output": "State-Styles/Background-Fill/State1" }, { "input": 2, "output": "State-Styles/Background-Fill/State2" }, { "input": 3, "output": "State-Styles/Background-Fill/State3" }, { "input": 4, "output": "State-Styles/Background-Fill/State4" }, { "input": 5, "output": "State-Styles/Background-Fill/State5" }, { "input": 6, "output": "State-Styles/Background-Fill/State6" }, { "input": 0, "output": "State-Styles/State0" } ], "outputType": "style-list", "type": "map" }, { "expression": "if({session.custom.colours.colour_impaired},{value}+\u0027_Alt\u0027,{value})", "type": "expression" } ], "type": "property" } }, "props.text": { "binding": { "config": { "path": "this.custom.status" }, "transforms": [ { "fallback": null, "inputType": "scalar", "mappings": [ { "input": 5, "output": "HEALTHY" }, { "input": 4, "output": "DIAGNOSTIC" }, { "input": 3, "output": "PROCESS DEGRADED" }, { "input": 2, "output": "STOPPED" }, { "input": 1, "output": "FAULTED" }, { "input": 6, "output": null } ], "outputType": "scalar", "type": "map" } ], "type": "property" } } }, "props": { "style": { "borderBottomLeftRadius": 5, "borderBottomRightRadius": 5, "borderColor": "#555555", "borderStyle": "solid", "borderTopLeftRadius": 5, "borderTopRightRadius": 5, "borderWidth": 2, "marginBottom": 10, "marginLeft": 50, "marginRight": 10, "marginTop": 10 }, "textStyle": { "fontSize": 12, "textAlign": "center" } }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer_1" }, "position": { "basis": "80px" }, "props": { "style": { "borderBottomColor": "#555555", "borderBottomStyle": "solid", "borderBottomWidth": 0.5 } }, "type": "ia.container.flex" }, { "children": [ { "meta": { "name": "Icon" }, "position": { "basis": "25px" }, "props": { "path": "material/notifications_active", "style": { "marginLeft": 10 } }, "type": "ia.display.icon" }, { "meta": { "name": "Label" }, "position": { "basis": "100px" }, "props": { "style": { "marginLeft": 10 }, "text": "ACTIVE ALARMS", "textStyle": { "fontFamily": "Roboto", "fontSize": 12 } }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer_3" }, "position": { "basis": "80px" }, "type": "ia.container.flex" }, { "children": [ { "children": [ { "children": [ { "meta": { "name": "Label_0" }, "position": { "basis": "32px" }, "props": { "text": "High", "textStyle": { "fontSize": 10 } }, "type": "ia.display.label" }, { "meta": { "name": "Label_1" }, "position": { "basis": "32px" }, "props": { "text": "Medium", "textStyle": { "fontSize": 10 } }, "type": "ia.display.label" }, { "meta": { "name": "Label_2" }, "position": { "basis": "32px" }, "props": { "text": "Low", "textStyle": { "fontSize": 10 } }, "type": "ia.display.label" }, { "meta": { "name": "Label_3" }, "position": { "basis": "32px" }, "props": { "text": "Diag", "textStyle": { "fontSize": 10 } }, "type": "ia.display.label" }, { "meta": { "name": "Label_4" }, "position": { "basis": "32px" }, "props": { "text": "Total", "textStyle": { "fontSize": 10 } }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer" }, "position": { "basis": "200px" }, "props": { "justify": "space-between" }, "type": "ia.container.flex" }, { "children": [ { "meta": { "name": "Label_0" }, "position": { "basis": "32px" }, "props": { "text": 0, "textStyle": { "fontSize": 10, "textAlign": "center" } }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "update-alarm-count", "pageScope": false, "script": "\thigh \u003d payload.get(\"High\",0)\n\tself.props.text \u003d high", "sessionScope": false, "viewScope": true } ] }, "type": "ia.display.label" }, { "meta": { "name": "Label_1" }, "position": { "basis": "32px" }, "props": { "text": 0, "textStyle": { "fontSize": 10, "textAlign": "center" } }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "update-alarm-count", "pageScope": false, "script": "\tmedium \u003d payload.get(\"Medium\",0)\n\tself.props.text \u003d medium", "sessionScope": false, "viewScope": true } ] }, "type": "ia.display.label" }, { "meta": { "name": "Label_2" }, "position": { "basis": "32px" }, "props": { "text": 0, "textStyle": { "fontSize": 10, "textAlign": "center" } }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "update-alarm-count", "pageScope": false, "script": "\tlow \u003d payload.get(\"Low\",0)\n\tself.props.text \u003d low", "sessionScope": false, "viewScope": true } ] }, "type": "ia.display.label" }, { "meta": { "name": "Label_3" }, "position": { "basis": "32px" }, "props": { "text": 0, "textStyle": { "fontSize": 10, "textAlign": "center" } }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "update-alarm-count", "pageScope": false, "script": "\tdiag \u003d payload.get(\"Diagnostic\",0)\n\tself.props.text \u003d diag", "sessionScope": false, "viewScope": true } ] }, "type": "ia.display.label" }, { "meta": { "name": "Label_4" }, "position": { "basis": "32px" }, "props": { "text": 0, "textStyle": { "fontSize": 10, "textAlign": "center" } }, "scripts": { "customMethods": [], "extensionFunctions": null, "messageHandlers": [ { "messageType": "update-alarm-count", "pageScope": false, "script": "\tcritical \u003d payload.get(\"Critical\",0)\n\thigh \u003d payload.get(\"High\",0)\n\tmed \u003d payload.get(\"Medium\",0)\n\tlow \u003d payload.get(\"Low\",0)\n\tdiag \u003d payload.get(\"Diagnostic\",0)\n\t\n\ttotal \u003d critical + high + med + low + diag\n\tself.props.text \u003d total\n\t", "sessionScope": false, "viewScope": true } ] }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer_1" }, "position": { "basis": "200px" }, "props": { "justify": "space-between" }, "type": "ia.container.flex" } ], "meta": { "name": "FlexContainer" }, "position": { "basis": "334px" }, "props": { "direction": "column" }, "type": "ia.container.flex" } ], "meta": { "name": "FlexContainer_2" }, "position": { "basis": "80px" }, "props": { "style": { "marginBottom": 5, "marginLeft": 10, "marginRight": 10 } }, "type": "ia.container.flex" } ], "custom": { "counts": { "Critical": 0 } }, "events": { "dom": { "onClick": { "config": { "script": "\tself.session.custom.covert\u003d False\n\twhid \u003d self.session.custom.fc\n\tsession_id \u003d self.session.props.id\n\tpage_id \u003d \"Detailed-View: \" + self.view.params.tagProps[0]\n\tCommands.analytics.send_page_details(whid, session_id, page_id)\n\tnavigation.navigate_to_page.detailed_view(self, self.view.params.tagProps[0],self.view.params.tagProps[0], self.view.params.tagProps[3])" }, "scope": "G", "type": "script" } } }, "meta": { "name": "root" }, "propConfig": { "custom.Total": { "binding": { "config": { "expression": "{view.params.Counts.High} + {view.params.Counts.Medium} + {view.params.Counts.Low} + {view.params.Counts.Diag}" }, "type": "expr" } }, "custom.area": { "binding": { "config": { "expression": "jsonGet({this.custom.plc_dict}, \"Area\")" }, "type": "expr" } }, "custom.area_display": { "binding": { "config": { "expression": "if(len({this.custom.sub_area})\u003e0,\r\nconcat({this.custom.area} + \"/\" + {this.custom.sub_area}),\r\n{this.custom.area})" }, "type": "expr" } }, "custom.counts": { "onChange": { "enabled": null, "script": "\tsystem.perspective.sendMessage(\"update-alarm-count\", self.custom.counts, \"view\")" } }, "custom.counts.Diagnostic": { "binding": { "config": { "path": "view.params.Counts.Diag" }, "type": "property" } }, "custom.counts.High": { "binding": { "config": { "path": "view.params.Counts.High" }, "type": "property" } }, "custom.counts.Low": { "binding": { "config": { "path": "view.params.Counts.Low" }, "type": "property" } }, "custom.counts.Medium": { "binding": { "config": { "path": "view.params.Counts.Medium" }, "type": "property" } }, "custom.plc_dict": { "binding": { "config": { "fallbackDelay": 2.5, "mode": "indirect", "references": { "fc": "{session.custom.fc}" }, "tagPath": "[{fc}_SCADA_TAG_PROVIDER]Configuration/PLC" }, "transforms": [ { "expression": "jsonGet({value}, {view.params.tagProps[0]})", "type": "expression" } ], "type": "tag" } }, "custom.provider": { "binding": { "config": { "expression": "\"[\"+{session.custom.fc}+\"_SCADA_TAG_PROVIDER]\"" }, "type": "expr" } }, "custom.status": { "binding": { "config": { "fallbackDelay": 2.5, "mode": "indirect", "references": { "0": "{view.params.tagProps[0]}", "fc": "{session.custom.fc}" }, "tagPath": "[{fc}_SCADA_TAG_PROVIDER]{0}/ALARMST" }, "transforms": [ { "expression": "if(isNull({value}), 0, {value})", "type": "expression" }, { "fallback": null, "inputType": "scalar", "mappings": [ { "input": 4, "output": 1 }, { "input": 3, "output": 2 }, { "input": 2, "output": 3 }, { "input": 1, "output": 4 }, { "input": 0, "output": 5 } ], "outputType": "scalar", "type": "map" } ], "type": "tag" } }, "custom.sub_area": { "binding": { "config": { "expression": "jsonGet({this.custom.plc_dict}, \"SubArea\")" }, "type": "expr" } }, "meta.visible": { "binding": { "config": { "expression": "if({session.custom.covert} \u003d False \u0026\u0026 {this.custom.status} \u003d 5, False, True)" }, "type": "expr" } } }, "props": { "direction": "column", "style": { "animationFillMode": "both", "borderBottomLeftRadius": 10, "borderBottomRightRadius": 10, "borderColor": "#555555", "borderStyle": "solid", "borderTopLeftRadius": 10, "borderTopRightRadius": 10, "borderWidth": 1, "box-shadow": "5px 5px 5px grey", "classes": "Background-Styles/Controller", "cursor": "pointer" } }, "type": "ia.container.flex" } }