e.cruz/Oracle-TX11-TX21
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upload of projects and themes

Browse Source
This commit is contained in:
Emmanuel Hernandez Cruz
2026-02-17 18:14:44 +00:00
parent 00ee2e1ee1
commit c7730b9da4
302 changed files with 24019 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Details/Details/resource.json Normal file
View File

@@ -0,0 +1,17 @@
{
"scope": "G",
"version": 1,
"restricted": false,
"overridable": true,
"files": [
"view.json",
"thumbnail.png"
],
"attributes": {
"lastModificationSignature": "73e37e2782c6a0944ed1307a676ed2a0095153cb9f94dcfa8a3c9c5e8ac961ae",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-02-13T20:53:09Z"
}
}
}

BIN
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Details/Details/thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

361
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Details/Details/view.json Normal file
View File

@@ -0,0 +1,361 @@
{
"custom": {
"alarm_active": 7,
"udt_type": "CDU"
},
"params": {
"tagPath": "[Ignition_TX21_BE]DM11/TX21_DM11_CDU02"
},
"propConfig": {
"custom.alarm_active": {
"binding": {
"config": {
"fallbackDelay": 2.5,
"mode": "indirect",
"references": {
"tagPath": "{view.params.tagPath}"
},
"tagPath": "{tagPath}/Alarm Metrics.activeUnackCount"
},
"type": "tag"
},
"persistent": true
},
"custom.udt_type": {
"binding": {
"config": {
"path": "view.params.tagPath"
},
"transforms": [
{
"code": "\tconfig \u003d system.tag.getConfiguration(value, 0)\n\treturn config[0][\u0027typeId\u0027].split(\u0027/\u0027)[-1]",
"type": "script"
}
],
"type": "property"
},
"persistent": true
},
"params.tagPath": {
"paramDirection": "input",
"persistent": true
}
},
"props": {},
"root": {
"children": [
{
"children": [
{
"meta": {
"name": "Label"
},
"position": {
"grow": 1,
"shrink": 0
},
"propConfig": {
"props.text": {
"binding": {
"config": {
"path": "view.params.tagPath"
},
"type": "property"
}
}
},
"props": {
"style": {
"classes": "Common/Static/text"
}
},
"type": "ia.display.label"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"id": "L4",
"type": "close"
},
"scope": "C",
"type": "dock"
}
}
},
"meta": {
"name": "Icon"
},
"position": {
"basis": "30px",
"shrink": 0
},
"props": {
"path": "material/close",
"style": {
"color": "var(--icon)"
}
},
"type": "ia.display.icon"
}
],
"meta": {
"name": "Information"
},
"position": {
"basis": "30px",
"shrink": 0
},
"props": {
"style": {
"padding": "var(--space-xs)"
}
},
"type": "ia.container.flex"
},
{
"meta": {
"name": "Divider_1"
},
"position": {
"basis": "1px"
},
"props": {
"style": {
"border": "var(--container-border)",
"classes": "Common/Static/text_muted"
}
},
"type": "ia.display.label"
},
{
"children": [
{
"children": [
{
"meta": {
"name": "Label"
},
"position": {
"basis": "90%"
},
"props": {
"style": {
"classes": "Common/Static/Text"
},
"text": "Active Alarms"
},
"type": "ia.display.label"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.parent.parent.parent.getChild(\"AlarmsSection\").custom.is_collapsed \u003d not self.parent.parent.parent.getChild(\"AlarmsSection\").custom.is_collapsed"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Icon"
},
"position": {
"basis": "30px"
},
"propConfig": {
"props.path": {
"binding": {
"config": {
"path": "..../AlarmsSection.custom.is_collapsed"
},
"transforms": [
{
"fallback": "material/keyboard_arrow_up",
"inputType": "scalar",
"mappings": [
{
"input": true,
"output": "material/keyboard_arrow_down"
},
{
"input": false,
"output": "material/keyboard_arrow_up"
}
],
"outputType": "scalar",
"type": "map"
}
],
"type": "property"
}
}
},
"props": {
"style": {
"color": "var(--icon)"
}
},
"type": "ia.display.icon"
}
],
"meta": {
"name": "FlexContainer"
},
"position": {
"basis": "30px"
},
"props": {
"justify": "space-between"
},
"type": "ia.container.flex"
},
{
"meta": {
"name": "AlarmStatusTable"
},
"position": {
"basis": "300px"
},
"propConfig": {
"position.display": {
"binding": {
"config": {
"expression": "!{parent.custom.is_collapsed}"
},
"type": "expr"
}
},
"props.filters.active.conditions": {
"binding": {
"config": {
"path": "view.params.tagPath"
},
"transforms": [
{
"code": "\tpathArr \u003d value.split(\u0027]\u0027)\n\t\n\treturn {\u0027provider\u0027: pathArr[0].replace(\u0027[\u0027, \u0027\u0027), \u0027source\u0027: \u0027*\u0027+pathArr[1]+\u0027*\u0027}",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"enableAcknowledge": false,
"enableDetails": false,
"enableShelve": false,
"enableUnshelve": false,
"filters": {
"active": {}
},
"style": {
"borderTopRightRadius": "var(--border-radius)",
"boxShadow": "var(--box-shadow-2)",
"classes": "Common/Static/card"
},
"toolbar": {
"enabled": false
}
},
"type": "ia.display.alarmstatustable"
}
],
"custom": {
"is_collapsed": false
},
"meta": {
"name": "AlarmsSection"
},
"position": {
"shrink": 0
},
"props": {
"direction": "column",
"style": {
"overflow": "visible",
"padding": "var(--space-xs)"
}
},
"type": "ia.container.flex"
},
{
"meta": {
"name": "Divider_2"
},
"position": {
"basis": "1px"
},
"props": {
"style": {
"border": "var(--container-border)"
}
},
"type": "ia.display.label"
},
{
"meta": {
"name": "Body"
},
"position": {
"grow": 1
},
"propConfig": {
"props.params.tagpath": {
"binding": {
"config": {
"path": "view.params.tagPath"
},
"type": "property"
}
},
"props.params.udt_type": {
"binding": {
"config": {
"path": "view.custom.udt_type"
},
"type": "property"
}
},
"props.path": {
"binding": {
"config": {
"expression": "\"Components/Faceplates/\"+ {view.custom.udt_type} +\"/body\""
},
"type": "expr"
}
}
},
"type": "ia.display.view"
}
],
"meta": {
"name": "root"
},
"props": {
"direction": "column",
"style": {
"background": "var(--container-root)",
"gap": "var(--space-sm)",
"padding": "var(--space-sm)"
}
},
"scripts": {
"customMethods": [],
"extensionFunctions": null,
"messageHandlers": [
{
"messageType": "TAB_CHANGE",
"pageScope": true,
"script": "\t# implement your handler here\n\tself.view.custom.selected_tab \u003d payload[\u0027newTab\u0027]",
"sessionScope": false,
"viewScope": false
}
]
},
"type": "ia.container.flex"
}
}

17
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Header/Base/resource.json Normal file
View File

@@ -0,0 +1,17 @@
{
"scope": "G",
"version": 1,
"restricted": false,
"overridable": true,
"files": [
"view.json",
"thumbnail.png"
],
"attributes": {
"lastModificationSignature": "e984df0960b73ce3402d1a42a91e1262a61056e272fd9eda6b653cb5079e8739",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-01-30T20:21:01Z"
}
}
}

