522 lines
16 KiB
Plaintext
522 lines
16 KiB
Plaintext
{
|
|
"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"
|
|
}
|
|
} |