wehub-resource-sync
239 lines
3.8 KiB
JSON
239 lines
3.8 KiB
JSON
[
|
|
{
|
|
"id": "root",
|
|
"component": {
|
|
"Card": {
|
|
"child": "main-column"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "main-column",
|
|
"component": {
|
|
"Column": {
|
|
"children": {
|
|
"explicitList": ["header-row", "events-list", "actions"]
|
|
},
|
|
"gap": "small"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "header-row",
|
|
"component": {
|
|
"Row": {
|
|
"children": {
|
|
"explicitList": ["date-col", "events-col"]
|
|
},
|
|
"gap": "medium"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "date-col",
|
|
"component": {
|
|
"Column": {
|
|
"children": {
|
|
"explicitList": ["day-name", "day-number", "month-name"]
|
|
},
|
|
"alignment": "start"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "day-name",
|
|
"component": {
|
|
"Text": {
|
|
"text": {
|
|
"path": "/dayName"
|
|
},
|
|
"usageHint": "caption"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "day-number",
|
|
"component": {
|
|
"Text": {
|
|
"text": {
|
|
"path": "/dayNumber"
|
|
},
|
|
"usageHint": "h1"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "month-name",
|
|
"component": {
|
|
"Text": {
|
|
"text": {
|
|
"path": "/monthName"
|
|
},
|
|
"usageHint": "h2"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "events-col",
|
|
"component": {
|
|
"Column": {
|
|
"children": {
|
|
"explicitList": ["event1", "event2", "event3"]
|
|
},
|
|
"gap": "small"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "event1",
|
|
"component": {
|
|
"Column": {
|
|
"children": {
|
|
"explicitList": ["event1-title", "event1-time"]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "event1-title",
|
|
"component": {
|
|
"Text": {
|
|
"text": {
|
|
"path": "/event1/title"
|
|
},
|
|
"usageHint": "body"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "event1-time",
|
|
"component": {
|
|
"Text": {
|
|
"text": {
|
|
"path": "/event1/time"
|
|
},
|
|
"usageHint": "caption"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "event2",
|
|
"component": {
|
|
"Column": {
|
|
"children": {
|
|
"explicitList": ["event2-title", "event2-time"]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "event2-title",
|
|
"component": {
|
|
"Text": {
|
|
"text": {
|
|
"path": "/event2/title"
|
|
},
|
|
"usageHint": "body"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "event2-time",
|
|
"component": {
|
|
"Text": {
|
|
"text": {
|
|
"path": "/event2/time"
|
|
},
|
|
"usageHint": "caption"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "event3",
|
|
"component": {
|
|
"Column": {
|
|
"children": {
|
|
"explicitList": ["event3-title", "event3-time"]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "event3-title",
|
|
"component": {
|
|
"Text": {
|
|
"text": {
|
|
"path": "/event3/title"
|
|
},
|
|
"usageHint": "body"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "event3-time",
|
|
"component": {
|
|
"Text": {
|
|
"text": {
|
|
"path": "/event3/time"
|
|
},
|
|
"usageHint": "caption"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "events-list",
|
|
"component": {
|
|
"Divider": {}
|
|
}
|
|
},
|
|
{
|
|
"id": "actions",
|
|
"component": {
|
|
"Row": {
|
|
"children": {
|
|
"explicitList": ["add-btn", "discard-btn"]
|
|
},
|
|
"gap": "small"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "add-btn-text",
|
|
"component": {
|
|
"Text": {
|
|
"text": {
|
|
"literalString": "Add to calendar"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "add-btn",
|
|
"component": {
|
|
"Button": {
|
|
"child": "add-btn-text",
|
|
"action": "add"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "discard-btn-text",
|
|
"component": {
|
|
"Text": {
|
|
"text": {
|
|
"literalString": "Discard"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "discard-btn",
|
|
"component": {
|
|
"Button": {
|
|
"child": "discard-btn-text",
|
|
"action": "discard"
|
|
}
|
|
}
|
|
}
|
|
]
|