457 lines
13 KiB
Plaintext
457 lines
13 KiB
Plaintext
{
|
|
"custom": {},
|
|
"params": {
|
|
"Coordinate": {
|
|
"Scale": 2,
|
|
"x": "",
|
|
"y": ""
|
|
},
|
|
"fontSize": "16px",
|
|
"label": "",
|
|
"showIcons": true,
|
|
"status": {
|
|
"estopActive": "",
|
|
"fullActive": "",
|
|
"generalAlarm": "",
|
|
"jamActive": "",
|
|
"manualActive": ""
|
|
},
|
|
"view": ""
|
|
},
|
|
"propConfig": {
|
|
"params.Coordinate": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.fontSize": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.label": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.showIcons": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.status": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.status.estopActive": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.status.fullActive": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.status.generalAlarm": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.status.jamActive": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.status.manualActive": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.view": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 60,
|
|
"width": 130
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": [
|
|
{
|
|
"config": {
|
|
"script": "\tself.session.custom.transition \u003d 1\n\tself.session.custom.zoomto \u003d 1\n\tself.session.custom.scale_x \u003d self.view.params.Coordinate.x\n\tself.session.custom.scale_y \u003d self.view.params.Coordinate.y\n\tself.session.custom.zoom \u003d self.view.params.Coordinate.Scale"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
},
|
|
{
|
|
"config": {
|
|
"id": "A0_Overview",
|
|
"type": "open"
|
|
},
|
|
"scope": "C",
|
|
"type": "dock"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Button"
|
|
},
|
|
"position": {
|
|
"height": "100%",
|
|
"width": "100%"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"classes": "Buttons/Grey",
|
|
"paddingBottom": "10%"
|
|
},
|
|
"text": "",
|
|
"textStyle": {
|
|
"fontFamily": "Arial",
|
|
"fontsize": "12px"
|
|
}
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"width": "100%"
|
|
},
|
|
"propConfig": {
|
|
"position.height": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.showIcons"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": "50%",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": false,
|
|
"output": "100%"
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.alignVertical": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.showIcons"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": "bottom",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": false,
|
|
"output": "center"
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.fontSize": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.fontSize"
|
|
},
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "// Check if label is Good and isn\u0027t just whitespace characters:\r\nif(isGood({view.params.label}) \u0026\u0026 len(trim({view.params.label})) \u003e 0,\r\n\t// Label is readable:\r\n\t{view.params.label},\r\n\t// Unknown / not configured label:\r\n\t\"Unknown\"\r\n)"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"fontWeight": "bold",
|
|
"pointer-events": "none",
|
|
"textAlign": "center",
|
|
"textTransform": "uppercase",
|
|
"user-select": "none"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Alarm_Icon",
|
|
"tooltip": {
|
|
"location": "top",
|
|
"style": {
|
|
"backgroundColor": "#2B2B2BBF",
|
|
"color": "#FFFFFF",
|
|
"fontSize": 14,
|
|
"textAlign": "left",
|
|
"white-space": "pre"
|
|
},
|
|
"text": "Any alarms in this Zone"
|
|
}
|
|
},
|
|
"position": {
|
|
"height": 0.6667,
|
|
"width": 0.1538,
|
|
"x": 0.0385,
|
|
"y": 0.1667
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.status.generalAlarm"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "// Check if value is Good and is a Bool:\r\nif(isGood({value}) \u0026\u0026 toBoolean({value}) \u003d {value},\r\n\t// Is okay, check which state:\r\n\tif({value},\r\n\t\t\"#000000\", // Active\r\n\t\t\"#DDDDDD\" // Not Active\r\n\t),\r\n\t// Unknown Status:\r\n\t\"#808080\"\r\n)",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"color": "#FFF",
|
|
"path": "material/notifications_active"
|
|
},
|
|
"type": "ia.display.icon"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Emergency_Icon",
|
|
"tooltip": {
|
|
"style": {
|
|
"backgroundColor": "#2B2B2BBF",
|
|
"color": "#FFFFFF",
|
|
"fontSize": 14,
|
|
"textAlign": "left",
|
|
"white-space": "pre"
|
|
}
|
|
}
|
|
},
|
|
"position": {
|
|
"height": 0.6667,
|
|
"width": 0.1538,
|
|
"x": 0.2308,
|
|
"y": 0.1667
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.status.estopActive"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "// Check if value is Good and is a Bool:\r\nif(isGood({value}) \u0026\u0026 toBoolean({value}) \u003d {value},\r\n\t// Is okay, check which state:\r\n\tif({value},\r\n\t\t\"#FF0000\", // Active\r\n\t\t\"#DDDDDD\" // Not Active\r\n\t),\r\n\t// Unknown Status:\r\n\t\"#808080\"\r\n)",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"color": "#FFF",
|
|
"path": "material/all_out"
|
|
},
|
|
"type": "ia.display.icon"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Jam_Icon",
|
|
"tooltip": {
|
|
"style": {
|
|
"backgroundColor": "#2B2B2BBF",
|
|
"color": "#FFFFFF",
|
|
"fontSize": 14,
|
|
"textAlign": "left",
|
|
"white-space": "pre"
|
|
}
|
|
}
|
|
},
|
|
"position": {
|
|
"height": 0.6667,
|
|
"width": 0.1538,
|
|
"x": 0.4231,
|
|
"y": 0.1667
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.status.jamActive"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "// Check if value is Good and is a Bool:\r\nif(isGood({value}) \u0026\u0026 toBoolean({value}) \u003d {value},\r\n\t// Is okay, check which state:\r\n\tif({value},\r\n\t\t\"#FF8C00\", // Active\r\n\t\t\"#DDDDDD\" // Not Active\r\n\t),\r\n\t// Unknown Status:\r\n\t\"#808080\"\r\n)",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"color": "#FFF",
|
|
"path": "material/skip_next"
|
|
},
|
|
"type": "ia.display.icon"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Full_Icon",
|
|
"tooltip": {
|
|
"style": {
|
|
"backgroundColor": "#2B2B2BBF",
|
|
"color": "#FFFFFF",
|
|
"fontSize": 14,
|
|
"textAlign": "left",
|
|
"white-space": "pre"
|
|
}
|
|
}
|
|
},
|
|
"position": {
|
|
"height": 0.6667,
|
|
"width": 0.1538,
|
|
"x": 0.6154,
|
|
"y": 0.1667
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.status.fullActive"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "// Check if value is Good and is a Bool:\r\nif(isGood({value}) \u0026\u0026 toBoolean({value}) \u003d {value},\r\n\t// Is okay, check which state:\r\n\tif({value},\r\n\t\t\"#0000FF\", // Active\r\n\t\t\"#DDDDDD\" // Not Active\r\n\t),\r\n\t// Unknown Status:\r\n\t\"#808080\"\r\n)",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"color": "#FFF",
|
|
"path": "material/skip_next"
|
|
},
|
|
"type": "ia.display.icon"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Manual_Icon",
|
|
"tooltip": {
|
|
"style": {
|
|
"backgroundColor": "#2B2B2BBF",
|
|
"color": "#FFFFFF",
|
|
"fontSize": 14,
|
|
"textAlign": "left",
|
|
"white-space": "pre"
|
|
}
|
|
}
|
|
},
|
|
"position": {
|
|
"height": 0.6667,
|
|
"width": 0.1538,
|
|
"x": 0.8077,
|
|
"y": 0.1667
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.status.manualActive"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"expression": "// Check if value is Good and is a Bool:\r\nif(isGood({value}) \u0026\u0026 toBoolean({value}) \u003d {value},\r\n\t// Is okay, check which state:\r\n\tif({value},\r\n\t\t\"#AC5F00\", // Active\r\n\t\t\"#DDDDDD\" // Not Active\r\n\t),\r\n\t// Unknown Status:\r\n\t\"#808080\"\r\n)",
|
|
"type": "expression"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"color": "#FFF",
|
|
"path": "material/build"
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Icons"
|
|
},
|
|
"position": {
|
|
"height": "50%",
|
|
"width": "100%",
|
|
"y": "50%"
|
|
},
|
|
"propConfig": {
|
|
"meta.visible": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.showIcons"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"aspectRatio": "65:15",
|
|
"mode": "percent",
|
|
"style": {
|
|
"overflow": "hidden",
|
|
"pointer-events": "none"
|
|
}
|
|
},
|
|
"type": "ia.container.coord"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"cursor": "pointer"
|
|
}
|
|
},
|
|
"scripts": {
|
|
"customMethods": [
|
|
{
|
|
"name": "openWindow",
|
|
"params": [],
|
|
"script": "\tview \u003d self.view.params.view\n\tsystem.perspective.navigate(view\u003dview)"
|
|
}
|
|
],
|
|
"extensionFunctions": null,
|
|
"messageHandlers": []
|
|
},
|
|
"type": "ia.container.coord"
|
|
}
|
|
} |