320 lines
7.8 KiB
Plaintext
320 lines
7.8 KiB
Plaintext
{
|
|
"custom": {
|
|
"AlarmSeverity": 0
|
|
},
|
|
"params": {
|
|
"config": 1,
|
|
"tagpath": "value"
|
|
},
|
|
"propConfig": {
|
|
"custom.AlarmSeverity": {
|
|
"persistent": true
|
|
},
|
|
"params.config": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.tagpath": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 72,
|
|
"width": 53
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "id"
|
|
},
|
|
"position": {
|
|
"height": 9
|
|
},
|
|
"propConfig": {
|
|
"meta.visible": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.config"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": false,
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": 1,
|
|
"output": true
|
|
},
|
|
{
|
|
"input": 2,
|
|
"output": false
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"position.width": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.props.defaultSize.width"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "var(--text-color)",
|
|
"fontSize": 10,
|
|
"paddingLeft": "var(--space-xs)"
|
|
},
|
|
"text": "CDU 01"
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "status"
|
|
},
|
|
"position": {
|
|
"basis": "20%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "darkgray",
|
|
"fontSize": 10,
|
|
"textAlign": "center"
|
|
},
|
|
"text": "Running"
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "value"
|
|
},
|
|
"position": {
|
|
"basis": "60%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "var(--call-to-action)",
|
|
"fontSize": 10,
|
|
"textAlign": "end"
|
|
},
|
|
"text": 68.5
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "engUnit"
|
|
},
|
|
"position": {
|
|
"basis": "40%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"fontSize": 10
|
|
},
|
|
"text": "°F"
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Variable01"
|
|
},
|
|
"position": {
|
|
"basis": "40%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"gap": "var(--space-xs)"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "value"
|
|
},
|
|
"position": {
|
|
"basis": "60%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "var(--call-to-action)",
|
|
"fontSize": 10,
|
|
"textAlign": "end"
|
|
},
|
|
"text": 45.2
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "engUnits"
|
|
},
|
|
"position": {
|
|
"basis": "40%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"fontSize": 10
|
|
},
|
|
"text": "dp"
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Variable02"
|
|
},
|
|
"position": {
|
|
"basis": "40%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"gap": "var(--space-xs)"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"id": "L4",
|
|
"type": "open",
|
|
"viewParams": {
|
|
"tagpath": "{view.params.tagpath}"
|
|
}
|
|
},
|
|
"scope": "C",
|
|
"type": "dock"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Device"
|
|
},
|
|
"position": {
|
|
"height": 58,
|
|
"width": 50,
|
|
"x": 1,
|
|
"y": 13
|
|
},
|
|
"propConfig": {
|
|
"props.style.outlineColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.custom.AlarmSeverity"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": "transparent",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": 1,
|
|
"output": "var(--alarm-low)"
|
|
},
|
|
{
|
|
"input": 2,
|
|
"output": "var(--alarm-medium)"
|
|
},
|
|
{
|
|
"input": 3,
|
|
"output": "var(--alarm-high)"
|
|
},
|
|
{
|
|
"input": 4,
|
|
"output": "var(--alarm-critical)"
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"backgroundColor": "var(--high-performance-white)",
|
|
"border": "solid",
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "#000000AA",
|
|
"borderStyle": "none",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": 1,
|
|
"boxShadow": "var(--box-shadow-3)",
|
|
"classes": "containers/HoverOver",
|
|
"outlineStyle": "solid",
|
|
"outlineWidth": "2",
|
|
"overflow": "visible",
|
|
"padding": "var(--space-xs)"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "AlarmIcons"
|
|
},
|
|
"position": {
|
|
"height": 20,
|
|
"width": 20,
|
|
"x": 41,
|
|
"y": 4
|
|
},
|
|
"propConfig": {
|
|
"props.params.AlarmSeverity": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.custom.AlarmSeverity"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"params": {
|
|
"ack": false
|
|
},
|
|
"path": "Components/Atoms/AlarmIcons"
|
|
},
|
|
"type": "ia.display.view"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"overflow": "visible"
|
|
}
|
|
},
|
|
"type": "ia.container.coord"
|
|
}
|
|
} |