632 lines
16 KiB
Plaintext
632 lines
16 KiB
Plaintext
{
|
|
"custom": {
|
|
"percents": {},
|
|
"status": {
|
|
"faulted": 3,
|
|
"running": 35,
|
|
"standby": 2
|
|
},
|
|
"total": 40
|
|
},
|
|
"params": {},
|
|
"propConfig": {
|
|
"custom.percents": {
|
|
"persistent": true
|
|
},
|
|
"custom.percents.faulted": {
|
|
"binding": {
|
|
"config": {
|
|
"struct": {
|
|
"current": "{view.custom.status.faulted}",
|
|
"total": "{view.custom.total}"
|
|
},
|
|
"waitOnAll": true
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "({value}[\u0027current\u0027] / {value}[\u0027total\u0027]) *100",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "expr-struct"
|
|
}
|
|
},
|
|
"custom.percents.running": {
|
|
"binding": {
|
|
"config": {
|
|
"struct": {
|
|
"current": "{view.custom.status.running}",
|
|
"total": "{view.custom.total}"
|
|
},
|
|
"waitOnAll": true
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "({value}[\u0027current\u0027] / {value}[\u0027total\u0027]) *100",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "expr-struct"
|
|
}
|
|
},
|
|
"custom.percents.standby": {
|
|
"binding": {
|
|
"config": {
|
|
"struct": {
|
|
"current": "{view.custom.status.standby}",
|
|
"total": "{view.custom.total}"
|
|
},
|
|
"waitOnAll": true
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "({value}[\u0027current\u0027] / {value}[\u0027total\u0027]) *100",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "expr-struct"
|
|
}
|
|
},
|
|
"custom.status": {
|
|
"persistent": true
|
|
},
|
|
"custom.total": {
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 300,
|
|
"width": 250
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"basis": "30%"
|
|
},
|
|
"props": {
|
|
"text": "DM11"
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"position": {
|
|
"basis": "100%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "var(--call-to-action)",
|
|
"textAlign": "end"
|
|
},
|
|
"text": "No leak detected"
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "title"
|
|
},
|
|
"position": {
|
|
"basis": "10%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"overflow": "visible"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "cdu"
|
|
},
|
|
"props": {
|
|
"text": "CDU"
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "running"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "var(--high-performance-white)"
|
|
},
|
|
"text": "Running"
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "standby"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "var(--high-performance-gray)"
|
|
},
|
|
"text": "Standby"
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "faulted"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "var(--high-performance-red)"
|
|
},
|
|
"text": "Faulted"
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer"
|
|
},
|
|
"position": {
|
|
"basis": "200px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"gap": "var(--space-xs)"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"propConfig": {
|
|
"meta.visible": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "if({view.custom.status.running}\u003e0, true, false)"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"position.basis": {
|
|
"binding": {
|
|
"config": {
|
|
"struct": {
|
|
"current": "{view.custom.status.running}",
|
|
"total": "{view.custom.total}"
|
|
},
|
|
"waitOnAll": true
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "(({value}[\u0027current\u0027] / {value}[\u0027total\u0027]) *100 ) + \"%\"",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "expr-struct"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "var(--high-performance-white)",
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"color": "darkgray",
|
|
"textAlign": "center"
|
|
},
|
|
"text": 35
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"propConfig": {
|
|
"meta.visible": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "if({view.custom.status.standby}\u003e0, true, false)"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"position.basis": {
|
|
"binding": {
|
|
"config": {
|
|
"struct": {
|
|
"current": "{view.custom.status.standby}",
|
|
"total": "{view.custom.total}"
|
|
},
|
|
"waitOnAll": true
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "(({value}[\u0027current\u0027] / {value}[\u0027total\u0027]) *100 ) + \"%\"",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "expr-struct"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "var(--high-performance-gray)",
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"color": "var(--text-color)",
|
|
"textAlign": "center"
|
|
},
|
|
"text": 2
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_1"
|
|
},
|
|
"propConfig": {
|
|
"meta.visible": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "if({view.custom.status.faulted}\u003e0, true, false)"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"position.basis": {
|
|
"binding": {
|
|
"config": {
|
|
"struct": {
|
|
"current": "{view.custom.status.faulted}",
|
|
"total": "{view.custom.total}"
|
|
},
|
|
"waitOnAll": true
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "(({value}[\u0027current\u0027] / {value}[\u0027total\u0027]) *100 ) + \"%\"",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "expr-struct"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "var(--high-performance-red)",
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"color": "var(--text-color)",
|
|
"textAlign": "center"
|
|
},
|
|
"text": 3
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"custom": {
|
|
"key": "value"
|
|
},
|
|
"meta": {
|
|
"name": "FlexContainer_0"
|
|
},
|
|
"position": {
|
|
"basis": "200px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"gap": "var(--space-xs)",
|
|
"overflow": "visible"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "cdu"
|
|
},
|
|
"position": {
|
|
"basis": "19.7%"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"gap": "var(--space-xs)",
|
|
"overflow": "visible"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "value"
|
|
},
|
|
"position": {
|
|
"basis": "80%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"textAlign": "center"
|
|
},
|
|
"text": 1257,
|
|
"textStyle": {
|
|
"color": "var(--call-to-action",
|
|
"fontSize": 30
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "engUnits"
|
|
},
|
|
"position": {
|
|
"basis": "20%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"textAlign": "center"
|
|
},
|
|
"text": "TotalkW",
|
|
"textStyle": {
|
|
"color": "var(--text-muted)",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "power"
|
|
},
|
|
"position": {
|
|
"basis": "50%"
|
|
},
|
|
"props": {
|
|
"direction": "column"
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "divider"
|
|
},
|
|
"position": {
|
|
"basis": "1px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "var(--text-color)"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "value"
|
|
},
|
|
"position": {
|
|
"basis": "80%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"textAlign": "center"
|
|
},
|
|
"text": 68.7,
|
|
"textStyle": {
|
|
"color": "var(--call-to-action",
|
|
"fontSize": 30
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "engUnits"
|
|
},
|
|
"position": {
|
|
"basis": "20%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"textAlign": "center"
|
|
},
|
|
"text": "Avg. degF",
|
|
"textStyle": {
|
|
"color": "var(--text-muted)",
|
|
"fontSize": 12
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "temp"
|
|
},
|
|
"position": {
|
|
"basis": "50%"
|
|
},
|
|
"props": {
|
|
"direction": "column"
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "variables"
|
|
},
|
|
"position": {
|
|
"basis": "30%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"overflow": "visible"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Sparkline"
|
|
},
|
|
"position": {
|
|
"basis": "30%"
|
|
},
|
|
"props": {
|
|
"color": "var(--call-to-action",
|
|
"points": [
|
|
59,
|
|
80,
|
|
80,
|
|
100,
|
|
68,
|
|
62,
|
|
87,
|
|
72,
|
|
42,
|
|
49,
|
|
58,
|
|
53,
|
|
57,
|
|
51,
|
|
42,
|
|
32,
|
|
37,
|
|
30,
|
|
24,
|
|
38,
|
|
57,
|
|
29,
|
|
18,
|
|
32,
|
|
38,
|
|
24,
|
|
24,
|
|
24,
|
|
20,
|
|
21,
|
|
29,
|
|
32,
|
|
26,
|
|
18,
|
|
32,
|
|
36,
|
|
30,
|
|
36,
|
|
29,
|
|
32,
|
|
29,
|
|
28,
|
|
41,
|
|
20,
|
|
28,
|
|
58,
|
|
18,
|
|
24,
|
|
16,
|
|
2,
|
|
22,
|
|
17,
|
|
22,
|
|
21,
|
|
12,
|
|
22,
|
|
14,
|
|
13,
|
|
11,
|
|
20,
|
|
16,
|
|
16,
|
|
18,
|
|
12,
|
|
28,
|
|
28,
|
|
32,
|
|
16,
|
|
16,
|
|
24,
|
|
16,
|
|
20,
|
|
14,
|
|
18,
|
|
12,
|
|
26,
|
|
17,
|
|
11,
|
|
30,
|
|
16,
|
|
9,
|
|
20,
|
|
42,
|
|
13,
|
|
13,
|
|
24,
|
|
17,
|
|
13,
|
|
20,
|
|
12,
|
|
14,
|
|
13,
|
|
14,
|
|
71,
|
|
82,
|
|
20,
|
|
16,
|
|
20,
|
|
22,
|
|
17,
|
|
5
|
|
]
|
|
},
|
|
"type": "ia.display.sparkline"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"backgroundColor": "var(--container)",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"boxShadow": "var(--box-shadow-2)",
|
|
"gap": "var(--space-sm)",
|
|
"overflow": "visible",
|
|
"padding": "var(--space-sm)"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
} |