317 lines
9.1 KiB
Plaintext
317 lines
9.1 KiB
Plaintext
{
|
|
"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": [
|
|
{
|
|
"meta": {
|
|
"name": "EmbeddedView"
|
|
},
|
|
"position": {
|
|
"basis": "10%"
|
|
},
|
|
"props": {
|
|
"path": "Components/Atoms/Logo",
|
|
"style": {
|
|
"backgroundColor": "var(--container)",
|
|
"padding": "26px"
|
|
}
|
|
},
|
|
"type": "ia.display.view"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"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"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.custom.isCollapsed \u003d True\n\tsystem.perspective.alterDock(\u0027Left\u0027, { \u0027size\u0027: 60 } )\n"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Collapse"
|
|
},
|
|
"position": {
|
|
"basis": "30px",
|
|
"display": false,
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"position.display": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "!{view.custom.isCollapsed}"
|
|
},
|
|
"enabled": false,
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"props.image.icon.path": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.custom.isExpanded"
|
|
},
|
|
"enabled": false,
|
|
"transforms": [
|
|
{
|
|
"fallback": "material/menu",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": false,
|
|
"output": "material/menu_open"
|
|
},
|
|
{
|
|
"input": true,
|
|
"output": "material/menu"
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"icon": {
|
|
"color": "var(--text-color)",
|
|
"path": "material/menu_open"
|
|
}
|
|
},
|
|
"text": ""
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.custom.isCollapsed \u003d False\n\tsystem.perspective.alterDock(\u0027Left\u0027, { \u0027size\u0027: 260 } )"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Expand"
|
|
},
|
|
"position": {
|
|
"basis": "34px"
|
|
},
|
|
"propConfig": {
|
|
"position.display": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "{view.custom.isCollapsed}"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"icon": {
|
|
"color": "var(--text-color)",
|
|
"path": "material/menu"
|
|
}
|
|
},
|
|
"text": ""
|
|
},
|
|
"type": "ia.input.button"
|
|
}
|
|
],
|
|
"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"
|
|
}
|
|
} |