{ "custom": { "options": [ "Off", "On" ] }, "params": { "item": { "access_level": 0, "format": "0.0", "group": 1, "is_hidden": false, "is_read_only": false, "item_label": "CB1 Status", "order": 1, "states": [ "Off", "On" ], "sub_path": "/CB1/Status/Status", "tagpath": "[Ignition_TX21_BE]DM11/RPP_01/CB1/Status/Status", "type": "status", "widget": "status_multistate" } }, "propConfig": { "custom.options": { "binding": { "config": { "fallbackDelay": 2.5, "mode": "indirect", "references": { "tagpath": "{view.params.item.tagpath}" }, "tagPath": "{tagpath}.ui_states" }, "type": "tag" }, "persistent": true }, "params.item": { "paramDirection": "input", "persistent": true } }, "props": { "defaultSize": { "height": 40, "width": 300 } }, "root": { "children": [ { "children": [ { "meta": { "name": "Label" }, "position": { "basis": "60%", "grow": 1 }, "propConfig": { "props.text": { "binding": { "config": { "fallbackDelay": 2.5, "mode": "indirect", "references": { "tagpath": "{view.params.item.tagpath}" }, "tagPath": "{tagpath}/Parameters.Item_Label" }, "type": "tag" } } }, "props": { "style": { "classes": "Common/Static/text", "paddingRight": "var(--space-sm)" }, "textStyle": { "color": "var(--text-color)", "textAlign": "start" } }, "type": "ia.display.label" }, { "meta": { "name": "Label_0" }, "position": { "basis": "200px" }, "propConfig": { "props.text": { "binding": { "config": { "fallbackDelay": 2.5, "mode": "indirect", "references": { "tagpath": "{view.params.item.tagpath}" }, "tagPath": "{tagpath}/val" }, "transforms": [ { "code": "\toptions \u003d self.view.custom.options\n\treturn options[int(value)]", "type": "script" } ], "type": "tag" } } }, "props": { "style": { "backgroundColor": "var(--call-to-action)", "borderBottomLeftRadius": 4, "borderBottomRightRadius": 4, "borderTopLeftRadius": 4, "borderTopRightRadius": 4, "color": "var(--container-root)", "textAlign": "center" } }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer" }, "position": { "basis": "60%", "grow": 1, "shrink": 0 }, "props": { "alignContent": "center", "alignItems": "center", "justify": "center", "style": { "overflow": "visible" } }, "type": "ia.container.flex" } ], "meta": { "name": "root" }, "props": { "direction": "column", "justify": "center", "style": { "marginRight": "5px", "overflow": "visible" } }, "type": "ia.container.flex" } }