{ "custom": { "AlarmSeverity": 2 }, "params": { "embedded": true, "objectName": "PlantFailure", "tagPath": "[Ignition_Common_IO_Gtwy]MPR1140/PLC Tags/SATB1_PlantFailureParameters" }, "propConfig": { "custom.AlarmSeverity": { "binding": { "config": { "fallbackDelay": 2.5, "mode": "indirect", "references": { "tagPath": "{view.params.tagPath}" }, "tagPath": "{tagPath}/AlarmSummary/ActiveAlarms" }, "transforms": [ { "code": "\treturn alarm.summary.calcMaxPriority(self.view.params.tagPath)", "type": "script" } ], "type": "tag" }, "persistent": true }, "params.embedded": { "paramDirection": "input", "persistent": true }, "params.objectName": { "paramDirection": "input", "persistent": true }, "params.tagPath": { "paramDirection": "input", "persistent": true } }, "props": { "defaultSize": { "height": 100, "width": 200 } }, "root": { "children": [ { "children": [ { "children": [ { "meta": { "name": "Label" }, "position": { "grow": 1 }, "propConfig": { "props.text": { "binding": { "config": { "fallbackDelay": 2.5, "mode": "indirect", "references": { "tagPath": "{view.params.tagPath}" }, "tagPath": "{tagPath}/Meta/EqName" }, "type": "tag" } } }, "type": "ia.display.label" }, { "children": [ { "meta": { "name": "Label_0" }, "position": { "grow": 1 }, "propConfig": { "props.text": { "binding": { "config": { "fallbackDelay": 2.5, "mode": "indirect", "references": { "tagPath": "{view.params.tagPath}" }, "tagPath": "{tagPath}/Alarms/System FAil" }, "transforms": [ { "fallback": "Error", "inputType": "scalar", "mappings": [ { "input": false, "output": "System OK" }, { "input": true, "output": "System Fail" } ], "outputType": "scalar", "type": "map" } ], "type": "tag" } } }, "props": { "textStyle": { "color": "var(--tagvalue-color)" } }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer" }, "position": { "grow": 1 }, "props": { "style": { "gap": "5px", "textAlign": "center" } }, "type": "ia.container.flex" } ], "meta": { "name": "FlexContainer" }, "position": { "basis": "200px" }, "props": { "direction": "column", "style": { "overflow": "hidden" } }, "type": "ia.container.flex" }, { "meta": { "name": "EmbeddedView" }, "position": { "basis": "0.1px" }, "propConfig": { "props.params.AlarmSeverity": { "binding": { "config": { "path": "view.custom.AlarmSeverity" }, "type": "property" } } }, "props": { "loading": { "order": "with-parent" }, "path": "Library/Alarms/Icons", "style": { "marginLeft": -20, "marginTop": -20, "overflow": "visible", "z-index": 0 }, "useDefaultViewHeight": true, "useDefaultViewWidth": true }, "type": "ia.display.view" } ], "meta": { "name": "FlexContainer_0" }, "position": { "basis": "200px" }, "props": { "style": { "overflow": "visible" } }, "type": "ia.container.flex" } ], "events": { "dom": { "onClick": { "config": { "script": "\tif(self.view.params.embedded \u003d\u003d True):\n\t\tpageId \u003d self.page.props.pageId\n\t\tsystem.perspective.print(\u0027pageId: {}\u0027.format(pageId))\n\t\n\t\ttagPath \u003d self.view.params.tagPath\n\t\tobjectName \u003d self.view.params.objectName\n\t\tutils.nav.openEQPopup(objectName, tagPath)\n\telse:\n\t\ttagPath \u003d self.view.params.tagPath\n\t\tobjectName \u003d self.view.params.objectName\n\t\tpayload\u003d{\n\t\t\t\u0027objectName\u0027: objectName,\n\t\t\t\u0027tagPath\u0027: tagPath,\n\t\t\t\u0027modal\u0027: False,\n\t\t\t\u0027resizable\u0027: True,\n\t\t\t\u0027draggable\u0027: True,\n\t\t\t\u0027position\u0027: {\n\t#\t\t\t\u0027left\u0027:\u00270\u0027,\n\t#\t\t\t\u0027top\u0027:\u00270\u0027,\n\t\t\t\u0027width\u0027: \u00271000px\u0027,\n\t\t\t\u0027height\u0027: \u0027800px\u0027\n\t\t\t}\n\t\t}\n\t\tutils.nav.eqPopupMsg(self, payload)" }, "scope": "G", "type": "script" } } }, "meta": { "name": "root" }, "propConfig": { "props.style.outlineColor": { "binding": { "config": { "path": "view.custom.AlarmSeverity" }, "transforms": [ { "fallback": "none", "inputType": "scalar", "mappings": [ { "input": -1, "output": "white" }, { "input": 0, "output": "white" }, { "input": 1, "output": "var(--coolpurple)" }, { "input": 2, "output": "var(--goldenyellow)" }, { "input": 3, "output": "var(--sunsetorange)" }, { "input": 4, "output": "var(--alarmred)" } ], "outputType": "scalar", "type": "map" } ], "type": "property" } }, "props.style.outlineStyle": { "binding": { "config": { "path": "view.custom.AlarmSeverity" }, "transforms": [ { "fallback": "None", "inputType": "scalar", "mappings": [ { "input": -1, "output": "None" }, { "input": 0, "output": "None" }, { "input": 1, "output": "Solid" }, { "input": 2, "output": "Solid" }, { "input": 3, "output": "Solid" }, { "input": 4, "output": "Solid" } ], "outputType": "scalar", "type": "map" } ], "type": "property" } } }, "props": { "direction": "column", "style": { "backgroundColor": "--containerNested", "boxShadow": "var(--boxShadow2)", "classes": "containers/HoverOver", "gap": "5px", "overflow": "visible", "padding": "5px" } }, "type": "ia.container.flex" } }