257 lines
6.2 KiB
Plaintext
257 lines
6.2 KiB
Plaintext
{
|
|
"custom": {
|
|
"AlarmSeverity": 0
|
|
},
|
|
"params": {
|
|
"key": "value",
|
|
"tagPath": "[Ignition_Common_IO_Gtwy]MPR1140/CHWP_PID"
|
|
},
|
|
"propConfig": {
|
|
"custom.AlarmSeverity": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/AlarmSummary/ActiveAlarms"
|
|
},
|
|
"enabled": false,
|
|
"transforms": [
|
|
{
|
|
"code": "\treturn alarm.summary.calcMaxPriority(self.view.params.tagPath)",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "tag"
|
|
},
|
|
"persistent": true
|
|
},
|
|
"params.key": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.tagPath": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 100,
|
|
"width": 100
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "SimpleGauge"
|
|
},
|
|
"position": {
|
|
"basis": "200px",
|
|
"grow": 1,
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.value": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "direct",
|
|
"tagPath": "[default]simulator/CHW_System/Temp"
|
|
},
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"arc": {
|
|
"width": 25
|
|
},
|
|
"label": {
|
|
"offsetX": 10,
|
|
"offsetY": 22,
|
|
"size": 12,
|
|
"visible": false
|
|
}
|
|
},
|
|
"type": "ia.chart.simple-gauge"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Gauge Container"
|
|
},
|
|
"position": {
|
|
"basis": "85%",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.outlineColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.custom.AlarmSeverity"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": "white",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": 1,
|
|
"output": "var(--coolpurple)"
|
|
},
|
|
{
|
|
"input": 2,
|
|
"output": "var(--goldenyellow)"
|
|
},
|
|
{
|
|
"input": 3,
|
|
"output": "var(--sunsetorange)"
|
|
},
|
|
{
|
|
"input": 4,
|
|
"output": "var(--alarmred)"
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.outlineStyle": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "if({view.custom.AlarmSeverity} \u003e0, \"solid\", \"none\")"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"outlineWidth": "2",
|
|
"overflow": "visible",
|
|
"paddingBottom": "-10px"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Value"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "direct",
|
|
"tagPath": "[default]simulator/CHW_System/Temp"
|
|
},
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"textStyle": {
|
|
"color": "--tagvalue-color",
|
|
"fontFamily": "inherit",
|
|
"fontSize": 12,
|
|
"textAlign": "end"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "EU"
|
|
},
|
|
"props": {
|
|
"text": "%",
|
|
"textStyle": {
|
|
"color": "--units-color",
|
|
"fontFamily": "inherit",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "ValueContainer"
|
|
},
|
|
"position": {
|
|
"basis": "20%",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"alignItems": "center",
|
|
"justify": "center",
|
|
"style": {
|
|
"gap": "5px",
|
|
"marginLeft": "10px",
|
|
"marginTop": "-45px",
|
|
"overflow": "visible"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Title"
|
|
},
|
|
"props": {
|
|
"text": "CHWP PID",
|
|
"textStyle": {
|
|
"color": "--units-color",
|
|
"fontFamily": "inherit",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Title Container"
|
|
},
|
|
"position": {
|
|
"basis": "20%",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"alignContent": "center",
|
|
"alignItems": "center",
|
|
"justify": "center",
|
|
"style": {
|
|
"gap": "5px",
|
|
"marginLeft": "10px",
|
|
"marginTop": "-20px",
|
|
"overflow": "visible"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"overflow": "visible"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
} |