226 lines
5.5 KiB
Plaintext
226 lines
5.5 KiB
Plaintext
{
|
|
"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"
|
|
}
|
|
} |