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

Backup of frontend with base gateway project and edge project

Browse Source
This commit is contained in:
Emmanuel Hernandez Cruz
2026-03-05 17:03:27 +00:00
parent c7730b9da4
commit 0bf19d3af0
1306 changed files with 240817 additions and 639 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
gateway_frontend/projects/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "82d6453d8f7d1c4a66555b1e2e50a2773e76fcaaa55838c8400c5bf6cb1f64bb",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-03-05T05:44:59Z"
}
}
}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

328
gateway_frontend/projects/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "Frames/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/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "149e6b33210c4fa6c844762ef8265697d9a2255d193a1a47abbb0e2b5dd62565",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-03-05T00:50:41Z"
}
}
}

BIN
gateway_frontend/projects/FrontendBase/com.inductiveautomation.perspective/views/Frames/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/FrontendBase/com.inductiveautomation.perspective/views/Frames/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/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "c6e4ac3b7b27a25b0e0c1699fba89980523c8bf06088f6972b50acbfbf10646c",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-03-05T01:03:02Z"
}
}
}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

933
gateway_frontend/projects/FrontendBase/com.inductiveautomation.perspective/views/Frames/Layouts/Navigation/Building/view.json Normal file
View File

@@ -0,0 +1,933 @@
{
"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": "Data Halls"
},
"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"
},
{
"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"
},
{
"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/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "15f25d9700e530d0aa0a7dc88237690a298a58b4e05210dcf907ff92c7b853ce",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-03-05T05:05:40Z"
}
}
}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

209
gateway_frontend/projects/FrontendBase/com.inductiveautomation.perspective/views/Frames/Layouts/Navigation/Docked/view.json Normal file
View File

@@ -0,0 +1,209 @@
{
"custom": {
"isCollapsed": false
},
"params": {},
"propConfig": {
"custom.isCollapsed": {
"persistent": true
},
"props.defaultSize.width": {
"binding": {
"config": {
"path": "view.custom.isExpanded"
},
"enabled": false,
"transforms": [
{
"fallback": null,
"inputType": "scalar",
"mappings": [
{
"input": true,
"output": 250
},
{
"input": false,
"output": 60
}
],
"outputType": "scalar",
"type": "map"
}
],
"type": "property"
}
}
},
"props": {
"defaultSize": {
"width": 273
}
},
"root": {
"children": [
{
"children": [
{
"meta": {
"name": "EmbeddedView"
},
"position": {
"basis": "10%"
},
"props": {
"path": "Components/Atoms/Logo",
"style": {
"backgroundColor": "var(--container)",
"padding": "26px"
}
},
"type": "ia.display.view"
},
{
"children": [
{
"meta": {
"name": "Full_Menu"
},
"position": {
"grow": 1
},
"propConfig": {
"position.display": {
"binding": {
"config": {
"expression": "!{view.custom.isCollapsed}"
},
"type": "expr"
}
},
"props.instances": {
"binding": {
"config": {
"path": "session.custom.navStructure"
},
"transforms": [
{
"code": "\treturn_list \u003d []\n\tfor item in value:\n\t\tnew_item \u003d dict(item)\n\t\tnew_item[\u0027breadcrumbs\u0027] \u003d item[\u0027label\u0027]\n\t\treturn_list.append(new_item)\n\treturn return_list",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"alignItems": "flex-start",
"direction": "column",
"elementPosition": {
"basis": "auto",
"grow": 0,
"shrink": 0
},
"path": "Frames/Layouts/Navigation/Tree/L1",
"style": {
"gap": "var(--space-xs)",
"overflow": "visible",
"padding": "var(--space-sm)"
},
"useDefaultViewHeight": false,
"useDefaultViewWidth": false
},
"type": "ia.display.flex-repeater"
},
{
"meta": {
"name": "Icon_Menu"
},
"position": {
"basis": "320px"
},
"propConfig": {
"position.display": {
"binding": {
"config": {
"expression": "{view.custom.isCollapsed}"
},
"type": "expr"
}
},
"props.instances": {
"binding": {
"config": {
"path": "session.custom.navStructure"
},
"transforms": [
{
"code": "\treturn_list \u003d []\n\tfor item in value:\n\t\tnew_item \u003d dict(item)\n\t\tnew_item[\u0027breadcrumbs\u0027] \u003d item[\u0027label\u0027]\n\t\treturn_list.append(new_item)\n\treturn return_list",
"type": "script"
}
],
"type": "property"
}
}
},
"props": {
"direction": "column",
"path": "Frames/Layouts/Navigation/Tree/IconButton"
},
"type": "ia.display.flex-repeater"
}
],
"meta": {
"name": "Tree Container"
},
"position": {
"basis": "100%"
},
"type": "ia.container.flex"
}
],
"meta": {
"name": "CardContainer"
},
"position": {
"grow": 1
},
"props": {
"alignItems": "center",
"direction": "column",
"justify": "space-between",
"style": {
"backgroundColor": "var(--palette-slate-150-1)",
"border": "var(--container-border)",
"borderRadius": "var(--border-radius)",
"boxShadow": "var(--box-shadow-2)",
"fontSize": "var(--text-md)"
}
},
"type": "ia.container.flex"
}
],
"events": {
"system": {
"onStartup": {
"config": {
"script": "\tself.session.custom.navStructure \u003d ui.navigation.get_structure()\n\tself.view.custom.isCollapsed \u003d False"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "root"
},
"props": {
"alignContent": "flex-start",
"alignItems": "flex-start",
"direction": "column",
"style": {
"backgroundColor": "var(--container-root)",
"classes": "navtree",
"padding": "var(--space-sm)"
}
},
"type": "ia.container.flex"
}
}

17
gateway_frontend/projects/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "9ffa27e4d45921006e7989b0ccd69fed2c99e69ec78cd023642cda7b5c674bb4",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-03-05T01:01:20Z"
}
}
}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 204 B

109
gateway_frontend/projects/FrontendBase/com.inductiveautomation.perspective/views/Frames/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/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "447a9cc74fdc6139c36270d1c98f5105d19bd754e3d12e8fb7513cb06e647c11",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-03-05T01:08:25Z"
}
}
}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

437
gateway_frontend/projects/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "Frames/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": "Frames/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/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "af70ce9083eb1ce4bce32b28c3ad137a7fa8d3455d7e31f0c7ae8a0397b50918",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-03-05T01:08:34Z"
}
}
}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

439
gateway_frontend/projects/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "Frames/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": "Frames/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/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "428dadab05768ee61ffb65c3546e3810dedd1ae8946bec1a5c50c295ff43eb60",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-03-05T01:09:21Z"
}
}
}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 707 B

163
gateway_frontend/projects/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "Frames/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/FrontendBase/com.inductiveautomation.perspective/views/Frames/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": "1a86216f4b56483f6ebf0c9554b4ac3e43f4226b7fc41b2252da1e058a22b744",
"lastModification": {
"actor": "Prime",
"timestamp": "2026-03-05T01:01:59Z"
}
}
}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 252 B

226
gateway_frontend/projects/FrontendBase/com.inductiveautomation.perspective/views/Frames/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"
}
}