BIN
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Header/Base/thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

328
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Header/Base/view.json Normal file
View File

@@ -0,0 +1,328 @@
{
"custom": {
"breadcrumbs": [
"Spaces",
"Floor 1",
"DM11"
]
},
"params": {},
"propConfig": {
"custom.breadcrumbs": {
"binding": {
"config": {
"path": "session.custom.breadcrumbs"
},
"transforms": [
{
"code": "\treturn value.split(\u0027/\u0027)",
"type": "script"
}
],
"type": "property"
},
"persistent": true
}
},
"props": {
"defaultSize": {
"height": 80,
"width": 1200
}
},
"root": {
"children": [
{
"children": [
{
"meta": {
"name": "Icon"
},
"position": {
"basis": "38px",
"shrink": 0
},
"propConfig": {
"props.path": {
"binding": {
"config": {
"path": "view.custom.breadcrumbs[0]"
},
"transforms": [
{
"fallback": "material/menu_open",
"inputType": "scalar",
"mappings": [
{
"input": "Home",
"output": "material/home"
},
{
"input": "Spaces",
"output": "material/domain"
},
{
"input": "Equipment",
"output": "material/settings_input_component"
},
{
"input": "Analysis",
"output": "material/analytics"
},
{
"input": "Alarms",
"output": "material/notifications"
},
{
"input": "Diagnostics",
"output": "material/build"
}
],
"outputType": "scalar",
"type": "map"
}
],
"type": "property"
}
}
},
"props": {
"color": "var(--text-color)",
"style": {
"marginRight": "5px",
"opacity": "0.50"
}
},
"type": "ia.display.icon"
},
{
"meta": {
"name": "Breadcrumbs"
},
"position": {
"grow": 1,
"shrink": 0
},
"propConfig": {
"props.instances": {
"binding": {
"config": {
"path": "session.custom.breadcrumbs"
},
"transforms": [
{
"code": "\titems \u003d value.split(\u0027/\u0027)\n\treturn_array \u003d []\n\tfor item in items:\n\t\tnew_item \u003d {}\n\t\tnew_item[\u0027label\u0027] \u003d item\n\t\tnew_item[\u0027isLast\u0027] \u003d False\n\t\treturn_array.append(new_item)\n\treturn_array[-1][\u0027isLast\u0027] \u003d True\n\treturn return_array",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"alignContent": "space-around",
"alignItems": "center",
"elementPosition": {
"basis": "auto",
"shrink": 0
},
"path": "Components/Layouts/Header/Label",
"style": {
"gap": "var(--space-xs)",
"overflow": "visible"
}
},
"type": "ia.display.flex-repeater"
},
{
"children": [
{
"events": {
"dom": {
"onClick": [
{
"config": {},
"enabled": false,
"scope": "C",
"type": "login"
},
{
"config": {
"script": "\tif self.session.props.auth.authenticated:\n\t\tsystem.perspective.logout()\n\telse:\n\t\tsystem.perspective.login()"
},
"scope": "G",
"type": "script"
}
]
}
},
"meta": {
"name": "Icon"
},
"position": {
"basis": "30px"
},
"propConfig": {
"props.path": {
"binding": {
"config": {
"path": "session.props.auth.authenticated"
},
"transforms": [
{
"fallback": "material/login",
"inputType": "scalar",
"mappings": [
{
"input": true,
"output": "material/person_outline"
},
{
"input": false,
"output": "material/login"
}
],
"outputType": "scalar",
"type": "map"
}
],
"type": "property"
}
}
},
"props": {
"color": "var(--text-color)"
},
"type": "ia.display.icon"
},
{
"events": {
"dom": {
"onClick": [
{
"config": {},
"enabled": false,
"scope": "C",
"type": "login"
},
{
"config": {
"script": "\tif self.session.props.auth.authenticated:\n\t\tsystem.perspective.logout()\n\telse:\n\t\tsystem.perspective.login()"
},
"scope": "G",
"type": "script"
}
]
}
},
"meta": {
"name": "Button"
},
"propConfig": {
"props.text": {
"binding": {
"config": {
"path": "session.props.auth.authenticated"
},
"transforms": [
{
"fallback": "\"Login\"",
"inputType": "scalar",
"mappings": [
{
"input": true,
"output": "{session.props.auth.user.userName}"
},
{
"input": false,
"output": "\"Login\""
}
],
"outputType": "expression",
"type": "map"
}
],
"type": "property"
}
}
},
"props": {
"textStyle": {
"color": "var(--text-color)"
}
},
"type": "ia.input.button"
}
],
"meta": {
"name": "Controls"
},
"position": {
"basis": "200px"
},
"props": {
"justify": "flex-end",
"style": {
"gap": "var(--space-xs)"
}
},
"type": "ia.container.flex"
}
],
"meta": {
"name": "Content"
},
"position": {
"basis": "100%"
},
"props": {
"alignContent": "center",
"alignItems": "center",
"style": {
"paddingLeft": "10px"
}
},
"type": "ia.container.flex"
},
{
"meta": {
"name": "Label"
},
"position": {
"basis": "1px"
},
"props": {
"style": {
"border": "var(--container-border)"
}
},
"type": "ia.display.label"
}
],
"meta": {
"name": "root"
},
"props": {
"alignContent": "center",
"direction": "column",
"style": {
"backgroundColor": "var(--container-root)",
"padding": "var(--space-sm)"
}
},
"scripts": {
"customMethods": [],
"extensionFunctions": null,
"messageHandlers": [
{
"messageType": "updateBreadcrumb",
"pageScope": true,
"script": "\tself.view.custom.path \u003d payload[\u0027target\u0027]",
"sessionScope": false,
"viewScope": false
}
]
},
"type": "ia.container.flex"
}
}

17
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Header/Label/resource.json Normal file
View File

@@ -0,0 +1,17 @@
{
"scope": "G",
"version": 1,
"restricted": false,
"overridable": true,
"files": [
"view.json",
"thumbnail.png"
],
"attributes": {
"lastModificationSignature": "aad550a2c9517c5603defb9e08908c144741f0599da4a41329dfa69c9ee3f4ec",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-01-30T20:21:01Z"
}
}
}

BIN
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Header/Label/thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 314 B

121
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Header/Label/view.json Normal file
View File

@@ -0,0 +1,121 @@
{
"custom": {},
"params": {
"isLast": false,
"label": ""
},
"propConfig": {
"params.isLast": {
"paramDirection": "input",
"persistent": true
},
"params.label": {
"paramDirection": "input",
"persistent": true
}
},
"props": {
"defaultSize": {
"height": 40,
"width": 100
}
},
"root": {
"children": [
{
"meta": {
"name": "Label"
},
"position": {
"basis": "75%"
},
"propConfig": {
"props.style.opacity": {
"binding": {
"config": {
"path": "view.params.isLast"
},
"transforms": [
{
"fallback": null,
"inputType": "scalar",
"mappings": [
{
"input": true,
"output": 1
},
{
"input": false,
"output": 0.3
}
],
"outputType": "scalar",
"type": "map"
}
],
"type": "property"
}
},
"props.text": {
"binding": {
"config": {
"path": "view.params.label"
},
"type": "property"
}
}
},
"props": {
"style": {
"color": "var(--text-color)"
},
"textStyle": {
"textAlign": "center"
}
},
"type": "ia.display.label"
},
{
"meta": {
"name": "Icon"
},
"position": {
"basis": "25%"
},
"propConfig": {
"position.display": {
"binding": {
"config": {
"path": "view.params.isLast"
},
"transforms": [
{
"expression": "!{value}",
"type": "expression"
}
],
"type": "property"
}
}
},
"props": {
"color": "var(--text-color)",
"path": "material/keyboard_arrow_right",
"style": {
"opacity": "0.50"
}
},
"type": "ia.display.icon"
}
],
"meta": {
"name": "root"
},
"props": {
"style": {
"overflow": "visible"
}
},
"type": "ia.container.flex"
}
}

17
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Building/resource.json Normal file
View File

@@ -0,0 +1,17 @@
{
"scope": "G",
"version": 1,
"restricted": false,
"overridable": true,
"files": [
"view.json",
"thumbnail.png"
],
"attributes": {
"lastModificationSignature": "90f4fe37a7539135bda261ab4689f8cba38af993d2d55a7d80fe1f348cff5824",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-02-01T06:39:22Z"
}
}
}

BIN
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Building/thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

965
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Building/view.json Normal file
View File

@@ -0,0 +1,965 @@
{
"custom": {},
"params": {},
"props": {
"defaultSize": {
"height": 491,
"width": 200
}
},
"root": {
"children": [
{
"meta": {
"name": "3F_Label"
},
"position": {
"basis": "25px",
"shrink": 0
},
"props": {
"style": {
"color": "var(--text-color)"
},
"text": "Third Floor"
},
"type": "ia.display.label"
},
{
"children": [
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM31\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM31"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"height": 20,
"width": 30
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM31"
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM32\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM32"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"height": 25,
"width": 30
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM32"
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM33\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM33"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"height": 25,
"position": "center",
"width": 30
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM33"
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM34\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM34"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"height": 25,
"width": 30
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM34"
},
"type": "ia.input.button"
}
],
"meta": {
"name": "3F_Btns"
},
"props": {
"alignContent": "center",
"alignItems": "center",
"justify": "center",
"style": {
"gap": "var(--space-sm)",
"padding": "var(--space-sm)"
},
"wrap": "wrap"
},
"type": "ia.container.flex"
},
{
"meta": {
"name": "Divider1"
},
"position": {
"basis": "1px"
},
"props": {
"style": {
"backgroundColor": "var(--text-muted)"
}
},
"type": "ia.display.label"
},
{
"meta": {
"name": "2F_Label"
},
"position": {
"basis": "25px",
"shrink": 0
},
"props": {
"style": {
"color": "var(--text-color)"
},
"text": "Third Floor"
},
"type": "ia.display.label"
},
{
"children": [
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM21\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM21"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"height": 15,
"width": 150
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM21"
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM22\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM22"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"width": 150
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM22"
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM23\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM23"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"width": 150
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM23"
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM24\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM24"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"width": 150
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM24"
},
"type": "ia.input.button"
}
],
"meta": {
"name": "2F_Btns"
},
"props": {
"alignContent": "center",
"alignItems": "center",
"justify": "center",
"style": {
"gap": "var(--space-sm)",
"padding": "var(--space-sm)"
},
"wrap": "wrap"
},
"type": "ia.container.flex"
},
{
"meta": {
"name": "Divider2"
},
"position": {
"basis": "1px"
},
"props": {
"style": {
"backgroundColor": "var(--text-muted)"
}
},
"type": "ia.display.label"
},
{
"meta": {
"name": "1F_Label"
},
"position": {
"basis": "25px",
"shrink": 0
},
"props": {
"style": {
"color": "var(--text-color)"
},
"text": "Third Floor"
},
"type": "ia.display.label"
},
{
"children": [
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM11\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM11"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"height": 15,
"width": 150
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM11"
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM12\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM12"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"width": 150
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM12"
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM13\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM13"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"width": 150
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM13"
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM14\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "DM14"
},
"position": {
"basis": "80px",
"shrink": 0
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
"type": "script"
}
],
"type": "property"
}
},
"props.style.color": {
"binding": {
"config": {
"path": "/root.custom.selected"
},
"transforms": [
{
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"image": {
"width": 150
},
"style": {
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderColor": "var(--call-to-action)",
"borderStyle": "solid",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"borderWidth": "2px",
"padding": "var(--space-sm)"
},
"text": "DM14"
},
"type": "ia.input.button"
}
],
"meta": {
"name": "1F_Btns"
},
"props": {
"alignContent": "center",
"alignItems": "center",
"justify": "center",
"style": {
"gap": "var(--space-sm)",
"padding": "var(--space-sm)"
},
"wrap": "wrap"
},
"type": "ia.container.flex"
}
],
"custom": {
"selected": "DM31"
},
"meta": {
"name": "root"
},
"props": {
"direction": "column"
},
"type": "ia.container.flex"
}
}

