{ "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": "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" } }