355 lines
8.7 KiB
Plaintext
355 lines
8.7 KiB
Plaintext
{
|
|
"custom": {
|
|
"AlarmSeverity": 4
|
|
},
|
|
"params": {
|
|
"config": 2,
|
|
"tagpath": "value"
|
|
},
|
|
"propConfig": {
|
|
"custom.AlarmSeverity": {
|
|
"persistent": true
|
|
},
|
|
"params.config": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.tagpath": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 66,
|
|
"width": 78
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "upper_id"
|
|
},
|
|
"position": {
|
|
"height": 10
|
|
},
|
|
"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": "RPP01"
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "lower_id"
|
|
},
|
|
"position": {
|
|
"height": 10,
|
|
"y": 52.5
|
|
},
|
|
"propConfig": {
|
|
"meta.visible": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.config"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": false,
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": 1,
|
|
"output": false
|
|
},
|
|
{
|
|
"input": 2,
|
|
"output": true
|
|
}
|
|
],
|
|
"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": "DM11 RPP01"
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "value"
|
|
},
|
|
"position": {
|
|
"basis": "65%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "var(--call-to-action)",
|
|
"fontSize": 10,
|
|
"textAlign": "end"
|
|
},
|
|
"text": 7535
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "eng_unit"
|
|
},
|
|
"position": {
|
|
"basis": "35%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"fontSize": 10
|
|
},
|
|
"text": "kW",
|
|
"textStyle": {
|
|
"color": "var(--text-color)"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "value_01"
|
|
},
|
|
"position": {
|
|
"basis": "50%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"gap": "var(--space-xs)"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "value"
|
|
},
|
|
"position": {
|
|
"basis": "65%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "var(--call-to-action)",
|
|
"fontSize": 10,
|
|
"textAlign": "end"
|
|
},
|
|
"text": 0.89
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "eng_unit"
|
|
},
|
|
"position": {
|
|
"basis": "35%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"fontSize": 10
|
|
},
|
|
"text": "pf",
|
|
"textStyle": {
|
|
"color": "var(--text-color)"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "value_02"
|
|
},
|
|
"position": {
|
|
"basis": "50%"
|
|
},
|
|
"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": 38,
|
|
"width": 73,
|
|
"y": 12.5
|
|
},
|
|
"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": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "#000000AA",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": 1,
|
|
"outlineStyle": "solid",
|
|
"outlineWidth": "2"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "AlarmIcons"
|
|
},
|
|
"position": {
|
|
"height": 22,
|
|
"width": 17,
|
|
"x": 65
|
|
},
|
|
"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"
|
|
}
|
|
} |