791 lines
26 KiB
Plaintext
791 lines
26 KiB
Plaintext
{
|
|
"custom": {},
|
|
"params": {
|
|
"tagPath": "[System]Gateway/EAM/Agents/Ignition-SATB1-IO6/Independent"
|
|
},
|
|
"propConfig": {
|
|
"params.tagPath": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 250,
|
|
"width": 400
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"props": {
|
|
"text": "Gateway |"
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/AgentName"
|
|
},
|
|
"enabled": false,
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"text": "IO Gateway",
|
|
"textStyle": {
|
|
"color": "var(--tagvalue-color)",
|
|
"fontSize": 14,
|
|
"fontStyle": "italic"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer"
|
|
},
|
|
"position": {
|
|
"basis": "30%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"gap": 5
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"props": {
|
|
"text": "Version:",
|
|
"textStyle": {
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/Version"
|
|
},
|
|
"enabled": false,
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"text": "8.3.4",
|
|
"textStyle": {
|
|
"color": "var(--tagvalue-color)",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_0"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"gap": 5,
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"props": {
|
|
"text": "Status",
|
|
"textStyle": {
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/IsApproved"
|
|
},
|
|
"enabled": false,
|
|
"transforms": [
|
|
{
|
|
"fallback": "error",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": false,
|
|
"output": "Not Approved"
|
|
},
|
|
{
|
|
"input": true,
|
|
"output": "Approved"
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"text": "Approved",
|
|
"textStyle": {
|
|
"color": "var(--tagvalue-color)",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_1"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/IsConnected"
|
|
},
|
|
"enabled": false,
|
|
"transforms": [
|
|
{
|
|
"fallback": "error",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": false,
|
|
"output": "Not Connected"
|
|
},
|
|
{
|
|
"input": true,
|
|
"output": "Connected"
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"text": "Connected",
|
|
"textStyle": {
|
|
"color": "var(--tagvalue-color)",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_2"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/IsApproved"
|
|
},
|
|
"enabled": false,
|
|
"transforms": [
|
|
{
|
|
"fallback": "error",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": false,
|
|
"output": "Not Running"
|
|
},
|
|
{
|
|
"input": true,
|
|
"output": "Running"
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"text": "Running",
|
|
"textStyle": {
|
|
"color": "var(--tagvalue-color)",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_1"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"gap": 5,
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"props": {
|
|
"text": "Browser URL",
|
|
"textStyle": {
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/BrowserURL"
|
|
},
|
|
"enabled": false,
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"text": "http://ip_address:8088",
|
|
"textStyle": {
|
|
"color": "var(--tagvalue-color)",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_2"
|
|
},
|
|
"props": {
|
|
"alignContent": "space-between",
|
|
"style": {
|
|
"gap": 5,
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"props": {
|
|
"text": "State:",
|
|
"textStyle": {
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/RunningState"
|
|
},
|
|
"enabled": false,
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"text": "Running",
|
|
"textStyle": {
|
|
"color": "var(--tagvalue-color)",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_3"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"gap": 5,
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"props": {
|
|
"text": "Last Comms:",
|
|
"textStyle": {
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "now(3000)"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"textStyle": {
|
|
"color": "var(--tagvalue-color)",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_4"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"gap": 5,
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer"
|
|
},
|
|
"position": {
|
|
"basis": "75%"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"gap": 3,
|
|
"padding": 5
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "CPU_Gauge"
|
|
},
|
|
"position": {
|
|
"basis": "75px"
|
|
},
|
|
"propConfig": {
|
|
"props.arc.color": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/Metrics/System/CPU Usage"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value\u003e 50:\n\t\toutput \u003d \"red\"\n\telse:\n\t\toutput \u003d \"green\"\n\treturn output",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "tag"
|
|
}
|
|
},
|
|
"props.arcBackground.color": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/Metrics/System/CPU Usage"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value\u003e 50:\n\t\toutput \u003d \"red\"\n\telse:\n\t\toutput \u003d \"green\"\n\treturn output",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "tag"
|
|
}
|
|
},
|
|
"props.value": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/Metrics/System/CPU Usage"
|
|
},
|
|
"enabled": false,
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"arc": {
|
|
"width": 0
|
|
},
|
|
"arcBackground": {},
|
|
"endAngle": 450,
|
|
"label": {
|
|
"offsetY": 12,
|
|
"visible": false
|
|
},
|
|
"startAngle": 90,
|
|
"style": {
|
|
"overflow": "visible"
|
|
},
|
|
"value": 30
|
|
},
|
|
"type": "ia.chart.simple-gauge"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/Metrics/System/CPU Usage"
|
|
},
|
|
"enabled": false,
|
|
"transforms": [
|
|
{
|
|
"formatType": "numeric",
|
|
"formatValue": "##.##",
|
|
"type": "format"
|
|
},
|
|
{
|
|
"expression": "{value}+\"% cpu\"",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"overflow": "visible"
|
|
},
|
|
"text": "30 % cpu",
|
|
"textStyle": {
|
|
"color": "var(--tagvalue-color)",
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "CPU_Gauge_0"
|
|
},
|
|
"position": {
|
|
"basis": "75px"
|
|
},
|
|
"propConfig": {
|
|
"custom.memory": {
|
|
"binding": {
|
|
"config": {
|
|
"struct": {
|
|
"max": "{this.props.maxValue}",
|
|
"value": "{this.props.value}"
|
|
},
|
|
"waitOnAll": true
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\toutput \u003d float(value[\"value\"]) / float(value[\"max\"])\n\treturn output",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "expr-struct"
|
|
}
|
|
},
|
|
"props.arc.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "this.props.value"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value\u003e 33.0:\n\t\toutput \u003d \"#F1E013\"\n\telif value \u003e66.0:\n\t\toutput \u003d \"red\"\n\telse:\n\t\toutput \u003d \"green\"\n\treturn output",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.arcBackground.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "this.props.value"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value\u003e 33.0:\n\t\toutput \u003d \"#F1E013\"\n\telif value \u003e50.0:\n\t\toutput \u003d \"red\"\n\telse:\n\t\toutput \u003d \"green\"\n\treturn output",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.value": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/Metrics/System/Memory Usage"
|
|
},
|
|
"enabled": false,
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"arc": {
|
|
"width": 0
|
|
},
|
|
"arcBackground": {},
|
|
"endAngle": 450,
|
|
"label": {
|
|
"color": "#F1E013",
|
|
"offsetY": 12,
|
|
"visible": false
|
|
},
|
|
"startAngle": 90,
|
|
"style": {
|
|
"overflow": "visible"
|
|
},
|
|
"value": 64
|
|
},
|
|
"type": "ia.chart.simple-gauge"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "indirect",
|
|
"references": {
|
|
"tagPath": "{view.params.tagPath}"
|
|
},
|
|
"tagPath": "{tagPath}/Metrics/System/Memory Usage"
|
|
},
|
|
"enabled": false,
|
|
"transforms": [
|
|
{
|
|
"expression": "{value}+ \" %\"",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"overflow": "visible"
|
|
},
|
|
"text": "64 %",
|
|
"textStyle": {
|
|
"color": "var(--tagvalue-color)",
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_0"
|
|
},
|
|
"position": {
|
|
"basis": "25%"
|
|
},
|
|
"props": {
|
|
"direction": "column"
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer"
|
|
},
|
|
"position": {
|
|
"basis": "85%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"outlineStyle": "none"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"basis": "15%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "#143663"
|
|
},
|
|
"text": "IO GATEWAY",
|
|
"textStyle": {
|
|
"color": "white",
|
|
"fontFamily": "inherit",
|
|
"fontSize": 12,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"borderBottomLeftRadius": 4,
|
|
"borderBottomRightRadius": 4,
|
|
"borderTopLeftRadius": 4,
|
|
"borderTopRightRadius": 4,
|
|
"outlineColor": "#143663",
|
|
"outlineStyle": "solid",
|
|
"overflow": "visible"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
} |