897 lines
26 KiB
Plaintext
897 lines
26 KiB
Plaintext
{
|
|
"custom": {},
|
|
"params": {
|
|
"Counts": {
|
|
"Diag": 0,
|
|
"High": 0,
|
|
"Low": 0,
|
|
"Medium": 0
|
|
},
|
|
"Status": "",
|
|
"tagProps": [
|
|
"PLC03",
|
|
"value",
|
|
"value",
|
|
"value",
|
|
"value",
|
|
"value",
|
|
"value",
|
|
"value",
|
|
"value",
|
|
"value"
|
|
]
|
|
},
|
|
"propConfig": {
|
|
"params.Counts": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.Status": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.tagProps": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 212,
|
|
"width": 336
|
|
},
|
|
"key": "value"
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"basis": "400px"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.tagProps[0]"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"textStyle": {
|
|
"textIndent": "10px"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "JAM",
|
|
"tooltip": {
|
|
"enabled": true,
|
|
"text": "Jams"
|
|
}
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "Symbol-Views/Equipment-Views/JAM",
|
|
"style": {
|
|
"marginRight": "5px"
|
|
}
|
|
},
|
|
"type": "ia.display.view"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"position": {
|
|
"basis": "10px",
|
|
"grow": 1
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"marginRight": "10px"
|
|
},
|
|
"text": 0,
|
|
"textStyle": {
|
|
"textAlign": "end"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer"
|
|
},
|
|
"position": {
|
|
"basis": "60px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "#555555",
|
|
"key": "value"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"position": {
|
|
"basis": "50px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"marginLeft": 10
|
|
},
|
|
"text": "AREA",
|
|
"textStyle": {
|
|
"fontFamily": "Roboto",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"basis": "195px"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.area_display"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"marginLeft": 50
|
|
},
|
|
"textStyle": {
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_0"
|
|
},
|
|
"position": {
|
|
"basis": "80px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"borderBottomColor": "#555555",
|
|
"borderBottomStyle": "solid",
|
|
"borderBottomWidth": 0.5,
|
|
"borderLeftColor": "#555555",
|
|
"borderLeftStyle": "none",
|
|
"borderLeftWidth": 0.5,
|
|
"borderRightColor": "#555555",
|
|
"borderRightStyle": "none",
|
|
"borderRightWidth": 0.5,
|
|
"borderTopColor": "#555555",
|
|
"borderTopStyle": "solid",
|
|
"borderTopWidth": 0.5
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"position": {
|
|
"basis": "50px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"marginLeft": 10
|
|
},
|
|
"text": "STATUS",
|
|
"textStyle": {
|
|
"fontFamily": "Roboto",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.session.custom.covert\u003d False\n\tnavigation.navigate_to_page.detailed_view(self, self.view.params.tagProps[0],self.view.params.tagProps[0], self.view.params.tagProps[3])"
|
|
},
|
|
"enabled": false,
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"basis": "236px"
|
|
},
|
|
"propConfig": {
|
|
"custom.status": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.status"
|
|
},
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.classes": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "this.custom.status"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": "State-Styles/State0",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": 1,
|
|
"output": "State-Styles/Background-Fill/State1"
|
|
},
|
|
{
|
|
"input": 2,
|
|
"output": "State-Styles/Background-Fill/State2"
|
|
},
|
|
{
|
|
"input": 3,
|
|
"output": "State-Styles/Background-Fill/State3"
|
|
},
|
|
{
|
|
"input": 4,
|
|
"output": "State-Styles/Background-Fill/State4"
|
|
},
|
|
{
|
|
"input": 5,
|
|
"output": "State-Styles/Background-Fill/State5"
|
|
},
|
|
{
|
|
"input": 6,
|
|
"output": "State-Styles/Background-Fill/State6"
|
|
},
|
|
{
|
|
"input": 0,
|
|
"output": "State-Styles/State0"
|
|
}
|
|
],
|
|
"outputType": "style-list",
|
|
"type": "map"
|
|
},
|
|
{
|
|
"expression": "if({session.custom.colours.colour_impaired},{value}+\u0027_Alt\u0027,{value})",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "this.custom.status"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": null,
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": 5,
|
|
"output": "HEALTHY"
|
|
},
|
|
{
|
|
"input": 4,
|
|
"output": "DIAGNOSTIC"
|
|
},
|
|
{
|
|
"input": 3,
|
|
"output": "PROCESS DEGRADED"
|
|
},
|
|
{
|
|
"input": 2,
|
|
"output": "STOPPED"
|
|
},
|
|
{
|
|
"input": 1,
|
|
"output": "FAULTED"
|
|
},
|
|
{
|
|
"input": 6,
|
|
"output": null
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"borderBottomLeftRadius": 5,
|
|
"borderBottomRightRadius": 5,
|
|
"borderColor": "#555555",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": 5,
|
|
"borderTopRightRadius": 5,
|
|
"borderWidth": 2,
|
|
"marginBottom": 10,
|
|
"marginLeft": 50,
|
|
"marginRight": 10,
|
|
"marginTop": 10
|
|
},
|
|
"textStyle": {
|
|
"fontSize": 12,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_1"
|
|
},
|
|
"position": {
|
|
"basis": "80px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"borderBottomColor": "#555555",
|
|
"borderBottomStyle": "solid",
|
|
"borderBottomWidth": 0.5
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "25px"
|
|
},
|
|
"props": {
|
|
"path": "material/notifications_active",
|
|
"style": {
|
|
"marginLeft": 10
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"basis": "100px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"marginLeft": 10
|
|
},
|
|
"text": "ACTIVE ALARMS",
|
|
"textStyle": {
|
|
"fontFamily": "Roboto",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_3"
|
|
},
|
|
"position": {
|
|
"basis": "80px"
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"text": "High",
|
|
"textStyle": {
|
|
"fontSize": 10
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_1"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"text": "Medium",
|
|
"textStyle": {
|
|
"fontSize": 10
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_2"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"text": "Low",
|
|
"textStyle": {
|
|
"fontSize": 10
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_3"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"text": "Diag",
|
|
"textStyle": {
|
|
"fontSize": 10
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_4"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"text": "Total",
|
|
"textStyle": {
|
|
"fontSize": 10
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer"
|
|
},
|
|
"position": {
|
|
"basis": "200px"
|
|
},
|
|
"props": {
|
|
"justify": "space-between"
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"text": 0,
|
|
"textStyle": {
|
|
"fontSize": 10,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"scripts": {
|
|
"customMethods": [],
|
|
"extensionFunctions": null,
|
|
"messageHandlers": [
|
|
{
|
|
"messageType": "update-alarm-count",
|
|
"pageScope": false,
|
|
"script": "\thigh \u003d payload.get(\"High\",0)\n\tself.props.text \u003d high",
|
|
"sessionScope": false,
|
|
"viewScope": true
|
|
}
|
|
]
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_1"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"text": 0,
|
|
"textStyle": {
|
|
"fontSize": 10,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"scripts": {
|
|
"customMethods": [],
|
|
"extensionFunctions": null,
|
|
"messageHandlers": [
|
|
{
|
|
"messageType": "update-alarm-count",
|
|
"pageScope": false,
|
|
"script": "\tmedium \u003d payload.get(\"Medium\",0)\n\tself.props.text \u003d medium",
|
|
"sessionScope": false,
|
|
"viewScope": true
|
|
}
|
|
]
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_2"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"text": 0,
|
|
"textStyle": {
|
|
"fontSize": 10,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"scripts": {
|
|
"customMethods": [],
|
|
"extensionFunctions": null,
|
|
"messageHandlers": [
|
|
{
|
|
"messageType": "update-alarm-count",
|
|
"pageScope": false,
|
|
"script": "\tlow \u003d payload.get(\"Low\",0)\n\tself.props.text \u003d low",
|
|
"sessionScope": false,
|
|
"viewScope": true
|
|
}
|
|
]
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_3"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"text": 0,
|
|
"textStyle": {
|
|
"fontSize": 10,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"scripts": {
|
|
"customMethods": [],
|
|
"extensionFunctions": null,
|
|
"messageHandlers": [
|
|
{
|
|
"messageType": "update-alarm-count",
|
|
"pageScope": false,
|
|
"script": "\tdiag \u003d payload.get(\"Diagnostic\",0)\n\tself.props.text \u003d diag",
|
|
"sessionScope": false,
|
|
"viewScope": true
|
|
}
|
|
]
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_4"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"text": 0,
|
|
"textStyle": {
|
|
"fontSize": 10,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"scripts": {
|
|
"customMethods": [],
|
|
"extensionFunctions": null,
|
|
"messageHandlers": [
|
|
{
|
|
"messageType": "update-alarm-count",
|
|
"pageScope": false,
|
|
"script": "\tcritical \u003d payload.get(\"Critical\",0)\n\thigh \u003d payload.get(\"High\",0)\n\tmed \u003d payload.get(\"Medium\",0)\n\tlow \u003d payload.get(\"Low\",0)\n\tdiag \u003d payload.get(\"Diagnostic\",0)\n\t\n\ttotal \u003d critical + high + med + low + diag\n\tself.props.text \u003d total\n\t",
|
|
"sessionScope": false,
|
|
"viewScope": true
|
|
}
|
|
]
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_1"
|
|
},
|
|
"position": {
|
|
"basis": "200px"
|
|
},
|
|
"props": {
|
|
"justify": "space-between"
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer"
|
|
},
|
|
"position": {
|
|
"basis": "334px"
|
|
},
|
|
"props": {
|
|
"direction": "column"
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_2"
|
|
},
|
|
"position": {
|
|
"basis": "80px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"marginBottom": 5,
|
|
"marginLeft": 10,
|
|
"marginRight": 10
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"counts": {
|
|
"Critical": 0
|
|
}
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.session.custom.covert\u003d False\n\twhid \u003d self.session.custom.fc\n\tsession_id \u003d self.session.props.id\n\tpage_id \u003d \"Detailed-View: \" + self.view.params.tagProps[0]\n\tCommands.analytics.send_page_details(whid, session_id, page_id)\n\tnavigation.navigate_to_page.detailed_view(self, self.view.params.tagProps[0],self.view.params.tagProps[0], self.view.params.tagProps[3])"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"propConfig": {
|
|
"custom.Total": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "{view.params.Counts.High} + {view.params.Counts.Medium} + {view.params.Counts.Low} + {view.params.Counts.Diag}"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"custom.area": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "jsonGet({this.custom.plc_dict}, \"Area\")"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"custom.area_display": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "if(len({this.custom.sub_area})\u003e0,\r\nconcat({this.custom.area} + \"/\" + {this.custom.sub_area}),\r\n{this.custom.area})"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"custom.counts": {
|
|
"onChange": {
|
|
"enabled": null,
|
|
"script": "\tsystem.perspective.sendMessage(\"update-alarm-count\", self.custom.counts, \"view\")"
|
|
}
|
|
},
|
|
"custom.counts.Diagnostic": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.Counts.Diag"
|
|
},
|
|
"type": "property"
|
|
}
|
|
},
|
|
"custom.counts.High": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.Counts.High"
|
|
},
|
|
"type": "property"
|
|
}
|
|
},
|
|
"custom.counts.Low": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.Counts.Low"
|
|
},
|
|
"type": "property"
|
|
}
|
|
},
|
|
"custom.counts.Medium": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.Counts.Medium"
|
|
},
|
|
"type": "property"
|
|
}
|
|
},
|
|
"custom.plc_dict": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"fc": "{session.custom.fc}"
|
|
},
|
|
"tagPath": "[{fc}_SCADA_TAG_PROVIDER]Configuration/PLC"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "jsonGet({value}, {view.params.tagProps[0]})",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "tag"
|
|
}
|
|
},
|
|
"custom.provider": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "\"[\"+{session.custom.fc}+\"_SCADA_TAG_PROVIDER]\""
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"custom.status": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"0": "{view.params.tagProps[0]}",
|
|
"fc": "{session.custom.fc}"
|
|
},
|
|
"tagPath": "[{fc}_SCADA_TAG_PROVIDER]{0}/ALARMST"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "if(isNull({value}), 0, {value})",
|
|
"type": "expression"
|
|
},
|
|
{
|
|
"fallback": null,
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": 4,
|
|
"output": 1
|
|
},
|
|
{
|
|
"input": 3,
|
|
"output": 2
|
|
},
|
|
{
|
|
"input": 2,
|
|
"output": 3
|
|
},
|
|
{
|
|
"input": 1,
|
|
"output": 4
|
|
},
|
|
{
|
|
"input": 0,
|
|
"output": 5
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "tag"
|
|
}
|
|
},
|
|
"custom.sub_area": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "jsonGet({this.custom.plc_dict}, \"SubArea\")"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"meta.visible": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "if({session.custom.covert} \u003d False \u0026\u0026 {this.custom.status} \u003d 5, False, True)"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"animationFillMode": "both",
|
|
"borderBottomLeftRadius": 10,
|
|
"borderBottomRightRadius": 10,
|
|
"borderColor": "#555555",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": 10,
|
|
"borderTopRightRadius": 10,
|
|
"borderWidth": 1,
|
|
"box-shadow": "5px 5px 5px grey",
|
|
"classes": "Background-Styles/Controller",
|
|
"cursor": "pointer"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
} |