17
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Docked/resource.json Normal file
View File

@@ -0,0 +1,17 @@
{
"scope": "G",
"version": 1,
"restricted": false,
"overridable": true,
"files": [
"view.json",
"thumbnail.png"
],
"attributes": {
"lastModificationSignature": "e66d8d1dc6d3db24523ad3672b70108f584556d4e45a2c1259e92ceecd1aff02",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-02-01T05:11:30Z"
}
}
}

BIN
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Docked/thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

367
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Docked/view.json Normal file
View File

File diff suppressed because one or more lines are too long

17
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/IconButton/resource.json Normal file
View File

@@ -0,0 +1,17 @@
{
"scope": "G",
"version": 1,
"restricted": false,
"overridable": true,
"files": [
"view.json",
"thumbnail.png"
],
"attributes": {
"lastModificationSignature": "99a746976448fd56a4e3e5f25602f1e22b5a8e101878965ec26c5963a327b08c",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-01-30T20:21:01Z"
}
}
}

BIN
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/IconButton/thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 B

109
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/IconButton/view.json Normal file
View File

@@ -0,0 +1,109 @@
{
"custom": {},
"params": {
"breadcrumbs": "",
"icon": {
"path": "material/home"
},
"label": "value",
"target": "/Facility"
},
"propConfig": {
"params.breadcrumbs": {
"paramDirection": "input",
"persistent": true
},
"params.icon": {
"paramDirection": "input",
"persistent": true
},
"params.label": {
"paramDirection": "input",
"persistent": true
},
"params.target": {
"paramDirection": "input",
"persistent": true
}
},
"props": {
"defaultSize": {
"height": 35,
"width": 35
}
},
"root": {
"children": [
{
"meta": {
"name": "ExpandIcon"
},
"position": {
"basis": "25px"
},
"propConfig": {
"props.path": {
"binding": {
"config": {
"path": "view.params.icon.path"
},
"type": "property"
}
}
},
"props": {
"color": "var(--text-color)"
},
"type": "ia.display.icon"
}
],
"events": {
"dom": {
"onClick": {
"config": {
"script": "\t#toggleItemsByPath(itemsCopy, itemPath, breadcrumb)\n\ttarget \u003d self.view.params.target\n\tif target !\u003d \"\":\n\t\tsystem.perspective.navigate(view \u003d target)\n\t\tself.session.custom.breadcrumbs \u003d self.view.params.breadcrumbs"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "root",
"tooltip": {
"enabled": true
}
},
"propConfig": {
"custom.breadcrumbs": {
"binding": {
"config": {
"path": "view.params.breadcrumbs"
},
"transforms": [
{
"code": "\treturn str(value)",
"type": "script"
}
],
"type": "property"
}
},
"meta.tooltip.text": {
"binding": {
"config": {
"path": "view.params.label"
},
"type": "property"
}
}
},
"props": {
"justify": "center",
"style": {
"cursor": "pointer"
}
},
"type": "ia.container.flex"
}
}

17
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/L1/resource.json Normal file
View File

@@ -0,0 +1,17 @@
{
"scope": "G",
"version": 1,
"restricted": false,
"overridable": true,
"files": [
"view.json",
"thumbnail.png"
],
"attributes": {
"lastModificationSignature": "eab96b03c2148c76dd4bbc6d877b766e511b9ac78ee611ffa966241410ff8e44",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-01-30T20:21:02Z"
}
}
}

BIN
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/L1/thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

437
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/L1/view.json Normal file
View File

@@ -0,0 +1,437 @@
{
"custom": {
"breadcrumbs": "value",
"isExpanded": true
},
"params": {
"breadcrumbs": "",
"expanded": false,
"icon": {
"path": "material/home"
},
"items": [
{
"breadcumbs": "Home_1_",
"icon": {
"path": "material/home"
},
"items": [],
"label": "Home",
"target": "Pages/Dashboard/Home"
},
{
"breadcumbs": "Spaces_1_",
"icon": {
"path": "material/domain"
},
"items": [
{
"icon": {
"path": ".."
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM11",
"target": "Pages/Spaces/Floor_01/DM11"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM12",
"target": "Pages/Spaces/Floor_01/DM12"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM13",
"target": "Pages/Spaces/Floor_01/DM13"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM14",
"target": "Pages/Spaces/Floor_01/DM14"
}
],
"label": "Fisrt Floor",
"target": ""
},
{
"icon": {
"path": ".."
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM21",
"target": "Pages/Spaces/Floor_02/DM21"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM22",
"target": "Pages/Spaces/Floor_02/DM22"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM23",
"target": "Pages/Spaces/Floor_02/DM23"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM24",
"target": "Pages/Spaces/Floor_02/DM24"
}
],
"label": "Second Floor",
"target": ""
},
{
"icon": {
"path": ".."
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM31",
"target": "Pages/Spaces/Floor_03/DM31"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM32",
"target": "Pages/Spaces/Floor_03/DM32"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM33",
"target": "Pages/Spaces/Floor_03/DM33"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM34",
"target": "Pages/Spaces/Floor_03/DM34"
}
],
"label": "Third Floor",
"target": ""
}
],
"label": "Spaces",
"target": "Pages/Dashboard/Spaces"
},
{
"breadcumbs": "Equipment_1_",
"icon": {
"path": "material/settings_input_component"
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "CDU",
"target": "Pages/Systems/CDU"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "RPP",
"target": "Pages/Systems/RPP"
}
],
"label": "Equipment",
"target": "Pages/Dashboard/Equipment"
},
{
"breadcumbs": "Analysis_1_",
"icon": {
"path": "material/analytics"
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "Trend Builder",
"target": "Pages/Analysis/Trend_Builder"
}
],
"label": "Analysis",
"target": ""
},
{
"breadcumbs": "Alarms_1_",
"icon": {
"path": "material/notifications"
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "Active",
"target": "Pages/Alarms/Active"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "History",
"target": "Pages/Alarms/History"
}
],
"label": "Alarms",
"target": ""
},
{
"breadcumbs": "Diagnostics_1_",
"icon": {
"path": "material/build"
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "Gateway",
"target": ""
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "Connections",
"target": ""
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "Panels",
"target": ""
}
],
"label": "Diagnostics",
"target": ""
}
],
"label": "Facility",
"target": "/Facility"
},
"propConfig": {
"custom.breadcrumbs": {
"persistent": true
},
"custom.isExpanded": {
"persistent": true
},
"params.breadcrumbs": {
"paramDirection": "input",
"persistent": true
},
"params.expanded": {
"paramDirection": "input",
"persistent": true
},
"params.icon": {
"paramDirection": "input",
"persistent": true
},
"params.items": {
"paramDirection": "input",
"persistent": true
},
"params.label": {
"paramDirection": "input",
"persistent": true
},
"params.target": {
"paramDirection": "input",
"persistent": true
}
},
"props": {
"defaultSize": {
"height": 88
}
},
"root": {
"children": [
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.custom.isExpanded \u003d not self.view.custom.isExpanded\n"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Label"
},
"position": {
"grow": 1,
"shrink": 0
},
"propConfig": {
"props.params.breadcrumbs": {
"binding": {
"config": {
"path": "view.params.breadcrumbs"
},
"type": "property"
}
},
"props.params.expanded": {
"binding": {
"config": {
"path": "view.custom.isExpanded"
},
"type": "property"
}
},
"props.params.icon": {
"binding": {
"config": {
"path": "view.params.icon"
},
"type": "property"
}
},
"props.params.items": {
"binding": {
"config": {
"path": "view.params.items"
},
"type": "property"
}
},
"props.params.label": {
"binding": {
"config": {
"path": "view.params.label"
},
"type": "property"
}
},
"props.params.target": {
"binding": {
"config": {
"path": "view.params.target"
},
"type": "property"
}
}
},
"props": {
"path": "Components/Layouts/Navigation/Tree/Row",
"useDefaultViewWidth": true
},
"type": "ia.display.view"
},
{
"meta": {
"name": "FlexRepeater"
},
"position": {
"grow": 1,
"shrink": 0
},
"propConfig": {
"position.display": {
"binding": {
"config": {
"path": "view.custom.isExpanded"
},
"type": "property"
}
},
"props.instances": {
"binding": {
"config": {
"path": "view.params.items"
},
"transforms": [
{
"code": "\treturn_list \u003d []\n\tfor item in value:\n\t\tnew_item \u003d dict(item)\n\t\tnew_item[\u0027breadcrumbs\u0027] \u003d self.view.params.breadcrumbs + \u0027/\u0027 + new_item[\u0027label\u0027]\n\t\treturn_list.append(new_item)\n\treturn return_list",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"direction": "column",
"elementPosition": {
"basis": "auto",
"shrink": 0
},
"path": "Components/Layouts/Navigation/Tree/L2",
"style": {
"gap": "var(--space-xs)"
},
"useDefaultViewHeight": false,
"useDefaultViewWidth": false
},
"type": "ia.display.flex-repeater"
}
],
"meta": {
"name": "root"
},
"props": {
"direction": "column",
"style": {
"gap": "var(--space-xs)",
"paddingLeft": "4px"
}
},
"type": "ia.container.flex"
}
}

17
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/L2/resource.json Normal file
View File

@@ -0,0 +1,17 @@
{
"scope": "G",
"version": 1,
"restricted": false,
"overridable": true,
"files": [
"view.json",
"thumbnail.png"
],
"attributes": {
"lastModificationSignature": "e8b4040ad6e85a0f90fc4521bd06d0f3d67170c0b51554e833c83473ae322a78",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-01-30T20:21:01Z"
}
}
}

