361 lines
9.4 KiB
Plaintext
361 lines
9.4 KiB
Plaintext
{
|
|
"custom": {
|
|
"alarm_active": null,
|
|
"udt_type": "RPP"
|
|
},
|
|
"params": {
|
|
"tagPath": "[Ignition_TX21_BE]DM11/TX21_DM111_RPP01"
|
|
},
|
|
"propConfig": {
|
|
"custom.alarm_active": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/Alarm Metrics.activeUnackCount"
|
|
},
|
|
"type": "tag"
|
|
},
|
|
"persistent": true
|
|
},
|
|
"custom.udt_type": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.tagPath"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tconfig \u003d system.tag.getConfiguration(value, 0)\n\treturn config[0][\u0027typeId\u0027].split(\u0027/\u0027)[-1]",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
},
|
|
"persistent": true
|
|
},
|
|
"params.tagPath": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"grow": 1,
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.tagPath"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"classes": "Common/Static/text"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"id": "L4",
|
|
"type": "close"
|
|
},
|
|
"scope": "C",
|
|
"type": "dock"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "30px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/close",
|
|
"style": {
|
|
"color": "var(--icon)"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Information"
|
|
},
|
|
"position": {
|
|
"basis": "30px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"padding": "var(--space-xs)"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Divider_1"
|
|
},
|
|
"position": {
|
|
"basis": "1px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"border": "var(--container-border)",
|
|
"classes": "Common/Static/text_muted"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"basis": "90%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"classes": "Common/Static/Text"
|
|
},
|
|
"text": "Active Alarms"
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.parent.parent.parent.getChild(\"AlarmsSection\").custom.is_collapsed \u003d not self.parent.parent.parent.getChild(\"AlarmsSection\").custom.is_collapsed"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "30px"
|
|
},
|
|
"propConfig": {
|
|
"props.path": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "..../AlarmsSection.custom.is_collapsed"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": "material/keyboard_arrow_up",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": true,
|
|
"output": "material/keyboard_arrow_down"
|
|
},
|
|
{
|
|
"input": false,
|
|
"output": "material/keyboard_arrow_up"
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "var(--icon)"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer"
|
|
},
|
|
"position": {
|
|
"basis": "30px"
|
|
},
|
|
"props": {
|
|
"justify": "space-between"
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "AlarmStatusTable"
|
|
},
|
|
"position": {
|
|
"basis": "300px"
|
|
},
|
|
"propConfig": {
|
|
"position.display": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "!{parent.custom.is_collapsed}"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"props.filters.active.conditions": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.tagPath"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tpathArr \u003d value.split(\u0027]\u0027)\n\t\n\treturn {\u0027provider\u0027: pathArr[0].replace(\u0027[\u0027, \u0027\u0027), \u0027source\u0027: \u0027*\u0027+pathArr[1]+\u0027*\u0027}",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"enableAcknowledge": false,
|
|
"enableDetails": false,
|
|
"enableShelve": false,
|
|
"enableUnshelve": false,
|
|
"filters": {
|
|
"active": {}
|
|
},
|
|
"style": {
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"boxShadow": "var(--box-shadow-2)",
|
|
"classes": "Common/Static/card"
|
|
},
|
|
"toolbar": {
|
|
"enabled": false
|
|
}
|
|
},
|
|
"type": "ia.display.alarmstatustable"
|
|
}
|
|
],
|
|
"custom": {
|
|
"is_collapsed": false
|
|
},
|
|
"meta": {
|
|
"name": "AlarmsSection"
|
|
},
|
|
"position": {
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"overflow": "visible",
|
|
"padding": "var(--space-xs)"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Divider_2"
|
|
},
|
|
"position": {
|
|
"basis": "1px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"border": "var(--container-border)"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Body"
|
|
},
|
|
"position": {
|
|
"grow": 1
|
|
},
|
|
"propConfig": {
|
|
"props.params.tagpath": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.tagPath"
|
|
},
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.params.udt_type": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.custom.udt_type"
|
|
},
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.path": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "\"Components/Faceplates/\"+ {view.custom.udt_type} +\"/body\""
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"type": "ia.display.view"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"background": "var(--container-root)",
|
|
"gap": "var(--space-sm)",
|
|
"padding": "var(--space-sm)"
|
|
}
|
|
},
|
|
"scripts": {
|
|
"customMethods": [],
|
|
"extensionFunctions": null,
|
|
"messageHandlers": [
|
|
{
|
|
"messageType": "TAB_CHANGE",
|
|
"pageScope": true,
|
|
"script": "\t# implement your handler here\n\tself.view.custom.selected_tab \u003d payload[\u0027newTab\u0027]",
|
|
"sessionScope": false,
|
|
"viewScope": false
|
|
}
|
|
]
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
} |