{ "custom": {}, "params": { "body": "", "link1": "", "link1title": "", "link2": "", "link2title": "", "priority": "", "title": "" }, "propConfig": { "params.body": { "paramDirection": "inout", "persistent": true }, "params.link1": { "paramDirection": "inout", "persistent": true }, "params.link1title": { "paramDirection": "inout", "persistent": true }, "params.link2": { "paramDirection": "inout", "persistent": true }, "params.link2title": { "paramDirection": "inout", "persistent": true }, "params.priority": { "paramDirection": "inout", "persistent": true }, "params.title": { "paramDirection": "inout", "persistent": true } }, "props": { "defaultSize": { "height": 227, "width": 600 } }, "root": { "children": [ { "children": [ { "children": [ { "children": [ { "meta": { "name": "title" }, "position": { "basis": "50px", "grow": 1 }, "propConfig": { "position.display": { "binding": { "config": { "expression": "{this.props.text}" }, "transforms": [ { "fallback": true, "inputType": "scalar", "mappings": [ { "input": "", "output": false } ], "outputType": "scalar", "type": "map" } ], "type": "expr" } }, "props.style.color": { "binding": { "config": { "path": "view.params.state" }, "enabled": false, "transforms": [ { "fallback": "var(--info)", "inputType": "scalar", "mappings": [ { "input": "info", "output": "var(--info)" }, { "input": "success", "output": "var(--success)" }, { "input": "error", "output": "var(--error)" }, { "input": "warning", "output": "var(--warning)" } ], "outputType": "scalar", "type": "map" } ], "type": "property" } }, "props.text": { "binding": { "config": { "path": "view.params.title" }, "type": "property" } } }, "props": { "style": { "classes": "Alerts/alertTitle", "color": "#FFFFFF", "marginLeft": 5 }, "textStyle": { "paddingLeft": 5, "paddingRight": 5 } }, "type": "ia.display.label" } ], "meta": { "name": "TopRow" }, "position": { "basis": "40px" }, "props": { "style": { "backgroundColor": "#555555" } }, "type": "ia.container.flex" }, { "children": [ { "meta": { "name": "Body-Label" }, "position": { "basis": "80px", "grow": 1 }, "propConfig": { "props.text": { "binding": { "config": { "bidirectional": true, "path": "view.params.body" }, "type": "property" } } }, "type": "ia.display.label" } ], "meta": { "name": "BodyRow" }, "position": { "basis": "90px", "grow": 1 }, "props": { "style": { "marginBottom": 2.5, "marginLeft": 10, "marginRight": 5, "marginTop": 5 } }, "type": "ia.container.flex" }, { "children": [ { "events": { "dom": { "onClick": { "config": { "script": "\tlink \u003d self.view.params.link1\n\t\n\tsystem.perspective.navigate(url\u003dlink, newTab\u003dTrue)" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Icon", "tooltip": { "enabled": true } }, "position": { "basis": "30px" }, "propConfig": { "meta.tooltip.text": { "binding": { "config": { "path": "view.params.link1" }, "type": "property" } } }, "props": { "path": "material/open_in_new", "style": { "marginLeft": 10, "marginRight": 10 } }, "type": "ia.display.icon" }, { "events": { "dom": { "onClick": { "config": { "script": "\tlink \u003d self.view.params.link1\n\t\n\tsystem.perspective.navigate(url\u003dlink, newTab\u003dTrue)" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Link1-Label", "tooltip": { "enabled": true } }, "position": { "basis": "50px", "grow": 1 }, "propConfig": { "meta.tooltip.text": { "binding": { "config": { "path": "view.params.link1" }, "type": "property" } }, "props.text": { "binding": { "config": { "path": "view.params.link1title" }, "type": "property" } } }, "type": "ia.display.label" } ], "meta": { "name": "URL1Row" }, "position": { "basis": "40px" }, "propConfig": { "position.display": { "binding": { "config": { "path": "view.params.link1title" }, "transforms": [ { "code": "\tif len(value)\u003e0:\n\t\tvalue \u003d True\n\telse:\n\t\tvalue \u003d False\n\treturn value", "type": "script" } ], "type": "property" } } }, "props": { "style": { "backgroundColor": "#555555", "overflow": "hidden" } }, "type": "ia.container.flex" }, { "children": [ { "events": { "dom": { "onClick": { "config": { "script": "\tlink \u003d self.view.params.link2\n\t\n\tsystem.perspective.navigate(url\u003dlink, newTab\u003dTrue)" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Icon", "tooltip": { "enabled": true } }, "position": { "basis": "30px" }, "propConfig": { "meta.tooltip.text": { "binding": { "config": { "path": "view.params.link2" }, "type": "property" } } }, "props": { "path": "material/open_in_new", "style": { "marginLeft": 10, "marginRight": 10 } }, "type": "ia.display.icon" }, { "events": { "dom": { "onClick": { "config": { "script": "\tlink \u003d self.view.params.link2\n\t\n\tsystem.perspective.navigate(url\u003dlink, newTab\u003dTrue)" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Link2-Label", "tooltip": { "enabled": true } }, "position": { "basis": "50px", "grow": 1 }, "propConfig": { "meta.tooltip.text": { "binding": { "config": { "path": "view.params.link2" }, "type": "property" } }, "props.text": { "binding": { "config": { "path": "view.params.link2title" }, "type": "property" } } }, "type": "ia.display.label" } ], "meta": { "name": "URL2Row" }, "position": { "basis": "40px" }, "propConfig": { "position.display": { "binding": { "config": { "path": "view.params.link2title" }, "transforms": [ { "code": "\tif len(value)\u003e0:\n\t\tvalue \u003d True\n\telse:\n\t\tvalue \u003d False\n\treturn value", "type": "script" } ], "type": "property" } } }, "props": { "style": { "backgroundColor": "#555555" } }, "type": "ia.container.flex" } ], "meta": { "name": "content" }, "position": { "basis": "500px", "grow": 1 }, "props": { "direction": "column", "style": { "classes": "Utilities/m-r-16" } }, "type": "ia.container.flex" } ], "meta": { "name": "body" }, "position": { "basis": "200px", "grow": 1 }, "props": { "alignItems": "flex-start", "justify": "center", "style": { "boxSizing": "content-box", "classes": "Background-Styles/Controller" } }, "type": "ia.container.flex" } ], "meta": { "name": "root" }, "propConfig": { "props.style.borderLeftColor": { "binding": { "config": { "path": "view.params.priority" }, "transforms": [ { "fallback": "state5", "inputType": "scalar", "mappings": [ { "input": "Healthy", "output": "state5" }, { "input": "Diagnostic", "output": "state4" }, { "input": "Low", "output": "state3" }, { "input": "Medium", "output": "state2" }, { "input": "High", "output": "state1" } ], "outputType": "scalar", "type": "map" }, { "code": "\tprefix \u003d self.session.custom.colours[value]\n\treturn prefix", "type": "script" } ], "type": "property" } } }, "props": { "style": { "borderBottomStyle": "none", "borderLeftStyle": "solid", "borderLeftWidth": 5, "borderRightStyle": "none", "borderTopStyle": "none", "classes": "Background-Styles/Controller" } }, "type": "ia.container.flex" } }