{"elementName":"ObjectSchema","name":"orders","containers":[{"name":"Copy container","elementName":"Container","style":{"top":0,"left":0,"height":82,"width":693,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[{"name":"TextBox","elementName":"Core.TextBox","style":{"top":0,"left":0,"transform":{}},"props":{"content":"All customers","font":{"fontFamily":"Courgette","fontSize":30,"bold":true,"italic":false}}}],"containers":[]},{"name":"container","elementName":"Container","style":{"top":0,"left":0,"height":398,"width":705,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[{"name":"react-griddle","elementName":"react-griddle","style":{"top":0,"left":0},"props":{"results":{"path":"app.customers[0..100]['customerNbr','name','address1','city','state','zip','employees']","converter":{"code":"return {\n  format:function(items){\n    return _lodash.map(items,\n\t\tfunction(item){\n      \t\treturn item;\n    \t});\n  }\n}","compiled":"\"use strict\";\n\n(function () {\n  return {\n    format: function format(items) {\n      return _lodash.map(items, function (item) {\n        return item;\n      });\n    }\n  };\n})();"},"mode":"OneWay"},"showSettings":true,"showFilter":true}}],"containers":[]},{"name":"container","elementName":"Container","style":{"top":0,"left":0,"height":82,"width":693,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[{"name":"TextBox","elementName":"Core.TextBox","style":{"top":0,"left":0,"transform":{}},"props":{"content":"All orders","font":{"fontFamily":"Courgette","fontSize":30,"bold":true,"italic":false}}}],"containers":[]},{"name":"container","elementName":"Container","style":{"top":0,"left":0,"height":116,"width":696,"position":"relative"},"props":{"startOnNewPage":false,"unbreakable":false},"boxes":[],"containers":[{"name":"container","elementName":"Repeater","style":{"top":0,"left":0,"width":692,"height":88,"position":"relative"},"props":{"binding":{"path":"app.orders","mode":"OneWay"},"startOnNewPage":false,"unbreakable":true},"boxes":[{"name":"ValueBox","elementName":"Core.ValueBox","style":{"left":54,"width":144,"height":33,"transform":{}},"props":{"content":{"path":"orderNbr","mode":"OneWay"}}},{"name":"JSXBox","elementName":"Core.JSXBox","style":{"left":400,"transform":{}},"props":{"content":{"code":"return <div> <table>\n  \t\t\t<colgroup>\n  \t\t\t\t<col style={{width:100}}/>\n                <col style={{width:80}}/>\n                <col style={{width:80}}/>\n                <col style={{width:80}}/>\n  \t\t\t</colgroup>\n        {input.map(function(item,i) {\n          return <tr key={i}>\n  \t\t\t<td>{item.itemNbr}</td>\n  \t\t\t<td>{item.quantity}</td>\n\t\t\t<td>{item.unitPrice}</td>\n  \t\t\t<td><b>{item.extendedPrice}</b></td>\n           </tr>;\n        })}\n      </table>\n        </div>","compiled":"\"use strict\";\n\n(function () {\n  return React.createElement(\n    \"div\",\n    null,\n    \" \",\n    React.createElement(\n      \"table\",\n      null,\n      React.createElement(\n        \"colgroup\",\n        null,\n        React.createElement(\"col\", { style: { width: 100 } }),\n        React.createElement(\"col\", { style: { width: 80 } }),\n        React.createElement(\"col\", { style: { width: 80 } }),\n        React.createElement(\"col\", { style: { width: 80 } })\n      ),\n      input.map(function (item, i) {\n        return React.createElement(\n          \"tr\",\n          { key: i },\n          React.createElement(\n            \"td\",\n            null,\n            item.itemNbr\n          ),\n          React.createElement(\n            \"td\",\n            null,\n            item.quantity\n          ),\n          React.createElement(\n            \"td\",\n            null,\n            item.unitPrice\n          ),\n          React.createElement(\n            \"td\",\n            null,\n            React.createElement(\n              \"b\",\n              null,\n              item.extendedPrice\n            )\n          )\n        );\n      })\n    )\n  );\n})();"},"input":{"path":"products[0..2].['itemNbr','unitPrice', 'quantity','extendedPrice']","converter":{"code":"return {\n  format:function(value){\n    return _lodash.map(value,function(item){return item;});\n  }\n}","compiled":"\"use strict\";\n\n(function () {\n  return {\n    format: function format(value) {\n      return _lodash.map(value, function (item) {\n        return item;\n      });\n    }\n  };\n})();"},"mode":"OneWay"},"output":{}}},{"name":"TextBox","elementName":"Core.TextBox","style":{"left":290,"transform":{}},"props":{"content":"products:","font":{"bold":true}}},{"name":"Copy TextBox","elementName":"Core.TextBox","style":{"transform":{}},"props":{"content":"name:","font":{"bold":true}}},{"name":"Copy ValueBox","elementName":"Core.ValueBox","style":{"left":54,"width":144,"height":33,"transform":{},"top":33},"props":{"content":{"path":"orderDate","converter":{"code":"return {\n  format:function(item){\n    if (item === undefined) return;\n    return new Date(Date.parse(item)).toISOString().slice(0,10);\n  }\n}","compiled":"\"use strict\";\n\n(function () {\n  return {\n    format: function format(item) {\n      if (item === undefined) return;\n      return new Date(Date.parse(item)).toISOString().slice(0, 10);\n    }\n  };\n})();"},"mode":"OneWay"}}},{"name":"Line","elementName":"Shapes.Line","style":{"top":60,"left":0,"transform":{}},"props":{"x1":0,"y1":0,"x2":700,"y2":0,"strokeWidth":3}}],"containers":[]}]}],"data":{},"props":{"defaultData":{"firstName":"karel","Účel platby":"hotove"},"dataSources":{"app":"http://render-pergamon.rhcloud.com/orders.json","app1":"http://localhost:8080/orders.json"},"context":{}}}