196 lines
5.1 KiB
Plaintext
196 lines
5.1 KiB
Plaintext
{
|
|
"custom": {},
|
|
"params": {},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 400,
|
|
"width": 1600
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"height": 40,
|
|
"width": "100%"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "try(\r\n\t property(\"../TabContainer.props.tabs[\"+{../TabContainer.props.currentTabIndex}+\"]\")\r\n\t+if(len({../EmbeddedView.props.params.titleExtra})\u003e0,\r\n\t\t\" (\" + {../EmbeddedView.props.params.titleExtra} + \")\",\r\n\t\t\"\"\r\n\t),\r\n\t\"No Tabs\"\r\n)"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "#1A4A5E",
|
|
"borderBottomColor": "#000000",
|
|
"borderBottomStyle": "solid",
|
|
"borderBottomWidth": "2px",
|
|
"color": "#fff",
|
|
"fontFamily": "Helvetica",
|
|
"fontSize": 20,
|
|
"fontWeight": "bold",
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"events": {
|
|
"component": {
|
|
"onActionPerformed": {
|
|
"config": {
|
|
"script": "\tsystem.perspective.sendMessage(\"export-data\")"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Button"
|
|
},
|
|
"position": {
|
|
"height": 30,
|
|
"width": 100,
|
|
"x": "calc(100% - 105px)",
|
|
"y": 5
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"classes": "Buttons/Grey"
|
|
},
|
|
"text": "Export"
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "TimeWidget"
|
|
},
|
|
"position": {
|
|
"height": 40,
|
|
"width": 600
|
|
},
|
|
"propConfig": {
|
|
"meta.visible": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "../EmbeddedView.props.params.usesTimewidget"
|
|
},
|
|
"type": "property"
|
|
},
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"params": {
|
|
"endDate": "2021-02-11 00:00:00",
|
|
"startDate": "2021-02-10 00:00:00"
|
|
},
|
|
"path": "Templates/Widget/TimeWidget"
|
|
},
|
|
"type": "ia.display.view"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "TabContainer"
|
|
},
|
|
"position": {
|
|
"height": "calc(100% - 40px)",
|
|
"width": "100%",
|
|
"y": 40
|
|
},
|
|
"propConfig": {
|
|
"props.tabs": {
|
|
"binding": {
|
|
"config": {
|
|
"fallbackDelay": 2.5,
|
|
"mode": "direct",
|
|
"tagPath": "[default]Gateway/StatusTabs"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\treturn [v[\"Title\"] for v in utils.datasetToJSON(value) if v[\"isVisible\"]]",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "tag"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"menuStyle": {
|
|
"backgroundColor": "#225E77"
|
|
},
|
|
"tabSize": {
|
|
"width": 160
|
|
},
|
|
"tabStyle": {
|
|
"active": {
|
|
"backgroundColor": "#2D7D9F",
|
|
"color": "#FFF",
|
|
"fontWeight": "bold"
|
|
},
|
|
"inactive": {
|
|
"backgroundColor": "#389CC7",
|
|
"color": "#FFF"
|
|
}
|
|
}
|
|
},
|
|
"type": "ia.container.tab"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "EmbeddedView"
|
|
},
|
|
"position": {
|
|
"height": "calc(100% - 75px)",
|
|
"width": "100%",
|
|
"y": 75
|
|
},
|
|
"propConfig": {
|
|
"props.path": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": " \"Windows/Statuses/\"\r\n+replace(\r\n\tproperty(\"../TabContainer.props.tabs[\"+{../TabContainer.props.currentTabIndex}+\"]\"),\r\n\t\" \",\r\n\t\"\"\r\n)"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\t# Reset the titleExtra whenever the view is changed to prevent the numbers from showing while loading the new view:\n\tif value \u003c\u003e self.props.path:\n\t\tself.props.params.titleExtra \u003d \"\"\n\t# Return new view path:\n\treturn value",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "expr"
|
|
},
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"params": {
|
|
"titleExtra": "0 rows",
|
|
"usesTimewidget": true
|
|
},
|
|
"path": "Windows/Statuses/LoopStatus"
|
|
},
|
|
"type": "ia.display.view"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"min-width": "1000px"
|
|
}
|
|
},
|
|
"type": "ia.container.coord"
|
|
}
|
|
} |