{ "custom": { "percents": {}, "status": { "faulted": 0, "running": 20, "standby": 0 }, "total": 20 }, "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" }, "props": { "style": { "color": "var(--call-to-action)", "textAlign": "center" }, "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" } }