BIN
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/L2/thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

439
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/L2/view.json Normal file
View File

@@ -0,0 +1,439 @@
{
"custom": {
"isExpanded": true
},
"params": {
"breadcrumbs": "",
"expanded": false,
"icon": {
"path": "\"..\""
},
"items": [
{
"breadcrumbs": "valueHome_2_",
"breadcumbs": "Home_1_",
"icon": {
"path": "material/home"
},
"items": [],
"label": "Home",
"target": "Pages/Dashboard/Home"
},
{
"breadcrumbs": "valueSpaces_2_",
"breadcumbs": "Spaces_1_",
"icon": {
"path": "material/domain"
},
"items": [
{
"icon": {
"path": ".."
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM11",
"target": "Pages/Spaces/Floor_01/DM11"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM12",
"target": "Pages/Spaces/Floor_01/DM12"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM13",
"target": "Pages/Spaces/Floor_01/DM13"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM14",
"target": "Pages/Spaces/Floor_01/DM14"
}
],
"label": "Fisrt Floor",
"target": ""
},
{
"icon": {
"path": ".."
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM21",
"target": "Pages/Spaces/Floor_02/DM21"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM22",
"target": "Pages/Spaces/Floor_02/DM22"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM23",
"target": "Pages/Spaces/Floor_02/DM23"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM24",
"target": "Pages/Spaces/Floor_02/DM24"
}
],
"label": "Second Floor",
"target": ""
},
{
"icon": {
"path": ".."
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM31",
"target": "Pages/Spaces/Floor_03/DM31"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM32",
"target": "Pages/Spaces/Floor_03/DM32"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM33",
"target": "Pages/Spaces/Floor_03/DM33"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "DM34",
"target": "Pages/Spaces/Floor_03/DM34"
}
],
"label": "Third Floor",
"target": ""
}
],
"label": "Spaces",
"target": "Pages/Dashboard/Spaces"
},
{
"breadcrumbs": "valueEquipment_2_",
"breadcumbs": "Equipment_1_",
"icon": {
"path": "material/settings_input_component"
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "CDU",
"target": "Pages/Systems/CDU"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "RPP",
"target": "Pages/Systems/RPP"
}
],
"label": "Equipment",
"target": "Pages/Dashboard/Equipment"
},
{
"breadcrumbs": "valueAnalysis_2_",
"breadcumbs": "Analysis_1_",
"icon": {
"path": "material/analytics"
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "Trend Builder",
"target": "Pages/Analysis/Trend_Builder"
}
],
"label": "Analysis",
"target": ""
},
{
"breadcrumbs": "valueAlarms_2_",
"breadcumbs": "Alarms_1_",
"icon": {
"path": "material/notifications"
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "Active",
"target": "Pages/Alarms/Active"
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "History",
"target": "Pages/Alarms/History"
}
],
"label": "Alarms",
"target": ""
},
{
"breadcrumbs": "valueDiagnostics_2_",
"breadcumbs": "Diagnostics_1_",
"icon": {
"path": "material/build"
},
"items": [
{
"icon": {
"path": ".."
},
"items": [],
"label": "Gateway",
"target": ""
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "Connections",
"target": ""
},
{
"icon": {
"path": ".."
},
"items": [],
"label": "Panels",
"target": ""
}
],
"label": "Diagnostics",
"target": ""
}
],
"label": "Facility",
"target": "/Facility"
},
"propConfig": {
"custom.isExpanded": {
"persistent": true
},
"params.breadcrumbs": {
"paramDirection": "input",
"persistent": true
},
"params.expanded": {
"paramDirection": "input",
"persistent": true
},
"params.icon": {
"paramDirection": "input",
"persistent": true
},
"params.items": {
"paramDirection": "input",
"persistent": true
},
"params.label": {
"paramDirection": "input",
"persistent": true
},
"params.target": {
"paramDirection": "input",
"persistent": true
}
},
"props": {
"defaultSize": {
"height": 88
}
},
"root": {
"children": [
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.custom.isExpanded \u003d not self.view.custom.isExpanded\n"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Label_0"
},
"position": {
"grow": 1,
"shrink": 0
},
"propConfig": {
"props.params.breadcrumbs": {
"binding": {
"config": {
"path": "view.params.breadcrumbs"
},
"type": "property"
}
},
"props.params.expanded": {
"binding": {
"config": {
"path": "view.custom.isExpanded"
},
"type": "property"
}
},
"props.params.icon": {
"binding": {
"config": {
"path": "view.params.icon"
},
"type": "property"
}
},
"props.params.items": {
"binding": {
"config": {
"path": "view.params.items"
},
"type": "property"
}
},
"props.params.label": {
"binding": {
"config": {
"path": "view.params.label"
},
"type": "property"
}
},
"props.params.target": {
"binding": {
"config": {
"path": "view.params.target"
},
"type": "property"
}
}
},
"props": {
"path": "Components/Layouts/Navigation/Tree/Row",
"useDefaultViewWidth": true
},
"type": "ia.display.view"
},
{
"meta": {
"name": "FlexRepeater"
},
"position": {
"grow": 1,
"shrink": 0
},
"propConfig": {
"position.display": {
"binding": {
"config": {
"path": "view.custom.isExpanded"
},
"type": "property"
}
},
"props.instances": {
"binding": {
"config": {
"path": "view.params.items"
},
"transforms": [
{
"code": "\treturn_list \u003d []\n\tfor item in value:\n\t\tnew_item \u003d dict(item)\n\t\tnew_item[\u0027breadcrumbs\u0027] \u003d self.view.params.breadcrumbs + \u0027/\u0027 + new_item[\u0027label\u0027]\n\t\treturn_list.append(new_item)\n\treturn return_list",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"direction": "column",
"elementPosition": {
"basis": "auto",
"shrink": 0
},
"path": "Components/Layouts/Navigation/Tree/L3",
"style": {
"gap": "var(--space-xs)"
},
"useDefaultViewHeight": false,
"useDefaultViewWidth": false
},
"type": "ia.display.flex-repeater"
}
],
"meta": {
"name": "root"
},
"props": {
"direction": "column",
"style": {
"gap": "var(--space-xs)",
"paddingLeft": "6px"
}
},
"type": "ia.container.flex"
}
}

17
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/L3/resource.json Normal file
View File

@@ -0,0 +1,17 @@
{
"scope": "G",
"version": 1,
"restricted": false,
"overridable": true,
"files": [
"view.json",
"thumbnail.png"
],
"attributes": {
"lastModificationSignature": "27cf10cfa7a9b1f2495a168ad28c3b271701ebb22ad017c3a187182a667d76e0",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-01-30T20:21:01Z"
}
}
}

