{"elementName":"ObjectSchema","name":"Invoice","containers":[{"name":"container","elementName":"Container","style":{"top":0,"left":0,"height":66,"width":694,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[{"name":"TextBox","elementName":"Core.TextBox","style":{"top":0,"left":0,"transform":{}},"props":{"content":"Your invoice","font":{"fontFamily":"Courgette","fontSize":30,"bold":true,"italic":false}}}],"containers":[]},{"name":"container","elementName":"Container","style":{"top":0,"left":0,"height":190,"width":708,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[{"name":"JSXBox","elementName":"Core.JSXBox","style":{"top":12,"left":372},"props":{"content":{"code":"var order = self.props.input;\nconsole.log(JSON.stringify(order));\nvar orderDate = new Date(Date.parse(order.orderDate));\nvar dueDate = new Date();\ndueDate.setDate(orderDate.getDate() + 14);\nreturn \n \n \t\n \n \n \t\n\t\n \n \n \t\n\t\n \n \n \t\n\t\n \n
Invoice number{order.orderNbr}
Invoice date{orderDate.toISOString().slice(0, 10)}
Due date{dueDate.toISOString().slice(0, 10)}
","compiled":"\"use strict\";\n\n(function () {\n var order = self.props.input;\n console.log(JSON.stringify(order));\n var orderDate = new Date(Date.parse(order.orderDate));\n var dueDate = new Date();\n dueDate.setDate(orderDate.getDate() + 14);\n return React.createElement(\n \"table\",\n null,\n React.createElement(\n \"colgroup\",\n null,\n React.createElement(\"col\", { style: { width: 140 } })\n ),\n React.createElement(\n \"tr\",\n null,\n React.createElement(\n \"td\",\n null,\n \"Invoice number\"\n ),\n React.createElement(\n \"td\",\n null,\n order.orderNbr\n )\n ),\n React.createElement(\n \"tr\",\n null,\n React.createElement(\n \"td\",\n null,\n \"Invoice date\"\n ),\n React.createElement(\n \"td\",\n null,\n orderDate.toISOString().slice(0, 10)\n )\n ),\n React.createElement(\n \"tr\",\n null,\n React.createElement(\n \"td\",\n null,\n \"Due date\"\n ),\n React.createElement(\n \"td\",\n null,\n dueDate.toISOString().slice(0, 10)\n )\n )\n );\n})();"},"input":{"path":"app.orders[0]['orderDate','orderNbr']","mode":"OneWay"},"output":{}}},{"name":"Rectangle","elementName":"Shapes.Rectangle","style":{"top":0,"left":0,"width":327,"height":40,"transform":{"tx":0,"ty":0,"sx":1,"sy":1,"rz":-0.18774197250135274,"ox":0.5,"oy":0.5}},"props":{"width":300,"height":30,"fill":"#f5ac4c","strokeWidth":0}},{"name":"TextBox","elementName":"Core.TextBox","style":{"top":2,"left":11,"width":300,"height":40,"zIndex":"1","transform":{"tx":0,"ty":0,"sx":1,"sy":1,"rz":-0.17808082089980903,"ox":0.5,"oy":0.5}},"props":{"content":"Play, Program, Proffesional","font":{"fontFamily":"Courgette","fontSize":20,"bold":true,"italic":false}}},{"name":"Copy Rectangle","elementName":"Shapes.Rectangle","style":{"top":40,"left":0,"width":327,"height":40,"transform":{"tx":0,"ty":0,"sx":1,"sy":1,"rz":-0.18774197250135274,"ox":0.5,"oy":0.5}},"props":{"width":300,"height":30,"fill":"#4cd7f5","strokeWidth":0}},{"name":"Copy TextBox","elementName":"Core.TextBox","style":{"top":42,"left":11,"width":300,"height":40,"zIndex":"1","transform":{"tx":0,"ty":0,"sx":1,"sy":1,"rz":-0.17808082089980903,"ox":0.5,"oy":0.5}},"props":{"content":"Design, Develop, Different","font":{"fontFamily":"Courgette","fontSize":20,"bold":true,"italic":false}}},{"name":"Copy Copy Rectangle","elementName":"Shapes.Rectangle","style":{"top":80,"left":0,"width":327,"height":40,"transform":{"tx":0,"ty":0,"sx":1,"sy":1,"rz":-0.18774197250135274,"ox":0.5,"oy":0.5}},"props":{"width":300,"height":30,"fill":"#e86178","strokeWidth":0}},{"name":"Copy Copy TextBox","elementName":"Core.TextBox","style":{"top":82,"left":11,"width":300,"height":40,"zIndex":"1","transform":{"tx":0,"ty":0,"sx":1,"sy":1,"rz":-0.17808082089980903,"ox":0.5,"oy":0.5}},"props":{"content":"+420 736483690","font":{"fontFamily":"Courgette","fontSize":20,"bold":true,"italic":false}}}],"containers":[]},{"name":"Copy container","elementName":"Container","style":{"top":0,"left":0,"height":220,"width":737,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[],"containers":[{"name":"container","elementName":"Container","style":{"top":0,"left":0,"height":176,"width":355,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[{"name":"ImageBox","elementName":"Core.ImageBox","style":{"top":57,"left":-5,"width":100,"transform":{}},"props":{"url":"https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSubbeuNMYlu9FiPy-JyLPyDfhQbYvyLTGgnLKHkTqXMX-mxRWqkg","border":{}}},{"name":"Rectangle","elementName":"Shapes.Rectangle","style":{"width":312,"height":65,"transform":{}},"props":{"width":340,"height":50,"fill":"#4da5b8","strokeWidth":0}},{"name":"ValueBox","elementName":"Core.ValueBox","style":{"top":5,"left":9},"props":{"content":{"path":"app.customers[0].name","converter":{"code":"","compiled":"\"use strict\";\n\n(function () {})();"},"mode":"OneWay"},"font":{"fontSize":20,"bold":true}}},{"name":"Copy ValueBox","elementName":"Core.ValueBox","style":{"top":64,"left":103},"props":{"content":{"path":"app.customers[0].address1","converter":{"code":"","compiled":"\"use strict\";\n\n(function () {})();"},"mode":"OneWay"},"font":{"bold":false}}},{"name":"JSXBox","elementName":"Core.JSXBox","style":{"top":95,"left":103},"props":{"content":{"code":"var address = self.props.input;\nconsole.log(address);\nreturn
{address.zip}, {address.city}, {address.state}
","compiled":"\"use strict\";\n\n(function () {\n var address = self.props.input;\n console.log(address);\n return React.createElement(\n \"div\",\n null,\n address.zip,\n \", \",\n address.city,\n \", \",\n address.state\n );\n})();"},"input":{"path":"app.customers[0]['city','state','zip']","mode":"OneWay"},"output":{},"font":{"bold":false}}}],"containers":[]},{"name":"Copy container","elementName":"Container","style":{"top":-176,"left":370,"width":355,"height":176,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[{"name":"ImageBox","elementName":"Core.ImageBox","style":{"top":57,"left":-5,"width":100,"transform":{}},"props":{"url":"http://www.wildspiritwolfsanctuary.org/images/button/chrome.png","border":{}}},{"name":"Rectangle","elementName":"Shapes.Rectangle","style":{"width":312,"height":65,"transform":{}},"props":{"width":340,"height":50,"fill":"#4da5b8","strokeWidth":0}},{"name":"ValueBox","elementName":"Core.ValueBox","style":{"top":5,"left":9},"props":{"content":{"path":"me.name","converter":{"code":"","compiled":"\"use strict\";\n\n(function () {})();"},"mode":"OneWay"},"font":{"fontSize":20,"bold":true}}},{"name":"Copy ValueBox","elementName":"Core.ValueBox","style":{"top":64,"left":103},"props":{"content":{"path":"me.address.street","converter":{"code":"","compiled":"\"use strict\";\n\n(function () {})();"},"mode":"OneWay"},"font":{"bold":false}}},{"name":"JSXBox","elementName":"Core.JSXBox","style":{"top":95,"left":103},"props":{"content":{"code":"var address = self.props.input;\nconsole.log(address);\nreturn
{address.zip}, {address.city}, {address.state}
","compiled":"\"use strict\";\n\n(function () {\n var address = self.props.input;\n console.log(address);\n return React.createElement(\n \"div\",\n null,\n address.zip,\n \", \",\n address.city,\n \", \",\n address.state\n );\n})();"},"input":{"path":"me.address","mode":"OneWay"},"output":{},"font":{"bold":false}}}],"containers":[]}]},{"name":"Copy container","elementName":"Container","style":{"top":0,"left":0,"height":58,"width":734,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[{"name":"TextBox","elementName":"Core.TextBox","style":{"top":0,"left":0,"transform":{}},"props":{"content":"Your items","font":{"fontFamily":"Courgette","fontSize":30,"bold":true,"italic":false}}}],"containers":[]},{"name":"container","elementName":"Container","style":{"top":0,"left":0,"width":740,"height":172,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[],"containers":[{"name":"container","elementName":"Container","style":{"top":0,"left":0,"width":735,"height":42,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[{"name":"TextBox","elementName":"Core.TextBox","style":{"top":0,"left":0},"props":{"content":"Quantity","font":{"bold":true}}},{"name":"Copy TextBox","elementName":"Core.TextBox","style":{"left":78,"transform":{}},"props":{"content":"Description","font":{"bold":true}}},{"name":"Te","elementName":"Core.TextBox","style":{"left":384,"transform":{}},"props":{"content":"Quantity","font":{"bold":true}}},{"name":"Copy Te","elementName":"Core.TextBox","style":{"left":593,"transform":{}},"props":{"content":"Total","font":{"bold":true}}},{"name":"Copy Te","elementName":"Core.TextBox","style":{"left":472,"transform":{}},"props":{"content":"UnitPrice","font":{"bold":true}}},{"name":"Line","elementName":"Shapes.Line","style":{"top":10,"left":0,"transform":{}},"props":{"x1":0,"y1":20,"x2":700,"y2":20,"stroke":"#242222","strokeWidth":3}}],"containers":[]},{"name":"container","elementName":"Repeater","style":{"top":0,"left":0,"width":734,"height":40,"position":"relative"},"props":{"binding":{"path":"app.orders[0].products[0..2]","mode":"OneWay"},"startOnNewPage":false,"unbreakable":true},"boxes":[{"name":"ValueBox","elementName":"Core.ValueBox","style":{"left":73,"width":306,"height":40,"transform":{}},"props":{"content":{"path":"description","mode":"OneWay"}}},{"name":"Copy ValueBox","elementName":"Core.ValueBox","style":{"left":-4,"width":83,"height":33,"transform":{}},"props":{"content":{"path":"itemNbr","mode":"OneWay"}}},{"name":"Copy Copy ValueBox","elementName":"Core.ValueBox","style":{"left":602,"width":83,"height":33,"transform":{}},"props":{"content":{"path":"extendedPrice","mode":"OneWay"}}},{"name":"Copy Copy ValueBox","elementName":"Core.ValueBox","style":{"left":383,"width":83,"height":33,"transform":{}},"props":{"content":{"path":"quantity","mode":"OneWay"}}},{"name":"Copy Copy Copy ValueBox","elementName":"Core.ValueBox","style":{"left":467,"width":83,"height":33,"transform":{}},"props":{"content":{"path":"unitPrice","mode":"OneWay"}}}],"containers":[]},{"name":"container","elementName":"Container","style":{"top":0,"left":0,"width":740,"height":50,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[{"name":"Copy Line","elementName":"Shapes.Line","style":{"top":0,"left":0,"transform":{}},"props":{"x1":0,"y1":20,"x2":700,"y2":20,"stroke":"#242222","strokeWidth":3}}],"containers":[]}]},{"name":"container","elementName":"Container","style":{"top":0,"left":0,"height":285,"width":749,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[{"name":"HtmlBox","elementName":"Core.HtmlBox","style":{"top":0,"left":0,"width":500,"transform":{}},"props":{"content":"

Here is the descriptions about provided services and negotiated working conditions. Here is the descriptions about provided services and negotiated working conditions. Here is the descriptions about provided services and negotiated working conditions. Here is the descriptions about provided services and negotiated working conditions.

"}},{"name":"TextBox","elementName":"Core.TextBox","style":{"top":1,"left":579,"transform":{}},"props":{"content":"Amount Due","font":{"fontFamily":"Arial","fontSize":20,"bold":true,"italic":false}}},{"name":"ValueBox","elementName":"Core.ValueBox","style":{"top":37,"left":577},"props":{"content":{"path":"app.orders[0].orderTotal","mode":"OneWay"},"font":{"fontSize":20,"bold":true}}},{"name":"ImageBox","elementName":"Core.ImageBox","style":{"top":127,"left":173},"props":{"url":"http://www.vietnamstay.travel/FileManager/Logo_Khachhang/Payment_logo.jpg","border":{}}},{"name":"Copy TextBox","elementName":"Core.TextBox","style":{"top":236,"left":-8,"transform":{}},"props":{"content":"Thank you very much for choosing us. It was pleasure to work with you.","font":{"fontFamily":"Arial","bold":true,"italic":false}}}],"containers":[]}],"data":{},"props":{"defaultData":{"me":{"name":"RS Solution, s.r.o","address":{"city":"Dolní Hbity","street":"Dolni Hbity 101","state":"Czech Republic","zip":26262}}},"dataSources":{"app":"http://render-pergamon.rhcloud.com/orders.json","app1":"http://localhost:8080/orders.json"},"context":{}}}