313 lines
7.9 KiB
Plaintext
313 lines
7.9 KiB
Plaintext
{
|
|
"custom": {},
|
|
"params": {
|
|
"tab": "Active Alarms"
|
|
},
|
|
"propConfig": {
|
|
"params.tab": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 400,
|
|
"width": 1600
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"height": 40,
|
|
"width": "100%"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": " property(\"../TabContainer.props.tabs[\"+{../TabContainer.props.currentTabIndex}+\"]\")\r\n+if(len({../EmbeddedView.props.params.titleExtra})\u003e0,\r\n\t\" (\" + {../EmbeddedView.props.params.titleExtra} + \")\",\r\n\t\"\"\r\n)"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "#1A4A5E",
|
|
"borderBottomColor": "#000000",
|
|
"borderBottomStyle": "solid",
|
|
"borderBottomWidth": "2px",
|
|
"color": "#fff",
|
|
"fontFamily": "Helvetica",
|
|
"fontSize": "20px",
|
|
"fontWeight": "bold",
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Dropdown"
|
|
},
|
|
"position": {
|
|
"height": 20,
|
|
"width": 120,
|
|
"x": "calc(100% - 230px)",
|
|
"y": 10
|
|
},
|
|
"props": {
|
|
"options": [
|
|
{
|
|
"label": "Error",
|
|
"value": [
|
|
"Error"
|
|
]
|
|
},
|
|
{
|
|
"label": "Warning",
|
|
"value": [
|
|
"Warning",
|
|
"Error"
|
|
]
|
|
},
|
|
{
|
|
"label": "Message",
|
|
"value": [
|
|
"Message",
|
|
"Warning",
|
|
"Error"
|
|
]
|
|
}
|
|
],
|
|
"search": {
|
|
"enabled": false
|
|
},
|
|
"style": {
|
|
"fontSize": "14px"
|
|
},
|
|
"value": [
|
|
"Error"
|
|
]
|
|
},
|
|
"type": "ia.input.dropdown"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"position": {
|
|
"height": 20,
|
|
"width": 100,
|
|
"x": "calc(100% - 335px)",
|
|
"y": 10
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "#fff",
|
|
"fontSize": "14px",
|
|
"textAlign": "right"
|
|
},
|
|
"text": "Min Class:"
|
|
},
|
|
"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"
|
|
},
|
|
{
|
|
"custom": {
|
|
"pages": [
|
|
"Active",
|
|
"History",
|
|
"HitList"
|
|
]
|
|
},
|
|
"meta": {
|
|
"name": "TabContainer"
|
|
},
|
|
"position": {
|
|
"height": "calc(100% - 40px)",
|
|
"width": "100%",
|
|
"y": 40
|
|
},
|
|
"propConfig": {
|
|
"props.currentTabIndex": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "page.props.path"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\ttab \u003d self.page.props.path.split(\"/\")[-1]\n\t# Search for tab:\n\tfor i, page in enumerate(self.custom.pages):\n\t\tif page.lower() \u003d\u003d tab:\n\t\t\treturn i\n\t# Default value in case of not finding the tab\n\treturn 0",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
},
|
|
"onChange": {
|
|
"enabled": null,
|
|
"script": "\tpage \u003d \"/alarms/\"+self.custom.pages[self.props.currentTabIndex].lower()\n\tif previousValue \u003c\u003e currentValue and self.page.props.path.lower() \u003c\u003e page.lower():\n\t\tsystem.perspective.navigate(page)"
|
|
},
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"menuStyle": {
|
|
"backgroundColor": "#225E77"
|
|
},
|
|
"tabSize": {
|
|
"width": 130
|
|
},
|
|
"tabStyle": {
|
|
"active": {
|
|
"backgroundColor": "#2D7D9F",
|
|
"color": "#FFF",
|
|
"fontWeight": "bold"
|
|
},
|
|
"inactive": {
|
|
"backgroundColor": "#389CC7",
|
|
"color": "#FFF"
|
|
}
|
|
},
|
|
"tabs": [
|
|
"Active Alarms",
|
|
"Alarm History",
|
|
"Alarm Hit List"
|
|
]
|
|
},
|
|
"type": "ia.container.tab"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "EmbeddedView"
|
|
},
|
|
"position": {
|
|
"height": "calc(100% - 76px)",
|
|
"width": "100%",
|
|
"y": 76
|
|
},
|
|
"propConfig": {
|
|
"props.params.classDropdownValue": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "../Dropdown.props.value"
|
|
},
|
|
"type": "property"
|
|
},
|
|
"persistent": true
|
|
},
|
|
"props.path": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": " \"Windows/Alarms/\"\r\n+property(\"../TabContainer.custom.pages[\"+{../TabContainer.props.currentTabIndex}+\"]\")"
|
|
},
|
|
"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": {
|
|
"classDropdownValue": [
|
|
"Error"
|
|
],
|
|
"titleExtra": "24 rows"
|
|
},
|
|
"path": "Windows/Alarms/Active"
|
|
},
|
|
"type": "ia.display.view"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "TimeWidget"
|
|
},
|
|
"position": {
|
|
"height": 40,
|
|
"width": 600
|
|
},
|
|
"propConfig": {
|
|
"meta.visible": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "../TabContainer.props.currentTabIndex"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": false,
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": 1,
|
|
"output": true
|
|
},
|
|
{
|
|
"input": 2,
|
|
"output": true
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"params": {
|
|
"endDate": "2021-02-13 00:00:00",
|
|
"startDate": "2021-02-12 00:00:00"
|
|
},
|
|
"path": "Templates/Widget/TimeWidget"
|
|
},
|
|
"type": "ia.display.view"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"min-width": "1000px"
|
|
}
|
|
},
|
|
"type": "ia.container.coord"
|
|
}
|
|
} |