BIN
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/L3/thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1003 B

163
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/L3/view.json Normal file
View File

@@ -0,0 +1,163 @@
{
"custom": {},
"params": {
"breadcrumbs": "",
"expanded": false,
"icon": {
"path": "\"..\""
},
"items": [
{
"icon": {
"path": "material/dns"
},
"items": [],
"label": "DM 11",
"target": "Pages/Spaces/1st_Floor/DM11"
},
{
"icon": {
"path": "material/dns"
},
"items": [],
"label": "DM 12",
"target": "/facility/floor1/dm12"
},
{
"icon": {
"path": "material/dns"
},
"items": [],
"label": "DM 13",
"target": "/facility/floor1/dm13"
},
{
"icon": {
"path": "material/dns"
},
"items": [],
"label": "DM 14",
"target": "/facility/floor1/dm14"
}
],
"label": "Facility",
"target": "/Facility"
},
"propConfig": {
"params.breadcrumbs": {
"paramDirection": "input",
"persistent": true
},
"params.expanded": {
"paramDirection": "input",
"persistent": true
},
"params.icon": {
"paramDirection": "input",
"persistent": true
},
"params.items": {
"paramDirection": "input",
"persistent": true
},
"params.label": {
"paramDirection": "input",
"persistent": true
},
"params.target": {
"paramDirection": "input",
"persistent": true
}
},
"props": {
"defaultSize": {
"height": 88
}
},
"root": {
"children": [
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.custom.isExpanded \u003d not self.view.custom.isExpanded\n"
},
"enabled": false,
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Label_0"
},
"position": {
"grow": 1,
"shrink": 0
},
"propConfig": {
"props.params.breadcrumbs": {
"binding": {
"config": {
"path": "view.params.breadcrumbs"
},
"type": "property"
}
},
"props.params.icon": {
"binding": {
"config": {
"path": "view.params.icon"
},
"type": "property"
}
},
"props.params.items": {
"binding": {
"config": {
"path": "view.params.items"
},
"type": "property"
}
},
"props.params.label": {
"binding": {
"config": {
"path": "view.params.label"
},
"type": "property"
}
},
"props.params.target": {
"binding": {
"config": {
"path": "view.params.target"
},
"type": "property"
}
}
},
"props": {
"params": {
"expanded": false
},
"path": "Components/Layouts/Navigation/Tree/Row",
"useDefaultViewWidth": true
},
"type": "ia.display.view"
}
],
"meta": {
"name": "root"
},
"props": {
"direction": "column",
"style": {
"marginBottom": "var(--space-xs)",
"paddingLeft": "10px"
}
},
"type": "ia.container.flex"
}
}

17
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/Row/resource.json Normal file
View File

@@ -0,0 +1,17 @@
{
"scope": "G",
"version": 1,
"restricted": false,
"overridable": true,
"files": [
"view.json",
"thumbnail.png"
],
"attributes": {
"lastModificationSignature": "44ee5b6317024e08be9c323535fa796329f665a2ab5eaf832f25e63de6e695a1",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-01-30T20:21:01Z"
}
}
}

BIN
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/Row/thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 261 B

226
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/Navigation/Tree/Row/view.json Normal file
View File

@@ -0,0 +1,226 @@
{
"custom": {},
"params": {
"breadcrumbs": "",
"expanded": false,
"icon": {
"path": "material/home"
},
"items": [],
"label": "Facility",
"target": "/Facility"
},
"propConfig": {
"params.breadcrumbs": {
"paramDirection": "input",
"persistent": true
},
"params.expanded": {
"paramDirection": "input",
"persistent": true
},
"params.icon": {
"paramDirection": "input",
"persistent": true
},
"params.items": {
"paramDirection": "input",
"persistent": true
},
"params.label": {
"paramDirection": "input",
"persistent": true
},
"params.target": {
"paramDirection": "input",
"persistent": true
}
},
"props": {
"defaultSize": {
"height": 35,
"width": 200
}
},
"root": {
"children": [
{
"meta": {
"name": "ExpandIcon"
},
"position": {
"basis": "15px"
},
"propConfig": {
"position.display": {
"binding": {
"config": {
"path": "view.params.items"
},
"transforms": [
{
"code": "\tif len(value) \u003e 0:\n\t\treturn True\n\telse:\n\t\treturn False",
"type": "script"
}
],
"type": "property"
}
},
"props.path": {
"binding": {
"config": {
"path": "view.params.expanded"
},
"transforms": [
{
"fallback": null,
"inputType": "scalar",
"mappings": [
{
"input": true,
"output": "material/arrow_drop_down"
},
{
"input": false,
"output": "material/arrow_right"
}
],
"outputType": "scalar",
"type": "map"
}
],
"type": "property"
}
}
},
"type": "ia.display.icon"
},
{
"meta": {
"name": "Spacer"
},
"position": {
"basis": "15px"
},
"propConfig": {
"position.display": {
"binding": {
"config": {
"path": "view.params.items"
},
"transforms": [
{
"code": "\tif len(value) \u003e 0:\n\t\treturn False\n\telse:\n\t\treturn True",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"style": {
"classes": "navigation/items"
}
},
"type": "ia.display.label"
},
{
"meta": {
"name": "Selected"
},
"position": {
"basis": "5px"
},
"propConfig": {
"props.style.backgroundColor": {
"binding": {
"config": {
"path": "session.custom.breadcrumbs"
},
"transforms": [
{
"code": "\titems \u003d value.split(\u0027/\u0027)\n\tif items[-1] \u003d\u003d self.view.params.label:\n\t\treturn \"var(--call-to-action-highlight)\"\n\telse:\n\t\treturn \"var(--container)\"",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"style": {
"borderBottomLeftRadius": "var(--border-radius-input)",
"borderTopLeftRadius": "var(--border-radius-input)",
"transition": "all 0.1s ease-in-out"
}
},
"type": "ia.display.label"
},
{
"meta": {
"name": "Label"
},
"position": {
"basis": "134px",
"shrink": 0
},
"propConfig": {
"props.text": {
"binding": {
"config": {
"path": "view.params.label"
},
"type": "property"
}
}
},
"props": {
"style": {
"borderBottomRightRadius": "var(--border-radius-input)",
"borderTopRightRadius": "var(--border-radius-input)",
"classes": "navigation/items",
"paddingLeft": "var(--space-xs)"
}
},
"type": "ia.display.label"
}
],
"events": {
"dom": {
"onClick": {
"config": {
"script": "\t#toggleItemsByPath(itemsCopy, itemPath, breadcrumb)\n\ttarget \u003d self.view.params.target\n\tif target !\u003d \"\":\n\t\tsystem.perspective.navigate(view \u003d target)\n\t\tself.session.custom.breadcrumbs \u003d self.custom.breadcrumbs"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "root"
},
"propConfig": {
"custom.breadcrumbs": {
"binding": {
"config": {
"path": "view.params.breadcrumbs"
},
"transforms": [
{
"code": "\treturn str(value)",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"style": {
"cursor": "pointer"
}
},
"type": "ia.container.flex"
}
}

17
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/_Layout_Frame/resource.json Normal file
View File

@@ -0,0 +1,17 @@
{
"scope": "G",
"version": 1,
"restricted": false,
"overridable": true,
"files": [
"view.json",
"thumbnail.png"
],
"attributes": {
"lastModificationSignature": "ebea8de0fb18cddf89e7a69e31237293835146fab1e2f3cc398e7ce82494762d",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-01-31T00:57:28Z"
}
}
}

BIN
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/_Layout_Frame/thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

351
gateway_frontend/projects/Base/com.inductiveautomation.perspective/views/Components/Layouts/_Layout_Frame/view.json Normal file
View File

@@ -0,0 +1,351 @@
{
"custom": {},
"params": {
"path": "Pages/Spaces/Layouts/DM11_Layout"
},
"propConfig": {
"params.path": {
"paramDirection": "input",
"persistent": true
}
},
"props": {
"defaultSize": {
"height": 600,
"width": 1300
}
},
"root": {
"children": [
{
"events": {
"dom": {
"onMouseDown": {
"config": {
"script": "\tself.parent.custom.clickedX \u003d event.pageX\n\tself.parent.custom.clickedY \u003d event.pageY"
},
"scope": "G",
"type": "script"
},
"onMouseEnter": {
"config": {
"script": "\tif event.buttons:\n\t\tself.parent.custom.clickedX \u003d event.pageX\n\t\tself.parent.custom.clickedY \u003d event.pageY"
},
"enabled": false,
"scope": "G",
"type": "script"
},
"onMouseLeave": {
"config": {
"script": "\tif event.buttons:\n\t\tdiffX \u003d event.pageX - self.parent.custom.clickedX\n\t\tdiffY \u003d event.pageY - self.parent.custom.clickedY\n\t\n\t\tself.parent.custom.viewX +\u003d diffX\n\t\tself.parent.custom.viewY +\u003d diffY"
},
"enabled": false,
"scope": "G",
"type": "script"
},
"onMouseUp": {
"config": {
"script": "\tdiffX \u003d event.pageX - self.parent.custom.clickedX\n\tdiffY \u003d event.pageY - self.parent.custom.clickedY\n\t\n\tself.parent.custom.viewX +\u003d diffX\n\tself.parent.custom.viewY +\u003d diffY"
},
"scope": "G",
"type": "script"
},
"onWheel": {
"config": {
"script": "\tif event.deltaY \u003e 0:\n\t\tself.parent.custom.scale -\u003d 0.1\n\tif event.deltaY \u003c 0:\n\t\tself.parent.custom.scale +\u003d 0.1"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Layout"
},
"position": {
"height": 600,
"width": 1300
},
"propConfig": {
"props.path": {
"binding": {
"config": {
"path": "view.params.path"
},
"type": "property"
}
},
"props.style.transform": {
"binding": {
"config": {
"expression": "stringFormat(\"translate(%dpx, %dpx) scale(%f)\", \r\n {parent.custom.viewX}, \r\n {parent.custom.viewY}, \r\n toFloat({parent.custom.scale})\r\n)"
},
"type": "expr"
}
}
},
"props": {
"style": {
"transition": "transform 0.2s linear"
}
},
"type": "ia.display.view"
},
{
"children": [
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.viewY -\u003d 5"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "btn__up"
},
"position": {
"basis": "80px"
},
"props": {
"image": {
"icon": {
"color": "var(--text-color)",
"path": "material/arrow_upward"
}
},
"text": ""
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.viewY +\u003d 5"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "btn_down"
},
"position": {
"basis": "80px"
},
"props": {
"image": {
"icon": {
"color": "var(--text-color)",
"path": "material/arrow_downward"
}
},
"text": ""
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.viewX -\u003d 5"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "btn_left"
},
"position": {
"basis": "80px"
},
"props": {
"image": {
"icon": {
"color": "var(--text-color)",
"path": "material/arrow_back"
}
},
"text": ""
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.viewX +\u003d 5"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "btn_right"
},
"position": {
"basis": "80px"
},
"props": {
"image": {
"icon": {
"color": "var(--text-color)",
"path": "material/arrow_forward"
}
},
"text": ""
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.scale +\u003d 0.05"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "btn_zoom_in"
},
"position": {
"basis": "80px"
},
"props": {
"image": {
"icon": {
"color": "var(--text-color)",
"path": "material/zoom_in"
}
},
"text": ""
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.scale -\u003d 0.05"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "btn_zoom_out"
},
"position": {
"basis": "80px"
},
"props": {
"image": {
"icon": {
"color": "var(--text-color)",
"path": "material/zoom_out"
}
},
"text": ""
},
"type": "ia.input.button"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.view.getChild(\"root\").custom.viewX \u003d 0\n\tself.view.getChild(\"root\").custom.viewY \u003d 0\n\tself.view.getChild(\"root\").custom.scale \u003d 1"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "bnt_rst"
},
"position": {
"basis": "80px"
},
"props": {
"image": {
"icon": {
"color": "var(--text-color)",
"path": "material/zoom_out_map"
}
},
"text": ""
},
"type": "ia.input.button"
}
],
"meta": {
"name": "ControlBox"
},
"position": {
"height": 40.02,
"width": 349.96,
"x": 14.95,
"y": 15
},
"props": {
"style": {
"backgroundColor": "var(--container-nested)",
"borderBottomLeftRadius": "var(--border-radius)",
"borderBottomRightRadius": "var(--border-radius)",
"borderTopLeftRadius": "var(--border-radius)",
"borderTopRightRadius": "var(--border-radius)",
"boxShadow": "var(--box-shadow-2)"
}
},
"type": "ia.container.flex"
}
],
"custom": {
"clickedX": 0,
"clickedY": 0,
"scale": 1,
"viewX": 0,
"viewY": 0
},
"events": {
"system": {
"onStartup": {
"config": {
"script": "\tself.custom.scale \u003d 1.0\n\tself.custom.viewX \u003d 0\n\tself.custom.viewY \u003d 0\n\tself.custom.clickedX \u003d 0\n\tself.custom.clickedY \u003d 0"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "root"
},
"props": {
"style": {
"background": "var(--container-root)",
"overflow": "hidden"
}
},
"type": "ia.container.coord"
}
}