Here is the full code :
{
"$jason": {
"head": {
"title": "zzzzs by Me",
"style": {
"font": "HelveticaNeue-Bold"
},
"offline": "false",
"actions": {
"$load": {
"type": "$network.request",
"options": {
"url": "https://zzzz.com/appPostsSharedByMe",
"method": "get",
"data_type": "json"
},
"success": {
"type": "$render"
}
}
},
"templates": {
"body": {
"header": {
"style": {
"background": "#ac7dd4",
"color": "#ffffff"
},
"title": {
"type": "label",
"text": "zzzzs"
},
"menu": {
"text": "reload",
"style": {
"font": "HelveticaNeue-Bold",
"size": "12"
},
"action": {
"type": "$reload"
}
}
},
"footer": {
"tabs": {
"style": {
"background": "#ac7dd4",
"color:disabled": "#B6B6B6",
"color": "#ffffff"
},
"items": [
{
"image": "https://raw.githubusercontent.com/Jasonette/Twitter-UI-example/master/images/home.png",
"text": "Create zzzz",
"style": {
"height": "31"
},
"url": "https://www.jasonbase.com/things/zzzz.json"
},
{
"image": "https://raw.githubusercontent.com/Jasonette/Twitter-UI-example/master/images/me.png",
"text": "To Me",
"style": {
"height": "21"
},
"url": "https://www.jasonbase.com/things/zzzz.json"
},
{
"image": "https://raw.githubusercontent.com/Jasonette/Twitter-UI-example/master/images/moments.png",
"text": "By Me",
"style": {
"height": "21"
},
"url": "https://www.jasonbase.com/things/zzzz.json"
}
]
}
},
"sections": [
{
"items": {
"{{ #each $jason }}": {
"type": "vertical",
"components": [
{
"type": "horizontal",
"components": [
{
"type": "label",
"text": "user name"
},
{
"type": "label",
"text": " -- 30 seconds ago"
}
]
},
{
"type": "horizontal",
"components": [
{
"type": "label",
"text": "Data"
},
{
"type": "label",
"text": "More ..."
}
]
}
]
}
}
}
]
}
}
},
"body": {
"header": {
"style": {
"background": "#ac7dd4",
"color": "#ffffff"
},
"title": {
"type": "label",
"text": "zzzzs"
},
"menu": {
"text": "reload",
"style": {
"font": "HelveticaNeue-Bold",
"size": "12"
},
"action": {
"type": "$reload"
}
}
},
"sections": [
{
"items": [
{
"type": "vertical",
"style": {
"padding": "10",
"spacing": "2",
"align": "center"
},
"components": [
{
"type": "label",
"text": "Loading zzzzs shared by you.",
"style": {
"padding": "2",
"size": "18"
}
}
]
}
]
}
]
}
}
}