Skip to content

Instantly share code, notes, and snippets.

@PamornT

PamornT/flex_receipt_old_style.json

Created February 28, 2020 14:02
Show Gist options
  • Save PamornT/40d8044af1fff88aac97dc74f85f5a4b to your computer and use it in GitHub Desktop.
Save PamornT/40d8044af1fff88aac97dc74f85f5a4b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
flex_receipt_old_style.json
{
"type": "bubble",
"size": "giga",
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "เล่มที่ / Book No. _______",
"size": "xxs",
"flex": 1
}
]
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "เลขที่ / Bill No.__________",
"size": "xxs",
"flex": 1
}
]
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "ใบเสร็จรับเงิน",
"align": "center",
"weight": "bold"
}
],
"paddingTop": "10px"
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "RECEIPT",
"align": "center",
"weight": "bold"
}
]
}
]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"backgroundColor": "#ECD9FF66",
"cornerRadius": "5px",
"width": "220px"
}
]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "นาม",
"size": "xxs"
},
{
"type": "text",
"text": "Customer _________________",
"size": "xxs"
}
]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "วันที่",
"size": "xxs"
},
{
"type": "text",
"text": "Date ___________________________",
"size": "xxs"
}
]
}
]
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "ที่อยู่",
"size": "xxs"
},
{
"type": "text",
"text": "Address _________________________________________________________",
"size": "xxs"
}
],
"offsetTop": "3px"
}
],
"borderColor": "#3E007C",
"borderWidth": "2px",
"offsetTop": "5px",
"paddingAll": "5px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "จำนวน",
"size": "xxs",
"align": "center",
"flex": 1
},
{
"type": "text",
"text": "Quantity",
"size": "xxs",
"align": "center"
}
],
"width": "50px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "รายการ",
"size": "xxs",
"align": "center"
},
{
"type": "text",
"text": "Description",
"size": "xxs",
"align": "center"
}
],
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "หน่วยละ",
"size": "xxs",
"align": "center"
},
{
"type": "text",
"text": "Unit Price",
"size": "xxs",
"align": "center"
}
],
"width": "55px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "จำนวนเงิน",
"size": "xxs",
"align": "center"
},
{
"type": "text",
"text": "Amount",
"size": "xxs",
"align": "center"
}
],
"width": "60px",
"borderWidth": "1px",
"borderColor": "#3E007C"
}
],
"offsetTop": "10px",
"borderColor": "#3E007C",
"borderWidth": "1px",
"backgroundColor": "#ECD9FF66"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "50px",
"borderColor": "#3E007C",
"borderWidth": "1px",
"height": "25px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "55px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "60px",
"borderWidth": "1px",
"borderColor": "#3E007C"
}
],
"offsetTop": "10px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "50px",
"borderColor": "#3E007C",
"borderWidth": "1px",
"height": "25px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "55px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "60px",
"borderWidth": "1px",
"borderColor": "#3E007C"
}
],
"offsetTop": "10px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "50px",
"borderColor": "#3E007C",
"borderWidth": "1px",
"height": "25px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "55px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "60px",
"borderWidth": "1px",
"borderColor": "#3E007C"
}
],
"offsetTop": "10px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "50px",
"borderColor": "#3E007C",
"borderWidth": "1px",
"height": "25px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "55px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "60px",
"borderWidth": "1px",
"borderColor": "#3E007C"
}
],
"offsetTop": "10px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "50px",
"borderColor": "#3E007C",
"borderWidth": "1px",
"height": "25px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "55px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "60px",
"borderWidth": "1px",
"borderColor": "#3E007C"
}
],
"offsetTop": "10px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "50px",
"borderColor": "#3E007C",
"borderWidth": "1px",
"height": "25px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "55px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "60px",
"borderWidth": "1px",
"borderColor": "#3E007C"
}
],
"offsetTop": "10px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "50px",
"borderColor": "#3E007C",
"borderWidth": "1px",
"height": "25px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "55px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "60px",
"borderWidth": "1px",
"borderColor": "#3E007C"
}
],
"offsetTop": "10px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "50px",
"borderColor": "#3E007C",
"borderWidth": "1px",
"height": "25px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "55px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "60px",
"borderWidth": "1px",
"borderColor": "#3E007C"
}
],
"offsetTop": "10px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "50px",
"borderColor": "#3E007C",
"borderWidth": "1px",
"backgroundColor": "#ECD9FF66"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"borderColor": "#3E007C",
"borderWidth": "1px",
"backgroundColor": "#ECD9FF66"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "รวมเงิน",
"size": "xxs",
"align": "center"
},
{
"type": "text",
"text": "Total",
"size": "xxs",
"align": "center"
}
],
"width": "55px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "spacer"
}
],
"width": "60px",
"borderWidth": "1px",
"borderColor": "#3E007C"
}
],
"offsetTop": "10px",
"borderColor": "#3E007C",
"borderWidth": "1px"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "ผู้รับเงิน _____________________________________",
"size": "xs",
"flex": 1
}
]
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "Collector",
"size": "xs",
"flex": 1
}
]
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "ขอบคุณทุกท่านที่อุดหนุน",
"align": "start",
"size": "xs"
}
],
"paddingTop": "10px"
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "Thank you for your kind attention",
"align": "start",
"size": "xs"
}
]
}
]
}
],
"offsetTop": "30px",
"paddingBottom": "20px"
}
]
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment