431 lines
11 KiB
Plaintext
431 lines
11 KiB
Plaintext
{
|
|
"custom": {
|
|
"box_shadow": "0px 2px 4px rgba(0, 0, 40, 0.15)",
|
|
"expanded": true,
|
|
"show_content": true
|
|
},
|
|
"events": {
|
|
"system": {
|
|
"onStartup": {
|
|
"config": {
|
|
"script": "\tself.custom.expanded \u003d self.params.open_expanded\n\t"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"params": {
|
|
"anchor_position": null,
|
|
"content_shown": true,
|
|
"open_expanded": true,
|
|
"params": {},
|
|
"path": "Objects/Templates/S3/Management/file",
|
|
"show_box_shadow_on_expanded": true,
|
|
"title": "Card Title",
|
|
"useDefaultHeight": false,
|
|
"useDefaultWidth": false
|
|
},
|
|
"propConfig": {
|
|
"custom.box_shadow": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "if(\r\n\t{view.params.show_box_shadow_on_expanded}\u0026\u0026{view.custom.expanded},\r\n\t\u00270px 2px 4px rgba(0, 0, 40, 0.15)\u0027,\r\n\t\u0027\u0027\r\n)"
|
|
},
|
|
"type": "expr"
|
|
},
|
|
"persistent": true
|
|
},
|
|
"custom.expanded": {
|
|
"persistent": true
|
|
},
|
|
"custom.show_content": {
|
|
"persistent": true
|
|
},
|
|
"params.address": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.anchor_position": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.content_shown": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.custom.show_content"
|
|
},
|
|
"type": "property"
|
|
},
|
|
"paramDirection": "output",
|
|
"persistent": true
|
|
},
|
|
"params.open_expanded": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.params": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.path": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.show_box_shadow_on_expanded": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.system": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.title": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.useDefaultHeight": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.useDefaultWidth": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 600,
|
|
"width": 500
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"events": {
|
|
"component": {
|
|
"onActionPerformed": {
|
|
"config": {
|
|
"script": "\t# toggle \u0027show_content\u0027 view custom prop\n\tself.view.custom.show_content \u003d not self.view.custom.show_content"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Button"
|
|
},
|
|
"position": {
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.image.icon.path": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "if({view.custom.show_content},\"material/chevron_left\",\"material/chevron_right\")"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"icon": {}
|
|
},
|
|
"primary": false,
|
|
"style": {
|
|
"borderStyle": "none",
|
|
"classes": "Input/Button/Secondary_minimal"
|
|
},
|
|
"text": ""
|
|
},
|
|
"type": "ia.input.button"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer Anchor Left"
|
|
},
|
|
"position": {
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"position.display": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "{view.params.anchor_position}\u003d\u0027left\u0027"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"classes": "Framework/Card/Title_transparent",
|
|
"margin": "0px",
|
|
"padding": "0px"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"grow": 1
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.title"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"classes": "Framework/Card/Title_transparent"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"events": {
|
|
"component": {
|
|
"onActionPerformed": {
|
|
"config": {
|
|
"script": "\tself.view.custom.expanded \u003d not self.view.custom.expanded"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Button"
|
|
},
|
|
"propConfig": {
|
|
"props.image.icon.path": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "if({view.custom.expanded}, \u0027material/expand_less\u0027, \u0027material/expand_more\u0027)"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"icon": {}
|
|
},
|
|
"primary": false,
|
|
"style": {
|
|
"classes": "Input/Button/Secondary_minimal"
|
|
},
|
|
"text": ""
|
|
},
|
|
"type": "ia.input.button"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "EmbeddedView"
|
|
},
|
|
"position": {
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"position.display": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.custom.expanded"
|
|
},
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.params": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.params"
|
|
},
|
|
"overlayOptOut": true,
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.path": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.path"
|
|
},
|
|
"overlayOptOut": true,
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.useDefaultViewHeight": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.useDefaultHeight"
|
|
},
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.useDefaultViewWidth": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.useDefaultWidth"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"classes": "Framework/Card/Embedded_transparent"
|
|
}
|
|
},
|
|
"type": "ia.display.view"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer"
|
|
},
|
|
"position": {
|
|
"basis": "100%",
|
|
"grow": 1
|
|
},
|
|
"propConfig": {
|
|
"position.display": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.custom.show_content"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"events": {
|
|
"component": {
|
|
"onActionPerformed": {
|
|
"config": {
|
|
"script": "\t# toggle \u0027show_content\u0027 view custom prop\n\tself.view.custom.show_content \u003d not self.view.custom.show_content"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Button"
|
|
},
|
|
"position": {
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.image.icon.path": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "if({view.custom.show_content},\"material/chevron_right\",\"material/chevron_left\")"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"icon": {}
|
|
},
|
|
"primary": false,
|
|
"style": {
|
|
"borderStyle": "none"
|
|
},
|
|
"text": ""
|
|
},
|
|
"type": "ia.input.button"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer Anchor Right"
|
|
},
|
|
"position": {
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"position.display": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "{view.params.anchor_position}\u003d\u0027right\u0027"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"classes": "Framework/Card/Title_transparent",
|
|
"margin": "0px",
|
|
"padding": "0px"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"propConfig": {
|
|
"props.justify": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "if({view.params.anchor_position}\u003d\u0027right\u0027,\u0027flex-end\u0027,\u0027flex-start\u0027)"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"props.style.boxShadow": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.custom.box_shadow"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"classes": "Framework/Card/Card_transparent"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
} |