1351 lines
38 KiB
Plaintext
1351 lines
38 KiB
Plaintext
{
|
|
"custom": {},
|
|
"params": {
|
|
"inText": "# Markdown Editor\n\nUse the buttons above to build your markdown",
|
|
"outText": "# Markdown Editor\n\nUse the buttons above to build your markdown"
|
|
},
|
|
"propConfig": {
|
|
"params.inText": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
},
|
|
"params.outText": {
|
|
"paramDirection": "output",
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 853,
|
|
"width": 1045
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/format_bold",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": "**Text**"
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Bold"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/format_italic",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": "*Text*"
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Italic"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/format_strikethrough",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": "~~Text~~"
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Strikethrough"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/title",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": "# Heading"
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Heading"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Spacer"
|
|
},
|
|
"position": {
|
|
"basis": "1px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "#CCCCCC",
|
|
"marginBottom": "4px",
|
|
"marginLeft": "4px",
|
|
"marginRight": "8px"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/format_quote",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": "\u003e Quote \n"
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Quote"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/format_list_bulleted",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": "* Item 1\n* Item 2"
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Bullet List"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/format_list_numbered",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": "1. Item 1\n2. Item 2"
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Number List"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Spacer_0"
|
|
},
|
|
"position": {
|
|
"basis": "1px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "#CCCCCC",
|
|
"marginLeft": "4px",
|
|
"marginRight": "8px"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/insert_link",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": "[Link](http://www,inductiveautomation.com)"
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Link"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/insert_photo",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": ""
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Image"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Spacer_1"
|
|
},
|
|
"position": {
|
|
"basis": "1px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "#CCCCCC",
|
|
"marginBottom": "4px",
|
|
"marginLeft": "4px",
|
|
"marginRight": "8px"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/drag_handle",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": "------------"
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Horizontal Rule"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/border_all",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": "| Column 1 | Column 2 |\n| ------------ | ------------ |\n| Row 1 1 | Row 1 2 |\n| Row 2 1 | Row 2 2 |"
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Table"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/code",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"text": "`Code`"
|
|
},
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").updateEditor(self.custom.text)"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Code"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Spacer_2"
|
|
},
|
|
"position": {
|
|
"basis": "1px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "#CCCCCC",
|
|
"marginBottom": "4px",
|
|
"marginLeft": "4px",
|
|
"marginRight": "8px"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/remove_red_eye",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tvalue \u003d not self.custom.selected\n\tself.custom.selected \u003d value\n\t\n\tif not value:\n\t\tself.getSibling(\"Split\").custom.selected \u003d False"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Preview"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"propConfig": {
|
|
"custom.selected": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "true"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"props.style.classes": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "this.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": "Markdown/Button",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": false,
|
|
"output": "Markdown/Button"
|
|
},
|
|
{
|
|
"input": true,
|
|
"output": "Markdown/Button_Selected"
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/border_vertical",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.custom.selected \u003d not self.custom.selected"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Split"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"propConfig": {
|
|
"custom.selected": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "true"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"position.display": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "{../Preview.custom.selected}"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"props.style.classes": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "this.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"fallback": "Markdown/Button",
|
|
"inputType": "scalar",
|
|
"mappings": [
|
|
{
|
|
"input": false,
|
|
"output": "Markdown/Button"
|
|
},
|
|
{
|
|
"input": true,
|
|
"output": "Markdown/Button_Selected"
|
|
}
|
|
],
|
|
"outputType": "scalar",
|
|
"type": "map"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Icon"
|
|
},
|
|
"position": {
|
|
"basis": "24px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"path": "material/clear",
|
|
"style": {
|
|
"classes": "ClickToGraph/Icon"
|
|
}
|
|
},
|
|
"type": "ia.display.icon"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Flex"
|
|
},
|
|
"position": {
|
|
"basis": "32px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"justify": "center",
|
|
"style": {
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").clearEditor()"
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "Clear"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"justify": "center",
|
|
"style": {
|
|
"classes": "Markdown/Button",
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Actions"
|
|
},
|
|
"position": {
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"classes": "Markdown/Actions",
|
|
"padding": "8px"
|
|
},
|
|
"wrap": "wrap"
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "TextArea"
|
|
},
|
|
"position": {
|
|
"grow": 1
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.inText"
|
|
},
|
|
"type": "property"
|
|
},
|
|
"onChange": {
|
|
"enabled": null,
|
|
"script": "\tself.view.params.outText \u003d currentValue.value"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"deferUpdates": false,
|
|
"rejectUpdatesWhileFocused": false,
|
|
"style": {
|
|
"borderStyle": "none",
|
|
"fontSize": "18px"
|
|
}
|
|
},
|
|
"type": "ia.input.text-area"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Editor"
|
|
},
|
|
"position": {
|
|
"basis": "50px",
|
|
"grow": 1
|
|
},
|
|
"propConfig": {
|
|
"position.display": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "{.../Actions/Split.custom.selected} || !{.../Actions/Preview.custom.selected}"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"margin": "10px"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Spacer"
|
|
},
|
|
"position": {
|
|
"basis": "1px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"position.display": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "{.../Actions/Split.custom.selected}"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "#CCCCCC"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Markdown"
|
|
},
|
|
"position": {
|
|
"basis": "50px",
|
|
"grow": 1
|
|
},
|
|
"propConfig": {
|
|
"position.display": {
|
|
"binding": {
|
|
"config": {
|
|
"expression": "{.../Actions/Split.custom.selected} || {.../Actions/Preview.custom.selected}"
|
|
},
|
|
"type": "expr"
|
|
}
|
|
},
|
|
"props.source": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "../Editor/TextArea.props.text"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"borderStyle": "none",
|
|
"margin": "10px"
|
|
}
|
|
},
|
|
"type": "ia.display.markdown"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "Editor"
|
|
},
|
|
"position": {
|
|
"grow": 1
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"classes": "Markdown/Editor"
|
|
}
|
|
},
|
|
"scripts": {
|
|
"customMethods": [
|
|
{
|
|
"name": "updateEditor",
|
|
"params": [
|
|
"text"
|
|
],
|
|
"script": "\tif self.getChild(\"Editor\").getChild(\"Editor\").getChild(\"TextArea\").props.text \u003d\u003d \"\":\n\t\tnewText \u003d text\n\telse:\n\t\tnewText \u003d \" \\n%s\" % text\n\tself.getChild(\"Editor\").getChild(\"Editor\").getChild(\"TextArea\").props.text +\u003d newText"
|
|
},
|
|
{
|
|
"name": "clearEditor",
|
|
"params": [],
|
|
"script": "\tself.getChild(\"Editor\").getChild(\"Editor\").getChild(\"TextArea\").props.text \u003d \"\""
|
|
}
|
|
],
|
|
"extensionFunctions": null,
|
|
"messageHandlers": [
|
|
{
|
|
"messageType": "refreshEditor",
|
|
"pageScope": true,
|
|
"script": "\tself.getChild(\"Editor\").getChild(\"Editor\").getChild(\"TextArea\").refreshBinding(\"props.text\")",
|
|
"sessionScope": false,
|
|
"viewScope": false
|
|
}
|
|
]
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
} |