Files
fluxscape/packages/noodl-editor/tests/testfs/merge-tests/remote-merge-project-Thu--06-Aug-2020-15-29-38-GMT.json
Michael Cartner b9c60b07dc Initial commit
Co-Authored-By: Eric Tuvesson <eric.tuvesson@gmail.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: Anders Larsson <64838990+anders-topp@users.noreply.github.com>
Co-Authored-By: Johan  <4934465+joolsus@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: victoratndl <99176179+victoratndl@users.noreply.github.com>
2024-01-26 11:52:55 +01:00

4248 lines
202 KiB
JSON

{
"name": "Zebrasport Camera Recorder",
"components": [
{
"name": "/Main",
"graph": {
"connections": [
{
"fromId": "e54f7bcc-5892-e4c5-11cc-cd02d3a43de1",
"fromProperty": "items",
"toId": "152557c5-7a42-25da-d689-8717e1609712",
"toProperty": "rawData"
},
{
"fromId": "152557c5-7a42-25da-d689-8717e1609712",
"fromProperty": "formattedArray",
"toId": "ce07a10d-d3bf-0947-d5df-af50f9bd3da8",
"toProperty": "items"
}
],
"roots": [
{
"id": "eacc74e7-4dce-2baf-354b-8070e2b2b872",
"type": "Group",
"label": "Main",
"x": 126,
"y": 81.5,
"parameters": {
"backgroundColor": "#FFFFFF",
"height": {
"value": 100,
"unit": "%"
}
},
"ports": [],
"children": [
{
"id": "2795b61c-761a-e00d-5161-df049b11a16f",
"type": "Page Stack",
"x": 20,
"y": 46,
"parameters": {
"name": "Main Stack",
"startPage": "/Screens/Login Screen",
"backgroundColor": "#043372"
},
"ports": [],
"children": []
},
{
"id": "728894f7-e26b-3615-9d9e-9cfb3bc6ddbe",
"type": "/UI Components/UI Elements/Toast",
"x": 20,
"y": 92,
"parameters": {
"Messeage": "Im a Toast"
},
"ports": [],
"children": []
}
]
},
{
"id": "cd0dacdb-83fc-ab34-11f3-2a0ed4140862",
"type": "Color",
"label": "Pink Color",
"x": -156.4072927258494,
"y": 73.25877560677276,
"parameters": {
"value": "#DF486F"
},
"ports": [],
"children": []
},
{
"id": "4ef0d87f-55dc-919d-a69a-29e446f00df4",
"type": "Color",
"label": "Light grey",
"x": -156.40835189891203,
"y": 134.05383704721055,
"parameters": {
"value": "#EFEFF4"
},
"ports": [],
"children": []
},
{
"id": "78bc21ee-58f5-5af8-7f02-ac03b1528f05",
"type": "Color",
"label": "Mid Grey",
"x": -156.75113527250977,
"y": 195.2719443920696,
"parameters": {
"value": "#A2A3A6"
},
"ports": [],
"children": []
},
{
"id": "f3945d0b-a623-694c-a507-491535634fdd",
"type": "Javascript2",
"label": "Background color for iphoneX",
"x": 425.157710946292,
"y": 280.57745874362325,
"parameters": {
"code": "script({\n\tinputs:{\n\t BackgroundColor:\"color\",\n\t},\n\t\n\tchanged:{\n\t BackgroundColor:function(value){\n\t document.body.style.backgroundColor = value;\n\t //console.log(\"bg color set\");\n\t }\n\t}\n})\n\n",
"backgroundColor": "#000000",
"BackgroundColor": "#043372"
},
"ports": [],
"children": []
},
{
"id": "5b4cad91-d035-ca36-3020-d369fd2c6033",
"type": "Color",
"label": "Main Blue",
"x": -157.65732583024158,
"y": 11.823081877181892,
"parameters": {
"value": "#043372"
},
"ports": [],
"children": []
},
{
"id": "e54f7bcc-5892-e4c5-11cc-cd02d3a43de1",
"type": "Static Data",
"x": 427.899415661876,
"y": -56.647966447192516,
"parameters": {
"type": "json",
"json": "[\n {\n \"event\": \"Scandinavian Spring Event\",\n \"klass\": \"Junior Pony\",\n \"program\": \"LB3 - B\",\n \"start_date\": \"2020-04-08T10:00:00Z\",\n \"end_date\": \"2020-04-14T10:00:00Z\",\n \"horse\": \"Couple door.\",\n \"rider\": \"Danielle Harris\"\n },\n {\n \"event\": \"Scandinavian Spring Event\",\n \"klass\": \"Pony\",\n \"program\": \"LB3 - B\",\n \"start_date\": \"2020-04-08T10:00:00Z\",\n \"end_date\": \"2020-04-14T10:00:00Z\",\n \"horse\": \"Do he.\",\n \"rider\": \"Danielle Harris\"\n },\n {\n \"event\": \"Scandinavian Spring Event\",\n \"klass\": \"Junior Pony\",\n \"program\": \"LB3 - B\",\n \"start_date\": \"2020-04-08T10:00:00Z\",\n \"end_date\": \"2020-04-14T10:00:00Z\",\n \"horse\": \"Else.\",\n \"rider\": \"Charles Miller\"\n },\n {\n \"event\": \"Scandinavian Spring Event\",\n \"klass\": \"Pony\",\n \"program\": \"LB3 - B\",\n \"start_date\": \"2020-04-08T10:00:00Z\",\n \"end_date\": \"2020-04-14T10:00:00Z\",\n \"horse\": \"Music marriage.\",\n \"rider\": \"Charles Miller\"\n },\n {\n \"event\": \"Scandinavian Spring Event\",\n \"klass\": \"Pony\",\n \"program\": \"LB3 - B\",\n \"start_date\": \"2020-04-08T10:00:00Z\",\n \"end_date\": \"2020-04-14T10:00:00Z\",\n \"horse\": \"Table join.\",\n \"rider\": \"Peter Anderson\"\n },\n {\n \"event\": \"Danish Fall Event - Celebrity Judges\",\n \"klass\": \"Not pony\",\n \"program\": \"LA 2 - A\",\n \"start_date\": \"2020-10-06T10:00:00Z\",\n \"end_date\": \"2020-10-12T10:00:00Z\",\n \"horse\": \"This owner.\",\n \"rider\": \"Sarah Barnett\"\n }\n]"
},
"ports": [],
"children": []
},
{
"id": "152557c5-7a42-25da-d689-8717e1609712",
"type": "Javascript2",
"label": "Format data structure",
"x": 428.16729189774196,
"y": 26.022580732454344,
"parameters": {
"code": "script({\n \n\tinputs:{\n rawData: 'array'\n\t},\n\t\n\toutputs:{\n\t formattedArray: 'array'\n\t},\n\n\tchanged:{\n\t \n\t\trawData:function() { \n\t\t let rawData = this.inputs.rawData;\n\t\t let formattedArray = Noodl.Array.get(\"FormattedArray\");\n\t\t \n\t\t \n\t\t rawData.each((object) =>{\n\t\t \n\t\t let riderName = object.data.rider; \n\t\t let newObj;\n\t\t \n\t\t if(Noodl.Object.exists(riderName)){\n\t\t newObj = Noodl.Object.get(riderName);\n\t\t newObj.data.events.add(object);\n\t\t }\n\t\t else{\n\t\t let eventArr = \n\t\t newObj = Noodl.Object.create({\n\t\t id: riderName,\n\t\t name: riderName,\n\t\t events: Noodl.Array.get()\n\t\t });\n\t\t newObj.data.events.add(object);\n\t\t \n\t\t formattedArray.add(newObj);\n\t\n\t\t }\n\t\t });\n\t\t \n\t this.setOutputs({formattedArray: formattedArray});\n\t\t \n\t\t }\n\t}\n})\n"
},
"ports": [],
"children": []
},
{
"id": "ce07a10d-d3bf-0947-d5df-af50f9bd3da8",
"type": "Collection",
"x": 425.3209591062391,
"y": 142.39542159865317,
"parameters": {
"collectionId": "Formatted Data"
},
"ports": [],
"children": []
}
]
}
},
{
"name": "/Screens/Login Screen",
"id": "7953f02d-4a8e-0d56-911d-9363c0834ac4",
"graph": {
"connections": [
{
"fromId": "008e625b-dcd5-4302-b086-b4fb430f0ec8",
"fromProperty": "Button Clicked",
"toId": "7459a88f-cc7a-fbdd-205a-bc2eb2fc907a",
"toProperty": "navigate"
},
{
"fromId": "384ce7ba-8404-3170-7061-4a0052801d05",
"fromProperty": "boundingHeight",
"toId": "2614302d-81a1-7593-af98-17e5c1379d90",
"toProperty": "height"
},
{
"fromId": "2614302d-81a1-7593-af98-17e5c1379d90",
"fromProperty": "result",
"toId": "008e625b-dcd5-4302-b086-b4fb430f0ec8",
"toProperty": "Margin Bottom"
}
],
"roots": [
{
"id": "384ce7ba-8404-3170-7061-4a0052801d05",
"type": "Group",
"label": "Login Screen",
"x": 319,
"y": 275,
"parameters": {
"backgroundColor": "#043372",
"style": "{\n background: \"linear-gradient(180deg, rgba(48,48,48,1) 37%, rgba(25,39,66,1) 75%, rgba(4,51,114,1) 100%)\"\n}"
},
"ports": [],
"children": [
{
"id": "1c3a4532-9cfa-17b0-5b6b-f5d868d8c285",
"type": "Group",
"label": "Header Group",
"x": 20,
"y": 61,
"parameters": {
"height": {
"value": 45,
"unit": "%"
},
"clip": true
},
"ports": [],
"children": [
{
"id": "01b5fb1a-e8b4-6008-5ac4-efdfd470f16e",
"type": "Image",
"label": "Background Image",
"x": 20,
"y": 61,
"parameters": {
"src": "brun mule 1.png",
"sizeMode": "contentHeight",
"transformScale": 1.01
},
"ports": [],
"children": []
},
{
"id": "3c54e8bb-60f7-b1dc-bb3c-6b7c9b252ace",
"type": "Image",
"label": "Logo",
"x": 20,
"y": 122,
"parameters": {
"src": "zyberride_logo_standardwhite.svg",
"position": "absolute",
"alignY": "center",
"alignX": "center",
"sizeMode": "explicit",
"width": {
"value": 300,
"unit": "px"
}
},
"ports": [],
"children": []
}
]
},
{
"id": "03a9cd4a-3786-b650-ded3-a15880079d46",
"type": "Group",
"label": "Login Group",
"x": 20,
"y": 244,
"parameters": {
"style": "{}",
"height": {
"value": 55,
"unit": "%"
}
},
"ports": [],
"children": [
{
"id": "8ab0bcd3-b6a8-61fd-890e-adb0a7c4cb57",
"type": "Group",
"label": "Forms",
"x": 20,
"y": 61,
"parameters": {
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"sizeMode": "contentHeight",
"marginTop": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "c2416a12-dcae-806e-d050-e201970d2508",
"type": "/UI Components/UI Elements/Input Form",
"label": "Username form",
"x": 20,
"y": 61,
"parameters": {
"Input Type": "text",
"Placeholder text": "Brugernavn"
},
"ports": [],
"children": []
},
{
"id": "b19cd0ce-b5a8-b78d-fa7a-fc0c9ca8b85e",
"type": "/UI Components/UI Elements/Input Form",
"label": "Password form",
"x": 20,
"y": 122,
"parameters": {
"Label": "Password",
"Input Type": "password",
"icon": "Password.png",
"Placeholder text": "Password"
},
"ports": [],
"children": []
}
]
},
{
"id": "008e625b-dcd5-4302-b086-b4fb430f0ec8",
"type": "/UI Components/Buttons/Main Button Fullwidth",
"label": "Login button",
"x": 20,
"y": 244,
"parameters": {
"Aliogn Y": "bottom",
"Align X": "center",
"Label": "Log ind",
"Position": "absolute",
"Margin Left": {
"value": 24,
"unit": "px"
},
"Margin Right": {
"value": 24,
"unit": "px"
},
"Margin Bottom": {
"value": 12,
"unit": "%"
},
"Mount": true
},
"ports": [],
"children": []
}
]
}
]
},
{
"id": "7459a88f-cc7a-fbdd-205a-bc2eb2fc907a",
"type": "PageStackNavigate",
"x": 622.9485651715703,
"y": 834.6545129138703,
"parameters": {
"stack": "Main Stack",
"target": "/Screens/Startliste Screen",
"tr-direction": "Left",
"transition": "Push"
},
"ports": [],
"children": []
},
{
"id": "a7017cb7-4495-d951-be9a-cd0f49924243",
"type": "REST",
"x": 743.7598437118819,
"y": 519.0939994598,
"parameters": {
"code": "define({\n\t// The input ports of the REST node, name of input and type\n\tinputs:{\n\t //ExampleInput:'number',\n\t},\n\t\n\t// The output ports of the REST node, name of output and type\n\toutputs:{\n\t //ExampleOutput:'string',\n\t},\n\t\n\t//Add custom code to setup the request object before the request\n\t//is made.\n\t//\n\t//*request.resource contains the resource path of the request.\n\t//*request.method contains the method, GET, POST, PUT or DELETE.\n\t//*request.headers is a map where you can add additional headers.\n\t//*request.parameters is a map the parameters that will be appended\n\t// to the url.\n\t//*request.content contains the content of the request as a javascript\n\t// object.\n\t//\n\t// The inputs and outputs maps can also be accessed via *this.inputs and\n\t// *this.outputs.\n\trequest:function(inputs,request) {\n\t},\n\t\n\t// Add custom code to convert the response content to outputs\n\t//\n\t//*response.status The status code of the response\n\t//*response.content The content of the response as a javascript\n\t// object.\n\t//*response.request The request object that resulted in the response.\n\t//\n\t// The inputs and outputs maps can also be accessed via *this.inputs and\n\t// *this.outputs.\n\tresponse:function(outputs,response) {\n\t}\n})\n"
},
"ports": [],
"children": []
},
{
"id": "2614302d-81a1-7593-af98-17e5c1379d90",
"type": "Expression",
"label": "Push button on input focus android",
"x": 82.26735336968369,
"y": 778.8595811518906,
"parameters": {
"expression": "height < 400 ? -100 : 12"
},
"ports": [],
"children": []
},
{
"id": "93301632-82bd-7efb-fd62-0e4bbf92bba6",
"type": "Javascript2",
"x": 735.8977228126594,
"y": 724.2901413544778,
"parameters": {},
"ports": [],
"children": []
}
]
}
},
{
"name": "/Screens/Startliste Screen",
"id": "22ce3b8e-aec2-7737-1e8a-74d06051803b",
"graph": {
"connections": [
{
"fromId": "066ec3f6-b401-13c2-08ee-488805507401",
"fromProperty": "items",
"toId": "edc011e5-61a6-4dde-98b8-a654dd4fe3c5",
"toProperty": "items"
}
],
"roots": [
{
"id": "c5e0ae25-d1cb-a26a-643c-3907d1cca63d",
"type": "Group",
"label": "Startliste Screen",
"x": 299.55040905752674,
"y": 271.33905721618794,
"parameters": {
"backgroundColor": "#043372",
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"scrollEnabled": true,
"clip": true
},
"ports": [],
"children": [
{
"id": "f93d9e81-922d-a18e-44ab-e9e44db5080b",
"type": "/UI Components/Text Styles/H1 Text",
"label": "Headline",
"x": 20,
"y": 61,
"parameters": {
"Text": "STARTLISTE",
"Margin Top": {
"value": 40,
"unit": "px"
},
"Margin Bottom": {
"value": 40,
"unit": "px"
},
"Color": "#FFFFFF",
"Size": {
"value": 20,
"unit": "px"
},
"Align X": "center"
},
"ports": [],
"children": []
},
{
"id": "782566c1-69e0-7b55-a694-1bf372166ad6",
"type": "Group",
"label": "Content group",
"x": 20,
"y": 107,
"parameters": {},
"ports": [],
"children": [
{
"id": "edc011e5-61a6-4dde-98b8-a654dd4fe3c5",
"type": "For Each",
"x": 20,
"y": 61,
"parameters": {
"template": "/UI Components/UI Elements/Rider Section"
},
"ports": [],
"children": []
}
]
},
{
"id": "4d555f8f-46ff-30e5-b760-5d8ab7f0dd30",
"type": "Group",
"label": "Bottom section",
"x": 20,
"y": 820,
"parameters": {
"marginTop": {
"value": 24,
"unit": "px"
},
"marginBottom": {
"value": 56,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "0c33f058-f710-f999-e005-679c3d000712",
"type": "/UI Components/Buttons/Link Button",
"x": 20,
"y": 46,
"parameters": {
"Label": "Se Stævneliste",
"Button Color": "#FFFFFF",
"Align X": "center",
"Link": "http://zyberride.dk/"
},
"ports": [],
"children": []
}
]
}
]
},
{
"id": "1352f040-af8d-cddc-309e-a435c916899a",
"type": "Static Data",
"label": "Rytter 1",
"x": 170.18558369915917,
"y": 1110.855520615487,
"parameters": {
"type": "json",
"json": "[\n {\n \"time\": \"00:01 Danish time (GMT + 1)\",\n \"day\":\"9\",\n \"month\":\"AUGUST\",\n \"name\": \"DRF-championship dressur - YJ\",\n \"canRecord\": false\n },\n \n {\n \"time\": \"09:00 Danish time (GMT + 1)\",\n \"day\":\"16\",\n \"month\":\"AUGUST\",\n \"name\": \"DRF-championship jumping pony - YJ\",\n \"canRecord\": true\n },\n \n {\n \"time\": \"00:01 Danish time (GMT + 1)\",\n \"day\":\"16\",\n \"month\":\"AUGUST\",\n \"name\": \"DRF-championship dessage pony - YJ\",\n \"canRecord\": true\n },\n {\n \"time\": \"00:01 Danish time (GMT + 1)\",\n \"day\":\"19\",\n \"month\":\"AUGUST\",\n \"name\": \"Danish championship -J, YR and Senior\",\n \"canRecord\": true\n }\n]"
},
"ports": [],
"children": []
},
{
"id": "066ec3f6-b401-13c2-08ee-488805507401",
"type": "Collection",
"x": -8.82477190172807,
"y": 443.3904587808084,
"parameters": {
"collectionId": "Formatted Data"
},
"ports": [],
"children": []
}
]
}
},
{
"name": "/UI Components/UI Elements/Rider Section - List Item",
"id": "471fdbc8-59eb-5356-f65f-0797734d90f3",
"graph": {
"connections": [
{
"fromId": "f29c84a2-ce88-7b17-8627-66c8a8e1b61f",
"fromProperty": "itemId",
"toId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
"toProperty": "modelId"
},
{
"fromId": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
"fromProperty": "scale",
"toId": "cb980914-7784-9f8a-716d-0b953deefbb3",
"toProperty": "transformScale"
},
{
"fromId": "cb980914-7784-9f8a-716d-0b953deefbb3",
"fromProperty": "pointerDown",
"toId": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
"toProperty": "to-Pressed"
},
{
"fromId": "cb980914-7784-9f8a-716d-0b953deefbb3",
"fromProperty": "pointerUp",
"toId": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
"toProperty": "to-Neutral"
},
{
"fromId": "cb980914-7784-9f8a-716d-0b953deefbb3",
"fromProperty": "hoverEnd",
"toId": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
"toProperty": "to-Neutral"
},
{
"fromId": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
"fromProperty": "at-Pressed",
"toId": "cb980914-7784-9f8a-716d-0b953deefbb3",
"toProperty": "boxShadowEnabled"
},
{
"fromId": "361a279a-4686-e8d5-c84b-88e847e799f9",
"fromProperty": "op",
"toId": "cb980914-7784-9f8a-716d-0b953deefbb3",
"toProperty": "opacity"
},
{
"fromId": "361a279a-4686-e8d5-c84b-88e847e799f9",
"fromProperty": "at-can click",
"toId": "5b1794c4-fc4f-3942-4330-45ecc5efc3af",
"toProperty": "visible"
},
{
"fromId": "361a279a-4686-e8d5-c84b-88e847e799f9",
"fromProperty": "at-can click",
"toId": "cb980914-7784-9f8a-716d-0b953deefbb3",
"toProperty": "pointerEventsEnabled"
},
{
"fromId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
"fromProperty": "event",
"toId": "1abeabef-d28f-e482-a086-f895af55e40a",
"toProperty": "text"
},
{
"fromId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
"fromProperty": "horse",
"toId": "544c9124-a74b-cc87-2e7d-156ba2d90953",
"toProperty": "text"
},
{
"fromId": "6ab04d6b-0058-4baa-3a4d-e09fe4d8007f",
"fromProperty": "result",
"toId": "1e2a02ac-eb1a-4478-939e-8f102aba67d4",
"toProperty": "text"
},
{
"fromId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
"fromProperty": "start_date",
"toId": "6ab04d6b-0058-4baa-3a4d-e09fe4d8007f",
"toProperty": "str"
},
{
"fromId": "f29c84a2-ce88-7b17-8627-66c8a8e1b61f",
"fromProperty": "itemId",
"toId": "ac741233-411f-0448-3c93-1bbd796a0ce2",
"toProperty": "value"
},
{
"fromId": "cb980914-7784-9f8a-716d-0b953deefbb3",
"fromProperty": "onClick",
"toId": "ac741233-411f-0448-3c93-1bbd796a0ce2",
"toProperty": "store"
},
{
"fromId": "ac741233-411f-0448-3c93-1bbd796a0ce2",
"fromProperty": "stored",
"toId": "b286b946-c586-0329-478c-773f3a55ed67",
"toProperty": "navigate"
},
{
"fromId": "ac741233-411f-0448-3c93-1bbd796a0ce2",
"fromProperty": "stored",
"toId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
"toProperty": "store"
},
{
"fromId": "dcbe43ab-7948-c15d-2239-cfc4aa4b74c9",
"fromProperty": "result",
"toId": "361a279a-4686-e8d5-c84b-88e847e799f9",
"toProperty": "to-can click"
},
{
"fromId": "46280094-57af-ad09-9939-28ed7a201206",
"fromProperty": "result",
"toId": "361a279a-4686-e8d5-c84b-88e847e799f9",
"toProperty": "to-can not click"
},
{
"fromId": "04c391de-4c7a-5352-802e-b9b573f8431c",
"fromProperty": "savedValue",
"toId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
"toProperty": "canClick"
},
{
"fromId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
"fromProperty": "canClick",
"toId": "dcbe43ab-7948-c15d-2239-cfc4aa4b74c9",
"toProperty": "canClick"
},
{
"fromId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
"fromProperty": "canClick",
"toId": "46280094-57af-ad09-9939-28ed7a201206",
"toProperty": "canClick"
}
],
"roots": [
{
"id": "cb980914-7784-9f8a-716d-0b953deefbb3",
"type": "Group",
"label": "Liste item",
"x": 307,
"y": 415,
"parameters": {
"backgroundColor": "#EFEFF4",
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"flexDirection": "column",
"sizeMode": "contentHeight",
"marginBottom": {
"value": 16,
"unit": "px"
},
"boxShadowEnabled": true,
"boxShadowOffsetY": {
"value": 2,
"unit": "px"
},
"boxShadowSpreadRadius": {
"value": 1,
"unit": "px"
},
"boxShadowBlurRadius": {
"value": 10,
"unit": "px"
},
"pointerEventsMode": "explicit"
},
"ports": [],
"children": [
{
"id": "0ba4f175-a53f-2eb0-b5f8-a8b8b4424bb6",
"type": "Group",
"label": "Name and Date Section",
"x": 20,
"y": 217,
"parameters": {
"flexDirection": "row",
"sizeMode": "contentHeight",
"marginBottom": {
"value": 4,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "1abeabef-d28f-e482-a086-f895af55e40a",
"type": "Text",
"label": "Event Name",
"x": 20,
"y": 61,
"parameters": {
"color": "#141417",
"fontSize": {
"value": 16,
"unit": "px"
},
"fontFamily": "Roboto/Roboto-Bold.ttf",
"marginRight": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "1e2a02ac-eb1a-4478-939e-8f102aba67d4",
"type": "Text",
"label": "Date",
"x": 20,
"y": 158,
"parameters": {
"color": "#141417",
"fontSize": {
"value": 16,
"unit": "px"
},
"fontFamily": "Roboto/Roboto-Bold.ttf",
"text": "9/8/2020",
"textAlign": "right",
"alignX": "right",
"sizeMode": "contentSize"
},
"ports": [],
"children": []
}
]
},
{
"id": "f1983f59-c613-4cb1-82bf-688b668add48",
"type": "Group",
"label": "Info Section",
"x": 20,
"y": 436,
"parameters": {},
"ports": [],
"children": [
{
"id": "d91ad9db-a7ab-9192-fd98-00efff12fd57",
"type": "Group",
"label": "Hest",
"x": 20,
"y": 61,
"parameters": {
"flexDirection": "row",
"marginTop": {
"value": 8,
"unit": "px"
},
"width": {
"value": 80,
"unit": "%"
}
},
"ports": [],
"children": [
{
"id": "0b8259ef-e6eb-f817-7033-98ac280f84b7",
"type": "Image",
"x": 20,
"y": 61,
"parameters": {
"src": "Hest.svg",
"marginRight": {
"value": 12,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "544c9124-a74b-cc87-2e7d-156ba2d90953",
"type": "Text",
"label": "Horse name",
"x": 367,
"y": 1019,
"parameters": {
"color": "#808080",
"fontSize": {
"value": 16,
"unit": "px"
},
"fontFamily": "Roboto/Roboto-Regular.ttf",
"text": "Black Beauty"
},
"ports": [],
"children": []
}
]
},
{
"id": "ed909cd7-a48c-64d2-8ab5-55dd8323896b",
"type": "Group",
"label": "Klasse",
"x": 20,
"y": 265,
"parameters": {
"flexDirection": "row",
"width": {
"value": 80,
"unit": "%"
},
"marginTop": {
"value": 4,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "34f31835-6fab-f83c-33a0-6247a4187628",
"type": "Image",
"x": 20,
"y": 61,
"parameters": {
"src": "Stævne.svg",
"marginRight": {
"value": 12,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "9341405e-dd5c-8d58-8a3c-968a293fdade",
"type": "Text",
"label": "Event descvription",
"x": 20,
"y": 107,
"parameters": {
"color": "#808080",
"fontSize": {
"value": 16,
"unit": "px"
},
"fontFamily": "Roboto/Roboto-Regular.ttf",
"text": "Dressure | La1 | B stævne"
},
"ports": [],
"children": []
}
]
}
]
},
{
"id": "5b1794c4-fc4f-3942-4330-45ecc5efc3af",
"type": "Image",
"label": "Select Icon",
"x": 20,
"y": 833,
"parameters": {
"src": "arrow_back-24px.svg",
"transformRotation": {
"value": 180,
"unit": "deg"
},
"position": "absolute",
"alignX": "right",
"alignY": "bottom",
"marginBottom": {
"value": 12,
"unit": "px"
},
"marginRight": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": []
}
]
},
{
"id": "f29c84a2-ce88-7b17-8627-66c8a8e1b61f",
"type": "For Each Actions",
"x": 10,
"y": 534.3918686341631,
"parameters": {},
"ports": [],
"children": []
},
{
"id": "ef50e0e8-62f9-1d12-1a65-551701754b44",
"type": "Model",
"x": 6.70360110803324,
"y": 645.1880819332205,
"parameters": {
"properties": "event,horse,start_date,end_date,program,klass,unique_id,canClick"
},
"ports": [],
"children": []
},
{
"id": "b286b946-c586-0329-478c-773f3a55ed67",
"type": "PageStackNavigate",
"x": 630.9403972775837,
"y": 539.9867373714432,
"parameters": {
"stack": "Main Stack",
"target": "/Screens/Capture Screen",
"tr-direction": "Left"
},
"ports": [],
"children": []
},
{
"id": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
"type": "States",
"label": "touch animation",
"x": 625.9395951235936,
"y": 353.7328189154603,
"parameters": {
"states": "Pressed,Neutral",
"values": "scale",
"value-Neutral-scale": 1,
"value-Pressed-scale": 1.05,
"startState": "Neutral",
"transitiondef-Pressed": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transitiondef-Neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 230,
"delay": 0
},
"transition-Pressed-scale": {
"curve": [
0,
0,
0.58,
1
],
"dur": 230,
"delay": 0
}
},
"ports": [],
"children": []
},
{
"id": "46280094-57af-ad09-9939-28ed7a201206",
"type": "Expression",
"x": 17.239961295590604,
"y": -41.14107938803775,
"parameters": {
"expression": "canClick === false"
},
"ports": [],
"children": []
},
{
"id": "dcbe43ab-7948-c15d-2239-cfc4aa4b74c9",
"type": "Expression",
"x": 16.23996129559066,
"y": 79.4926184224006,
"parameters": {
"expression": "canClick === true"
},
"ports": [],
"children": []
},
{
"id": "361a279a-4686-e8d5-c84b-88e847e799f9",
"type": "States",
"label": "Control clickable event",
"x": 16.84467281244045,
"y": 204.90494273152643,
"parameters": {
"states": "can click,can not click",
"values": "op",
"value-can click-op": 1,
"value-can not click-op": 0.6
},
"ports": [],
"children": []
},
{
"id": "6ab04d6b-0058-4baa-3a4d-e09fe4d8007f",
"type": "Expression",
"x": 6.07670599746092,
"y": 792.4421017897331,
"parameters": {
"expression": "str. substring(0,10)"
},
"ports": [],
"children": []
},
{
"id": "dc54ea7b-f422-1bed-3d26-7680d0e16a8e",
"type": "String Format",
"x": 3.874176165412564,
"y": 923.6628357287364,
"parameters": {},
"ports": [],
"children": []
},
{
"id": "ac741233-411f-0448-3c93-1bbd796a0ce2",
"type": "Variable",
"x": 629.5573730882415,
"y": 626.9057559575479,
"parameters": {
"name": "Selected Event"
},
"ports": [],
"children": []
},
{
"id": "04c391de-4c7a-5352-802e-b9b573f8431c",
"type": "Boolean",
"x": -295.69846347914427,
"y": 670.9745989044294,
"parameters": {
"value": true
},
"ports": [],
"children": []
}
]
}
},
{
"name": "/UI Components/UI Elements/Input Form",
"id": "c4f46002-a156-2229-d62c-2f573a745b24",
"graph": {
"connections": [
{
"fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
"fromProperty": "Input Type",
"toId": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
"toProperty": "type"
},
{
"fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
"fromProperty": "icon",
"toId": "d4e81d7b-663e-1d6b-51c5-ca7e9fdd8e8a",
"toProperty": "src"
},
{
"fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
"fromProperty": "Show Error",
"toId": "ab5fee45-ea50-b698-4d00-542a8f086e66",
"toProperty": "to-Show error"
},
{
"fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
"fromProperty": "Hide Error",
"toId": "ab5fee45-ea50-b698-4d00-542a8f086e66",
"toProperty": "to-Hide error"
},
{
"fromId": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
"fromProperty": "onFocus",
"toId": "59f9bf6e-aee0-5705-e183-9cb84c3ad6f4",
"toProperty": "IsSelected"
},
{
"fromId": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
"fromProperty": "onTextChanged",
"toId": "59f9bf6e-aee0-5705-e183-9cb84c3ad6f4",
"toProperty": "Value"
},
{
"fromId": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
"fromProperty": "onBlur",
"toId": "59f9bf6e-aee0-5705-e183-9cb84c3ad6f4",
"toProperty": "isNotSelected"
},
{
"fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
"fromProperty": "Placeholder text",
"toId": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
"toProperty": "placeholder"
},
{
"fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
"fromProperty": "Error msg",
"toId": "14503f77-e450-b81f-99fa-e8edfd75ebf4",
"toProperty": "text"
},
{
"fromId": "ab5fee45-ea50-b698-4d00-542a8f086e66",
"fromProperty": "at-Show error",
"toId": "14503f77-e450-b81f-99fa-e8edfd75ebf4",
"toProperty": "mounted"
}
],
"roots": [
{
"id": "6013483b-6920-d1f7-d02e-0b1e1d04262d",
"type": "Group",
"label": "Text Input Component",
"x": 91,
"y": 450,
"parameters": {
"marginTop": {
"value": 16,
"unit": "px"
},
"borderWidth": {
"value": 1,
"unit": "px"
},
"borderColor": "#FFFFFF",
"height": {
"value": 100,
"unit": "px"
},
"sizeMode": "contentHeight"
},
"ports": [],
"children": [
{
"id": "e61e71ed-8fdf-84cf-f094-03cbd3dee346",
"type": "Group",
"x": 20,
"y": 61,
"parameters": {
"height": {
"value": 58,
"unit": "px"
},
"borderStyle": "solid",
"borderWidth": {
"value": 1,
"unit": "px"
},
"borderColor": "#FFFFFF"
},
"ports": [],
"children": [
{
"id": "23a79200-286c-6a0f-446b-07bdd06583ba",
"type": "Group",
"x": 159,
"y": 578,
"parameters": {
"sizeMode": "contentWidth",
"flexDirection": "row",
"marginLeft": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "d4e81d7b-663e-1d6b-51c5-ca7e9fdd8e8a",
"type": "Image",
"x": 20,
"y": 46,
"parameters": {
"src": "Brugernavn.svg",
"alignY": "center"
},
"ports": [],
"children": []
},
{
"id": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
"type": "Text Input",
"x": 20,
"y": 225,
"parameters": {
"sizeMode": "explicit",
"height": {
"value": 48,
"unit": "px"
},
"alignY": "center",
"fontFamily": "Roboto/Roboto-Medium.ttf",
"fontSize": {
"value": 20,
"unit": "px"
},
"placeholder": "",
"color": "#FFFFFF",
"marginLeft": {
"value": 20,
"unit": "px"
},
"style": "{\n}"
},
"ports": [],
"children": []
}
]
}
]
},
{
"id": "14503f77-e450-b81f-99fa-e8edfd75ebf4",
"type": "Text",
"label": "Error text",
"x": 20,
"y": 433,
"parameters": {
"fontFamily": "Roboto/Roboto-Regular.ttf",
"color": "#E84A6A",
"fontSize": {
"value": 16,
"unit": "px"
},
"marginTop": {
"value": 4,
"unit": "px"
}
},
"ports": [],
"children": []
}
]
},
{
"id": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
"type": "Component Inputs",
"x": -157.1250482918638,
"y": 597.2500891260221,
"parameters": {},
"ports": [
{
"name": "Label",
"plug": "output",
"type": {
"name": "*"
},
"index": 0
},
{
"name": "Input Type",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "icon",
"plug": "output",
"type": {
"name": "*"
},
"index": 2
},
{
"name": "Placeholder text",
"plug": "output",
"type": {
"name": "*"
},
"index": 3
},
{
"name": "Show Error",
"plug": "output",
"type": {
"name": "*"
},
"group": "Error State",
"index": 6
},
{
"name": "Hide Error",
"plug": "output",
"type": {
"name": "*"
},
"group": "Error State",
"index": 5
},
{
"name": "Error msg",
"plug": "output",
"type": {
"name": "*"
},
"group": "Error State",
"index": 4
}
],
"children": []
},
{
"id": "ab5fee45-ea50-b698-4d00-542a8f086e66",
"type": "States",
"x": -156.23796903270846,
"y": 433.9043877604636,
"parameters": {
"states": "Show error,Hide error",
"values": "color",
"type-color": "color",
"value-Show error-color": "#E84A6A",
"value-Hide error-color": "#FFFFFF",
"startState": "Hide error"
},
"ports": [],
"children": []
},
{
"id": "59f9bf6e-aee0-5705-e183-9cb84c3ad6f4",
"type": "Component Outputs",
"x": 414.12145957973473,
"y": 731.3618691455304,
"parameters": {},
"ports": [
{
"name": "Value",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "IsSelected",
"plug": "input",
"type": {
"name": "*"
},
"index": 2
},
{
"name": "isNotSelected",
"plug": "input",
"type": {
"name": "*"
},
"index": 3
}
],
"children": []
}
]
}
},
{
"name": "/UI Components/Text Styles/H1 Text",
"id": "0637079b-952d-9a30-8c9b-ac0ebb30cfa6",
"graph": {
"connections": [
{
"fromId": "287b977b-74b8-ae66-c158-42e09006e111",
"fromProperty": "Color",
"toId": "ce06273e-a8a0-fc9d-7f41-471b5b95c0de",
"toProperty": "color"
},
{
"fromId": "287b977b-74b8-ae66-c158-42e09006e111",
"fromProperty": "Text",
"toId": "ce06273e-a8a0-fc9d-7f41-471b5b95c0de",
"toProperty": "text"
},
{
"fromId": "287b977b-74b8-ae66-c158-42e09006e111",
"fromProperty": "Margin Top",
"toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
"toProperty": "marginTop"
},
{
"fromId": "287b977b-74b8-ae66-c158-42e09006e111",
"fromProperty": "Margin Right",
"toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
"toProperty": "marginRight"
},
{
"fromId": "287b977b-74b8-ae66-c158-42e09006e111",
"fromProperty": "Margin Left",
"toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
"toProperty": "marginLeft"
},
{
"fromId": "287b977b-74b8-ae66-c158-42e09006e111",
"fromProperty": "Margin Bottom",
"toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
"toProperty": "marginBottom"
},
{
"fromId": "287b977b-74b8-ae66-c158-42e09006e111",
"fromProperty": "Align X",
"toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
"toProperty": "alignX"
},
{
"fromId": "287b977b-74b8-ae66-c158-42e09006e111",
"fromProperty": "Align Y",
"toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
"toProperty": "alignY"
},
{
"fromId": "287b977b-74b8-ae66-c158-42e09006e111",
"fromProperty": "Text Align",
"toId": "ce06273e-a8a0-fc9d-7f41-471b5b95c0de",
"toProperty": "textAlign"
}
],
"roots": [
{
"id": "e14dda34-f3c1-7961-9339-75145a5b00ea",
"type": "Group",
"label": "Body Text",
"x": 585,
"y": 398,
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"children": [
{
"id": "ce06273e-a8a0-fc9d-7f41-471b5b95c0de",
"type": "Text",
"x": 20,
"y": 197,
"parameters": {
"fontFamily": "Roboto/Roboto-Bold.ttf",
"fontSize": {
"value": 20,
"unit": "px"
},
"color": "#141417"
},
"ports": [],
"children": []
}
]
},
{
"id": "287b977b-74b8-ae66-c158-42e09006e111",
"type": "Component Inputs",
"x": 343,
"y": 438,
"parameters": {},
"ports": [
{
"name": "Size",
"plug": "output",
"type": {
"name": "*"
},
"index": 0
},
{
"name": "Color",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "Text",
"plug": "output",
"type": {
"name": "*"
},
"index": 2
},
{
"name": "Margin Top",
"plug": "output",
"type": {
"name": "*"
},
"group": "Margins",
"index": 3
},
{
"name": "Margin Right",
"plug": "output",
"type": {
"name": "*"
},
"group": "Margins",
"index": 4
},
{
"name": "Margin Left",
"plug": "output",
"type": {
"name": "*"
},
"group": "Margins",
"index": 5
},
{
"name": "Margin Bottom",
"plug": "output",
"type": {
"name": "*"
},
"group": "Margins",
"index": 6
},
{
"name": "Align X",
"plug": "output",
"type": {
"name": "*"
},
"group": "Position",
"index": 7
},
{
"name": "Align Y",
"plug": "output",
"type": {
"name": "*"
},
"group": "Position",
"index": 8
},
{
"name": "Text Align",
"plug": "output",
"type": {
"name": "*"
},
"group": "Position",
"index": 9
}
],
"children": []
}
]
}
},
{
"name": "/Screens/Capture Screen",
"id": "4281666f-1749-d01d-cedb-9aa07932260c",
"graph": {
"connections": [
{
"fromId": "ca62c02b-6d67-7b34-f7d9-d27ed8de74a0",
"fromProperty": "Button Clicked",
"toId": "f61fc9f8-94c8-063b-aa94-264ae13ee1bd",
"toProperty": "navigate"
},
{
"fromId": "c9e04b95-12bd-1094-6341-12fac1fd39b8",
"fromProperty": "Button Clicked",
"toId": "d1032a43-0ff5-284f-58ea-de1a680eb5b7",
"toProperty": "Show Modal"
},
{
"fromId": "d1032a43-0ff5-284f-58ea-de1a680eb5b7",
"fromProperty": "Upload started",
"toId": "11cac571-a7a2-ba06-6d65-37f5587f8bde",
"toProperty": "navigate"
}
],
"roots": [
{
"id": "259e7fe7-31e6-dcd1-0e98-4cea854c5cc6",
"type": "Group",
"label": "Capture Screen",
"x": 439.5220991865431,
"y": 412.52856011038836,
"parameters": {
"backgroundColor": "#043372",
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingTop": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "26d115a4-1e52-d424-f5bb-e00e2926ccd2",
"type": "Group",
"x": 20,
"y": 61,
"parameters": {
"height": {
"value": 50,
"unit": "%"
}
},
"ports": [],
"children": [
{
"id": "c0ece81a-8606-7cdb-6e5c-c81f1b9ae347",
"type": "Group",
"label": "Text Section",
"x": 20,
"y": 46,
"parameters": {
"sizeMode": "contentSize",
"alignY": "center",
"position": "absolute"
},
"ports": [],
"children": [
{
"id": "72e1bc57-83c1-2265-c61d-997f930d9032",
"type": "Image",
"label": "Icon",
"x": 20,
"y": 61,
"parameters": {
"src": "Pokal.svg",
"alignX": "center",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "8949cdb1-0c54-de31-6e52-2c16f498dc5d",
"type": "Text",
"x": 479.5220991865431,
"y": 595.5285601103883,
"parameters": {
"textAlign": "center",
"alignX": "center",
"text": "Du har valgt at starte i Karlslunde Rideklub Mesterskab",
"color": "#FFFFFF",
"fontFamily": "Roboto/Roboto-Bold.ttf",
"fontSize": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "af7e605f-234a-40e8-46aa-d860380ce943",
"type": "Text",
"x": 479.5220991865431,
"y": 641.5285601103883,
"parameters": {
"textAlign": "center",
"alignX": "center",
"text": "Du har kun ét forsøg. Så når du trykker på \"Brug Video\" knappen I kameraet, bliver din video sendt til bedømmelse.",
"color": "#FFFFFF",
"fontFamily": "Roboto/Roboto-Regular.ttf",
"fontSize": {
"value": 16,
"unit": "px"
},
"marginTop": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": []
}
]
}
]
},
{
"id": "acb8d2b4-879c-0fa6-82d0-0a13e6d054cc",
"type": "Group",
"label": "Button Section",
"x": 20,
"y": 321,
"parameters": {
"sizeMode": "contentHeight",
"position": "absolute",
"alignY": "bottom",
"marginBottom": {
"value": 12,
"unit": "%"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "c9e04b95-12bd-1094-6341-12fac1fd39b8",
"type": "/UI Components/Buttons/Main Button Fullwidth",
"label": "Start kamera",
"x": 20,
"y": 61,
"parameters": {
"Label": "Start Kamera",
"Margin Bottom": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "ca62c02b-6d67-7b34-f7d9-d27ed8de74a0",
"type": "/UI Components/Buttons/Secondary Button Fullwidth",
"label": "Tilbage",
"x": 20,
"y": 158,
"parameters": {
"Text Size": {
"value": 20,
"unit": "px"
},
"Label": "Tilbage"
},
"ports": [],
"children": []
}
]
},
{
"id": "d1032a43-0ff5-284f-58ea-de1a680eb5b7",
"type": "/UI Components/UI Elements/Modal - Start Recording",
"x": 20,
"y": 576,
"parameters": {},
"ports": [],
"children": []
}
]
},
{
"id": "f61fc9f8-94c8-063b-aa94-264ae13ee1bd",
"type": "PageStackNavigateBack",
"x": 189.587342976561,
"y": 865.3472253434195,
"parameters": {
"stack": "Main Stack"
},
"ports": [],
"children": []
},
{
"id": "11cac571-a7a2-ba06-6d65-37f5587f8bde",
"type": "PageStackNavigate",
"x": 704.755045657678,
"y": 1000.8373633377803,
"parameters": {
"stack": "Main Stack",
"target": "/Screens/Uploading Screen",
"transition": "None"
},
"ports": [],
"children": []
}
]
}
},
{
"name": "/UI Components/Buttons/Link Button",
"id": "62c99f37-cefc-7ab3-5d43-bf1c59db4d54",
"graph": {
"connections": [
{
"fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
"fromProperty": "Label",
"toId": "31b2b177-09fb-b8e2-9fab-4801512dbce0",
"toProperty": "text"
},
{
"fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
"fromProperty": "Align X",
"toId": "96802db9-657d-dd48-e87d-827a09275ed3",
"toProperty": "alignX"
},
{
"fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
"fromProperty": "Aliogn Y",
"toId": "96802db9-657d-dd48-e87d-827a09275ed3",
"toProperty": "alignY"
},
{
"fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
"fromProperty": "Position",
"toId": "96802db9-657d-dd48-e87d-827a09275ed3",
"toProperty": "position"
},
{
"fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
"fromProperty": "Margin Bottom",
"toId": "96802db9-657d-dd48-e87d-827a09275ed3",
"toProperty": "marginBottom"
},
{
"fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
"fromProperty": "Margin Left",
"toId": "96802db9-657d-dd48-e87d-827a09275ed3",
"toProperty": "marginLeft"
},
{
"fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
"fromProperty": "Margin Right",
"toId": "96802db9-657d-dd48-e87d-827a09275ed3",
"toProperty": "marginRight"
},
{
"fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
"fromProperty": "Margin Top",
"toId": "96802db9-657d-dd48-e87d-827a09275ed3",
"toProperty": "marginTop"
},
{
"fromId": "b12b5e02-bd1a-1134-8ad7-886b14c2116c",
"fromProperty": "button color",
"toId": "d8287622-1c91-734b-2762-72bef2b5b4d3",
"toProperty": "blendValue"
},
{
"fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
"fromProperty": "Button Color",
"toId": "d8287622-1c91-734b-2762-72bef2b5b4d3",
"toProperty": "color 1"
},
{
"fromId": "96802db9-657d-dd48-e87d-827a09275ed3",
"fromProperty": "pointerDown",
"toId": "b12b5e02-bd1a-1134-8ad7-886b14c2116c",
"toProperty": "to-Pressed"
},
{
"fromId": "96802db9-657d-dd48-e87d-827a09275ed3",
"fromProperty": "pointerUp",
"toId": "b12b5e02-bd1a-1134-8ad7-886b14c2116c",
"toProperty": "to-Neutral"
},
{
"fromId": "96802db9-657d-dd48-e87d-827a09275ed3",
"fromProperty": "pointerUp",
"toId": "1754ed1f-c1c0-f398-cf2e-938dda7deb37",
"toProperty": "Button Clicked"
},
{
"fromId": "d8287622-1c91-734b-2762-72bef2b5b4d3",
"fromProperty": "result",
"toId": "31b2b177-09fb-b8e2-9fab-4801512dbce0",
"toProperty": "color"
},
{
"fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
"fromProperty": "Link",
"toId": "35643182-c613-4fdf-b188-790ba3f463c4",
"toProperty": "url"
},
{
"fromId": "96802db9-657d-dd48-e87d-827a09275ed3",
"fromProperty": "onClick",
"toId": "35643182-c613-4fdf-b188-790ba3f463c4",
"toProperty": "openLink"
},
{
"fromId": "96802db9-657d-dd48-e87d-827a09275ed3",
"fromProperty": "this",
"toId": "35643182-c613-4fdf-b188-790ba3f463c4",
"toProperty": "buttonEL"
}
],
"roots": [
{
"id": "96802db9-657d-dd48-e87d-827a09275ed3",
"type": "Group",
"x": 814.5169685918331,
"y": 593.3448490914957,
"parameters": {
"borderRadius": {
"value": 100,
"unit": "px"
},
"sizeMode": "contentSize",
"paddingTop": {
"value": 0,
"unit": "px"
},
"paddingBottom": {
"value": 0,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "31b2b177-09fb-b8e2-9fab-4801512dbce0",
"type": "Text",
"x": 20,
"y": 242,
"parameters": {
"fontSize": {
"value": 20,
"unit": "px"
},
"fontFamily": "Roboto/Roboto-Bold.ttf",
"sizeMode": "contentSize"
},
"ports": [],
"children": []
},
{
"id": "a5c02e88-4914-6ab4-f5ad-ba834a6a58cb",
"type": "Group",
"x": 905.044028300713,
"y": 790.5678333192892,
"parameters": {
"alignY": "bottom",
"position": "absolute",
"backgroundColor": "#FFFFFF",
"height": {
"value": 1,
"unit": "px"
}
},
"ports": [],
"children": []
}
]
},
{
"id": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
"type": "Component Inputs",
"x": 503,
"y": 635.30549867896,
"parameters": {},
"ports": [
{
"name": "Label",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "Button Color",
"plug": "output",
"type": {
"name": "*"
},
"index": 2
},
{
"name": "Align X",
"plug": "output",
"type": {
"name": "*"
},
"index": 4
},
{
"name": "Aliogn Y",
"plug": "output",
"type": {
"name": "*"
},
"index": 5
},
{
"name": "Position",
"plug": "output",
"type": {
"name": "*"
},
"index": 6
},
{
"name": "Margin Top",
"plug": "output",
"type": {
"name": "*"
},
"index": 7
},
{
"name": "Margin Right",
"plug": "output",
"type": {
"name": "*"
},
"index": 8
},
{
"name": "Margin Left",
"plug": "output",
"type": {
"name": "*"
},
"index": 9
},
{
"name": "Margin Bottom",
"plug": "output",
"type": {
"name": "*"
},
"index": 10
},
{
"name": "Link",
"plug": "output",
"type": {
"name": "*"
},
"index": 11
}
],
"children": []
},
{
"id": "b12b5e02-bd1a-1134-8ad7-886b14c2116c",
"type": "States",
"x": 1085.366030665628,
"y": 709.7913313331535,
"parameters": {
"states": "Neutral,Pressed,Hover",
"values": "button color",
"value-Neutral-button color": 1,
"value-Pressed-button color": 0.7,
"startState": "Neutral",
"transitiondef-Neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transitiondef-Pressed": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transitiondef-Hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
}
},
"ports": [],
"children": []
},
{
"id": "d8287622-1c91-734b-2762-72bef2b5b4d3",
"type": "Color Blend",
"x": 1081.855048629337,
"y": 561,
"parameters": {
"color 0": "#000000",
"color 1": "#DF486F"
},
"ports": [],
"children": []
},
{
"id": "1754ed1f-c1c0-f398-cf2e-938dda7deb37",
"type": "Component Outputs",
"x": 1246.7933327127316,
"y": 905.4603763683817,
"parameters": {},
"ports": [
{
"name": "Button Clicked",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"children": []
},
{
"id": "35643182-c613-4fdf-b188-790ba3f463c4",
"type": "Javascript2",
"x": 840.8758813598877,
"y": 990.399686378464,
"parameters": {
"code": "script({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t url: 'string',\n\t buttonEL: 'reference'\n\t},\n\t\n\tsignals:{\n\t\t openLink:function() { \n\t\t \n\t\t let buttonEl = ReactDOM.findDOMNode(this.inputs.buttonEL.getRef());\n\t\t buttonEl.addEventListener('click', () =>{\n\t\t window.open(this.inputs.url, \"_blank\");\n\t\t })\n\n\t\t}\n\t}\n})\n\n"
},
"ports": [],
"children": []
}
]
}
},
{
"name": "/Screens/Checkout Screen",
"id": "3b02db5b-e3fe-ef78-3abe-c6e2157e12ff",
"graph": {
"connections": [
{
"fromId": "9328bd9a-9849-9339-46a1-29993e5cc9ee",
"fromProperty": "Button Clicked",
"toId": "c933afbc-e691-ed02-d8c1-44b86b9aad99",
"toProperty": "navigate"
}
],
"roots": [
{
"id": "2ee64b45-8215-d408-707a-15c04dba6cf0",
"type": "Group",
"label": "Checkout Screen",
"x": 248,
"y": 371,
"parameters": {
"backgroundColor": "#043372",
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "b56c81dd-050e-88e9-1e99-5987f1b4954e",
"type": "Group",
"x": 20,
"y": 61,
"parameters": {
"height": {
"value": 50,
"unit": "%"
}
},
"ports": [],
"children": [
{
"id": "d85580c1-96f1-25df-cfbf-513cac00bad5",
"type": "Group",
"label": "Text Section",
"x": 20,
"y": 46,
"parameters": {
"sizeMode": "contentHeight",
"alignX": "center",
"alignY": "center",
"position": "absolute"
},
"ports": [],
"children": [
{
"id": "036bb28e-76d3-d9cb-5f30-1b373b443ab1",
"type": "Image",
"label": "Icon",
"x": 308,
"y": 947,
"parameters": {
"src": "Klap.svg",
"alignX": "center",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "332ce8e3-4046-37ca-ed95-c21349c314dd",
"type": "Text",
"x": 308,
"y": 1008,
"parameters": {
"textAlign": "center",
"alignX": "center",
"text": "Tak for din deltagelse i stævnet!",
"color": "#FFFFFF",
"fontFamily": "Roboto/Roboto-Bold.ttf",
"fontSize": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "a92cbdca-b1a8-5a45-dd35-3b05536be9f2",
"type": "Text",
"x": 308,
"y": 1054,
"parameters": {
"textAlign": "center",
"alignX": "center",
"text": "Din video er blevet sendt til dommeren.\nNår din bedømmelse er klar, kan du se den på:",
"color": "#FFFFFF",
"fontFamily": "Roboto/Roboto-Regular.ttf",
"fontSize": {
"value": 16,
"unit": "px"
},
"marginTop": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "185ce721-1c35-3d22-4288-2c21e87eca36",
"type": "Group",
"x": 308,
"y": 1100,
"parameters": {
"marginTop": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "16bb7c38-03cf-2746-f16c-cf126888b095",
"type": "/UI Components/Buttons/Link Button",
"x": 328,
"y": 1146,
"parameters": {
"Button Color": "#FFFFFF",
"Label": "www.zyberride.dk",
"Aliogn Y": "center",
"Align X": "center"
},
"ports": [],
"children": []
}
]
}
]
}
]
},
{
"id": "9328bd9a-9849-9339-46a1-29993e5cc9ee",
"type": "/UI Components/Buttons/Main Button Fullwidth",
"x": 20,
"y": 367,
"parameters": {
"Position": "absolute",
"Align X": "center",
"Aliogn Y": "bottom",
"Margin Bottom": {
"value": 12,
"unit": "%"
},
"Margin Left": {
"value": 16,
"unit": "px"
},
"Margin Right": {
"value": 16,
"unit": "px"
},
"Label": "OK"
},
"ports": [],
"children": []
}
]
},
{
"id": "c933afbc-e691-ed02-d8c1-44b86b9aad99",
"type": "PageStackNavigate",
"x": 38.75018533521671,
"y": 718.9788056258711,
"parameters": {
"stack": "Main Stack",
"target": "/Screens/Startliste Screen"
},
"ports": [],
"children": []
}
]
}
},
{
"name": "/UI Components/Buttons/Secondary Button Fullwidth",
"id": "b7db9c15-9d21-de30-eaac-31b82b91c781",
"graph": {
"connections": [
{
"fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
"fromProperty": "Align X",
"toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
"toProperty": "alignX"
},
{
"fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
"fromProperty": "Aliogn Y",
"toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
"toProperty": "alignY"
},
{
"fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
"fromProperty": "Position",
"toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
"toProperty": "position"
},
{
"fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
"fromProperty": "Margin Bottom",
"toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
"toProperty": "marginBottom"
},
{
"fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
"fromProperty": "Margin Left",
"toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
"toProperty": "marginLeft"
},
{
"fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
"fromProperty": "Margin Right",
"toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
"toProperty": "marginRight"
},
{
"fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
"fromProperty": "Margin Top",
"toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
"toProperty": "marginTop"
},
{
"fromId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
"fromProperty": "pointerUp",
"toId": "b1e3ca33-8c14-aeee-5fee-b9a62ba4e91c",
"toProperty": "Button Clicked"
},
{
"fromId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
"fromProperty": "pointerUp",
"toId": "af39362e-59d7-6edc-37bb-9ee98610fadb",
"toProperty": "to-Neutral"
},
{
"fromId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
"fromProperty": "pointerDown",
"toId": "af39362e-59d7-6edc-37bb-9ee98610fadb",
"toProperty": "to-Pressed"
},
{
"fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
"fromProperty": "Label",
"toId": "34f1f3a6-a858-203f-a142-d47aea6cf9e2",
"toProperty": "text"
},
{
"fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
"fromProperty": "Text Size",
"toId": "34f1f3a6-a858-203f-a142-d47aea6cf9e2",
"toProperty": "fontSize"
},
{
"fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
"fromProperty": "Button Color",
"toId": "ec53da86-84cc-b9f1-8ac4-9bb6bf68af24",
"toProperty": "backgroundColor"
},
{
"fromId": "af39362e-59d7-6edc-37bb-9ee98610fadb",
"fromProperty": "op",
"toId": "ec53da86-84cc-b9f1-8ac4-9bb6bf68af24",
"toProperty": "opacity"
}
],
"roots": [
{
"id": "776bd51f-fd88-8731-e5d6-11fca06bf336",
"type": "Group",
"x": 551.8392629539628,
"y": 638.0229846221449,
"parameters": {
"borderRadius": {
"value": 100,
"unit": "px"
},
"sizeMode": "contentHeight",
"paddingLeft": {
"value": 40,
"unit": "px"
},
"paddingRight": {
"value": 40,
"unit": "px"
},
"paddingTop": {
"value": 16,
"unit": "px"
},
"paddingBottom": {
"value": 16,
"unit": "px"
},
"borderStyle": "solid",
"borderWidth": {
"value": 2,
"unit": "px"
},
"borderColor": "#FFFFFF",
"clip": true
},
"ports": [],
"children": [
{
"id": "ec53da86-84cc-b9f1-8ac4-9bb6bf68af24",
"type": "Group",
"label": "button color",
"x": 20,
"y": 222,
"parameters": {
"backgroundColor": "#FFFFFF",
"position": "absolute"
},
"ports": [],
"children": []
},
{
"id": "34f1f3a6-a858-203f-a142-d47aea6cf9e2",
"type": "Text",
"x": 20,
"y": 222,
"parameters": {
"fontSize": {
"value": 24,
"unit": "px"
},
"fontFamily": "Roboto/Roboto-Bold.ttf",
"sizeMode": "contentSize",
"color": "#FFFFFF",
"alignX": "center"
},
"ports": [],
"children": []
}
]
},
{
"id": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
"type": "Component Inputs",
"x": 240.32229436212964,
"y": 679.9836342096092,
"parameters": {},
"ports": [
{
"name": "Label",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "Button Color",
"plug": "output",
"type": {
"name": "*"
},
"index": 2
},
{
"name": "Text Color",
"plug": "output",
"type": {
"name": "*"
},
"index": 3
},
{
"name": "Align X",
"plug": "output",
"type": {
"name": "*"
},
"index": 4
},
{
"name": "Aliogn Y",
"plug": "output",
"type": {
"name": "*"
},
"index": 5
},
{
"name": "Position",
"plug": "output",
"type": {
"name": "*"
},
"index": 6
},
{
"name": "Margin Top",
"plug": "output",
"type": {
"name": "*"
},
"index": 7
},
{
"name": "Margin Right",
"plug": "output",
"type": {
"name": "*"
},
"index": 8
},
{
"name": "Margin Left",
"plug": "output",
"type": {
"name": "*"
},
"index": 9
},
{
"name": "Margin Bottom",
"plug": "output",
"type": {
"name": "*"
},
"index": 10
},
{
"name": "Text Size",
"plug": "output",
"type": {
"name": "*"
},
"index": 11
}
],
"children": []
},
{
"id": "b1e3ca33-8c14-aeee-5fee-b9a62ba4e91c",
"type": "Component Outputs",
"x": 843.9638564517088,
"y": 883.2576367335432,
"parameters": {},
"ports": [
{
"name": "Button Clicked",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"children": []
},
{
"id": "af39362e-59d7-6edc-37bb-9ee98610fadb",
"type": "States",
"x": 856.9506070022758,
"y": 714.9501117158668,
"parameters": {
"states": "Neutral,Pressed",
"values": "op",
"startState": "Neutral",
"transitiondef-Neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transitiondef-Pressed": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transitiondef-Hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"value-Neutral-op": 0,
"value-Pressed-op": 0.3
},
"ports": [],
"children": []
}
]
}
},
{
"name": "/UI Components/Buttons/Main Button Fullwidth",
"id": "8ab2c7c3-677d-6c74-7512-82160d4be8ac",
"graph": {
"connections": [
{
"fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
"fromProperty": "Align X",
"toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"toProperty": "alignX"
},
{
"fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
"fromProperty": "Aliogn Y",
"toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"toProperty": "alignY"
},
{
"fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
"fromProperty": "Position",
"toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"toProperty": "position"
},
{
"fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
"fromProperty": "Margin Bottom",
"toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"toProperty": "marginBottom"
},
{
"fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
"fromProperty": "Margin Left",
"toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"toProperty": "marginLeft"
},
{
"fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
"fromProperty": "Margin Right",
"toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"toProperty": "marginRight"
},
{
"fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
"fromProperty": "Margin Top",
"toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"toProperty": "marginTop"
},
{
"fromId": "f9f19a96-6900-0600-7a2a-d39820fa65b4",
"fromProperty": "result",
"toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"toProperty": "backgroundColor"
},
{
"fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
"fromProperty": "Button Color",
"toId": "f9f19a96-6900-0600-7a2a-d39820fa65b4",
"toProperty": "color 1"
},
{
"fromId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"fromProperty": "pointerUp",
"toId": "393eb8c9-f31e-1cc6-c9e7-efb1aeb10040",
"toProperty": "Button Clicked"
},
{
"fromId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"fromProperty": "pointerUp",
"toId": "43bb7197-45ce-9525-93b6-1a894a901b3d",
"toProperty": "to-Neutral"
},
{
"fromId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"fromProperty": "pointerDown",
"toId": "43bb7197-45ce-9525-93b6-1a894a901b3d",
"toProperty": "to-Pressed"
},
{
"fromId": "43bb7197-45ce-9525-93b6-1a894a901b3d",
"fromProperty": "button color",
"toId": "f9f19a96-6900-0600-7a2a-d39820fa65b4",
"toProperty": "blendValue"
},
{
"fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
"fromProperty": "Label",
"toId": "e532cf96-2e41-6001-0cc1-caac669c8994",
"toProperty": "text"
},
{
"fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
"fromProperty": "Mount",
"toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"toProperty": "mounted"
},
{
"fromId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"fromProperty": "hoverEnd",
"toId": "43bb7197-45ce-9525-93b6-1a894a901b3d",
"toProperty": "to-Neutral"
}
],
"roots": [
{
"id": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
"type": "Group",
"label": "Main Button Fullwidth",
"x": 545.0855349014641,
"y": 608.1419379217286,
"parameters": {
"backgroundColor": "#FFFFFF",
"borderRadius": {
"value": 100,
"unit": "px"
},
"sizeMode": "contentHeight",
"paddingLeft": {
"value": 40,
"unit": "px"
},
"paddingRight": {
"value": 40,
"unit": "px"
},
"paddingTop": {
"value": 16,
"unit": "px"
},
"paddingBottom": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "e532cf96-2e41-6001-0cc1-caac669c8994",
"type": "Text",
"x": 20,
"y": 277,
"parameters": {
"fontFamily": "Roboto/Roboto-Bold.ttf",
"fontSize": {
"value": 20,
"unit": "px"
},
"color": "#043372",
"alignY": "center",
"alignX": "center",
"textAlign": "center"
},
"ports": [],
"children": []
}
]
},
{
"id": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
"type": "Component Inputs",
"x": 233.568566309631,
"y": 650.102587509193,
"parameters": {},
"ports": [
{
"name": "Label",
"plug": "output",
"type": {
"name": "*"
},
"index": 0
},
{
"name": "Button Color",
"plug": "output",
"type": {
"name": "*"
},
"index": 9,
"group": "Style"
},
{
"name": "Text Color",
"plug": "output",
"type": {
"name": "*"
},
"index": 10,
"group": "Style"
},
{
"name": "Align X",
"plug": "output",
"type": {
"name": "*"
},
"index": 5,
"group": "Position & Aligment"
},
{
"name": "Aliogn Y",
"plug": "output",
"type": {
"name": "*"
},
"index": 6,
"group": "Position & Aligment"
},
{
"name": "Position",
"plug": "output",
"type": {
"name": "*"
},
"index": 7,
"group": "Position & Aligment"
},
{
"name": "Margin Top",
"plug": "output",
"type": {
"name": "*"
},
"index": 4,
"group": "Margins"
},
{
"name": "Margin Right",
"plug": "output",
"type": {
"name": "*"
},
"index": 3,
"group": "Margins"
},
{
"name": "Margin Left",
"plug": "output",
"type": {
"name": "*"
},
"index": 2,
"group": "Margins"
},
{
"name": "Margin Bottom",
"plug": "output",
"type": {
"name": "*"
},
"index": 1,
"group": "Margins"
},
{
"name": "Dimensions",
"plug": "output",
"type": {
"name": "*"
},
"index": 8,
"group": "Style"
},
{
"name": "Mount",
"plug": "output",
"type": {
"name": "*"
},
"group": "Style",
"index": 11
}
],
"children": []
},
{
"id": "f9f19a96-6900-0600-7a2a-d39820fa65b4",
"type": "Color Blend",
"x": 800.4072392740544,
"y": 430.4578061185189,
"parameters": {
"color 0": "#FFFFFF",
"color 1": "#043372"
},
"ports": [],
"children": []
},
{
"id": "393eb8c9-f31e-1cc6-c9e7-efb1aeb10040",
"type": "Component Outputs",
"x": 837.2101283992102,
"y": 853.376590033127,
"parameters": {},
"ports": [
{
"name": "Button Clicked",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"children": []
},
{
"id": "43bb7197-45ce-9525-93b6-1a894a901b3d",
"type": "States",
"x": 850.1968789497771,
"y": 685.0690650154505,
"parameters": {
"states": "Neutral,Pressed,Hover",
"values": "button color",
"value-Neutral-button color": 0,
"value-Pressed-button color": 0.3,
"startState": "Neutral",
"transitiondef-Neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transitiondef-Pressed": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transitiondef-Hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
}
},
"ports": [],
"children": []
}
]
}
},
{
"name": "/UI Components/UI Elements/Toast",
"id": "0a802186-a0b0-9ba2-ac7e-b3a6151b4e8b",
"graph": {
"connections": [
{
"fromId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
"fromProperty": "YPOS",
"toId": "a8617803-6a87-67aa-6482-a7011fdb3780",
"toProperty": "transformY"
},
{
"fromId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
"fromProperty": "OP",
"toId": "a8617803-6a87-67aa-6482-a7011fdb3780",
"toProperty": "opacity"
},
{
"fromId": "44470e24-6cc1-2ed4-231a-044141fd8760",
"fromProperty": "Messeage",
"toId": "1fe17bd0-d6bb-8ed7-450b-7e35a04fe207",
"toProperty": "text"
},
{
"fromId": "44470e24-6cc1-2ed4-231a-044141fd8760",
"fromProperty": "Hide Toast",
"toId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
"toProperty": "to-Hide Toast"
},
{
"fromId": "44470e24-6cc1-2ed4-231a-044141fd8760",
"fromProperty": "Show Toast",
"toId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
"toProperty": "to-Show Toast"
},
{
"fromId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
"fromProperty": "reached-Hide Toast",
"toId": "38eafe3e-9534-63a9-1439-1c9834bfe84a",
"toProperty": "off"
},
{
"fromId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
"fromProperty": "at-Show Toast",
"toId": "38eafe3e-9534-63a9-1439-1c9834bfe84a",
"toProperty": "on"
},
{
"fromId": "38eafe3e-9534-63a9-1439-1c9834bfe84a",
"fromProperty": "state",
"toId": "a8617803-6a87-67aa-6482-a7011fdb3780",
"toProperty": "mounted"
}
],
"roots": [
{
"id": "a8617803-6a87-67aa-6482-a7011fdb3780",
"type": "Group",
"label": "Toast",
"x": 238,
"y": 527,
"parameters": {
"position": "absolute",
"alignY": "bottom",
"alignX": "center",
"backgroundColor": "#03244F",
"sizeMode": "explicit",
"height": {
"value": 56,
"unit": "px"
},
"borderRadius": {
"value": 6,
"unit": "px"
},
"marginLeft": {
"value": 24,
"unit": "px"
},
"marginRight": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "1fe17bd0-d6bb-8ed7-450b-7e35a04fe207",
"type": "Text",
"x": 20,
"y": 137,
"parameters": {
"fontFamily": "Roboto/Roboto-Medium.ttf",
"fontSize": {
"value": 16,
"unit": "px"
},
"color": "#FFFFFF",
"textAlign": "center",
"alignY": "center",
"alignX": "center"
},
"ports": [],
"children": []
}
]
},
{
"id": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
"type": "States",
"x": -27,
"y": 541,
"parameters": {
"states": "Show Toast,Hide Toast",
"values": "OP,YPOS",
"value-Show Toast-OP": 1,
"value-Show Toast-YPOS": 0,
"value-Hide Toast-OP": 0,
"value-Hide Toast-YPOS": 100,
"startState": "Hide Toast"
},
"ports": [],
"children": []
},
{
"id": "44470e24-6cc1-2ed4-231a-044141fd8760",
"type": "Component Inputs",
"x": 110.44616982102266,
"y": 329.5310622248958,
"parameters": {},
"ports": [
{
"name": "Show Toast",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "Hide Toast",
"plug": "output",
"type": {
"name": "*"
},
"index": 2
},
{
"name": "Messeage",
"plug": "output",
"type": {
"name": "*"
},
"index": 3
}
],
"children": []
},
{
"id": "38eafe3e-9534-63a9-1439-1c9834bfe84a",
"type": "Switch",
"x": -31.16717720055624,
"y": 773.5790208912598,
"parameters": {},
"ports": [],
"children": []
}
]
}
},
{
"name": "/UI Components/UI Elements/Modal - Start Recording",
"id": "84532082-baf6-d146-cb95-fd4a7916afb9",
"graph": {
"connections": [
{
"fromId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
"fromProperty": "Opacity",
"toId": "7396d835-96d9-5d02-95a7-3b07db8c9bf0",
"toProperty": "opacity"
},
{
"fromId": "384905c9-60ea-f77d-32a0-c6dbfafa2fd5",
"fromProperty": "button color",
"toId": "fef3a38c-c1f5-7329-5089-bb6f3263d451",
"toProperty": "blendValue"
},
{
"fromId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
"fromProperty": "yPos",
"toId": "7396d835-96d9-5d02-95a7-3b07db8c9bf0",
"toProperty": "transformY"
},
{
"fromId": "a8c04d2b-de26-720d-6abd-662c5bc9869a",
"fromProperty": "Show Modal",
"toId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
"toProperty": "to-Show Modal"
},
{
"fromId": "a8c04d2b-de26-720d-6abd-662c5bc9869a",
"fromProperty": "Hide Modal",
"toId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
"toProperty": "to-Hide Modal"
},
{
"fromId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
"fromProperty": "at-Show Modal",
"toId": "2114572e-c435-267e-a177-9a453934a487",
"toProperty": "visible"
},
{
"fromId": "6f530518-0aff-278d-dd6a-c163057833f4",
"fromProperty": "pointerDown",
"toId": "384905c9-60ea-f77d-32a0-c6dbfafa2fd5",
"toProperty": "to-Pressed"
},
{
"fromId": "6f530518-0aff-278d-dd6a-c163057833f4",
"fromProperty": "pointerUp",
"toId": "384905c9-60ea-f77d-32a0-c6dbfafa2fd5",
"toProperty": "to-Neutral"
},
{
"fromId": "fef3a38c-c1f5-7329-5089-bb6f3263d451",
"fromProperty": "result",
"toId": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
"toProperty": "color"
},
{
"fromId": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
"fromProperty": "uploadProgress",
"toId": "fb1f2bc6-d347-74cb-423e-c31996784a6b",
"toProperty": "progress in percentage"
},
{
"fromId": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
"fromProperty": "uploadDone",
"toId": "6853579c-add3-e0fc-5914-006769798702",
"toProperty": "sendEvent"
},
{
"fromId": "6f530518-0aff-278d-dd6a-c163057833f4",
"fromProperty": "pointerDown",
"toId": "89c47085-e98c-c90d-7e7a-b792cf2dbf94",
"toProperty": "start"
},
{
"fromId": "89c47085-e98c-c90d-7e7a-b792cf2dbf94",
"fromProperty": "timerFinished",
"toId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
"toProperty": "to-Hide Modal"
},
{
"fromId": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
"fromProperty": "uploadStated",
"toId": "894b67de-a2bb-65b6-fc14-86d73431c3ad",
"toProperty": "Upload started"
},
{
"fromId": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
"fromProperty": "uploadProgress",
"toId": "32f829ff-a172-16dd-2eaf-702604bfe7f9",
"toProperty": "value"
},
{
"fromId": "32f829ff-a172-16dd-2eaf-702604bfe7f9",
"fromProperty": "valueChanged",
"toId": "fb1f2bc6-d347-74cb-423e-c31996784a6b",
"toProperty": "sendEvent"
}
],
"roots": [
{
"id": "2114572e-c435-267e-a177-9a453934a487",
"type": "Group",
"label": "Modal",
"x": 526.5211349593408,
"y": 639.2987709457313,
"parameters": {
"position": "absolute",
"mounted": true
},
"ports": [],
"children": [
{
"id": "ac866ece-0cd9-65b0-17d2-25031ab7b9b0",
"type": "Group",
"label": "BG",
"x": 20,
"y": 97,
"parameters": {
"position": "absolute",
"backgroundColor": "#000000",
"opacity": 0.65,
"mounted": true
},
"ports": [],
"children": []
},
{
"id": "7396d835-96d9-5d02-95a7-3b07db8c9bf0",
"type": "Group",
"label": "Orientation Modal",
"x": 20,
"y": 158,
"parameters": {
"sizeMode": "contentHeight",
"backgroundColor": "#FFFFFF",
"alignX": "center",
"alignY": "center",
"position": "absolute",
"paddingTop": {
"value": 24,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingBottom": {
"value": 16,
"unit": "px"
},
"borderRadius": {
"value": 6,
"unit": "px"
},
"width": {
"value": 90,
"unit": "%"
}
},
"ports": [],
"children": [
{
"id": "dab81ef6-0134-a2a5-7b66-b8b58d9a134e",
"type": "Image",
"x": 20,
"y": 117,
"parameters": {
"src": "screen_rotation-24px.svg",
"alignX": "center",
"sizeMode": "explicit",
"width": {
"value": 75,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "ede0d059-de7b-e60d-949a-deafca47fd4c",
"type": "Text",
"x": 499.5220991865431,
"y": 1294.5285601103883,
"parameters": {
"text": "Når du filmer dit ridt, skal telefonen ligge ned.",
"fontFamily": "Roboto/Roboto-Regular.ttf",
"fontSize": {
"value": 20,
"unit": "px"
},
"textAlign": "center",
"marginTop": {
"value": 16,
"unit": "px"
},
"marginBottom": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "6f530518-0aff-278d-dd6a-c163057833f4",
"type": "Group",
"x": 20,
"y": 209,
"parameters": {
"sizeMode": "contentSize",
"alignX": "center",
"marginTop": {
"value": 16,
"unit": "px"
},
"marginBottom": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
"type": "Media Capture Module",
"x": 20,
"y": 102,
"parameters": {
"color": "#043372",
"label": "OK",
"fontFamily": "Roboto/Roboto-Bold.ttf",
"fontSize": 24,
"actionEndpoint": "https://43944ac6-6e82-4bfd-8a8a-570ab8f94b7c.mock.pstmn.io/post"
},
"ports": [],
"children": []
}
]
}
]
}
]
},
{
"id": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
"type": "States",
"x": 901.5797164408615,
"y": 677.9474946191765,
"parameters": {
"states": "Show Modal,Hide Modal",
"startState": "Hide Modal",
"values": "yPos,Opacity",
"value-Show Modal-yPos": 0,
"value-Show Modal-Opacity": 1,
"value-Hide Modal-Opacity": 0,
"value-Hide Modal-yPos": 100
},
"ports": [],
"children": []
},
{
"id": "fef3a38c-c1f5-7329-5089-bb6f3263d451",
"type": "Color Blend",
"x": 355.87643598756796,
"y": 1126.0110979070696,
"parameters": {
"color 0": "#043372",
"color 1": "#000000"
},
"ports": [],
"children": []
},
{
"id": "384905c9-60ea-f77d-32a0-c6dbfafa2fd5",
"type": "States",
"x": 355,
"y": 993.3615303984379,
"parameters": {
"states": "Neutral,Pressed,Hover",
"values": "button color",
"value-Neutral-button color": 0,
"value-Pressed-button color": 0.3,
"startState": "Neutral",
"transitiondef-Neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transitiondef-Pressed": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transitiondef-Hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
}
},
"ports": [],
"children": []
},
{
"id": "a8c04d2b-de26-720d-6abd-662c5bc9869a",
"type": "Component Inputs",
"x": 898.5430572233262,
"y": 514.3637123568031,
"parameters": {},
"ports": [
{
"name": "Show Modal",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "Hide Modal",
"plug": "output",
"type": {
"name": "*"
},
"index": 2
}
],
"children": []
},
{
"id": "894b67de-a2bb-65b6-fc14-86d73431c3ad",
"type": "Component Outputs",
"x": 913.9953497340476,
"y": 1029.118981700699,
"parameters": {},
"ports": [
{
"name": "Upload started",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"children": []
},
{
"id": "fb1f2bc6-d347-74cb-423e-c31996784a6b",
"type": "Event Sender",
"x": 912.0225734960025,
"y": 1242.2142705574004,
"parameters": {
"channelName": "Upload Progress"
},
"ports": [
{
"name": "progress in percentage",
"plug": "input",
"type": {
"name": "*",
"allowConnectionOnly": true
},
"group": "Payload",
"index": 1
}
],
"children": []
},
{
"id": "6853579c-add3-e0fc-5914-006769798702",
"type": "Event Sender",
"x": 912.9551024368313,
"y": 1382.6148856628533,
"parameters": {
"channelName": "Upload Done"
},
"ports": [],
"children": []
},
{
"id": "89c47085-e98c-c90d-7e7a-b792cf2dbf94",
"type": "Timer",
"x": 900.5726864682779,
"y": 847.2852783640651,
"parameters": {
"duration": 500
},
"ports": [],
"children": []
},
{
"id": "32f829ff-a172-16dd-2eaf-702604bfe7f9",
"type": "Value Changed",
"x": 912.775664852172,
"y": 1143.1434915376842,
"parameters": {},
"ports": [],
"children": []
}
]
}
},
{
"name": "/Screens/Uploading Screen",
"id": "f6eb4bac-06cc-b810-f6c4-0eee83451fc7",
"graph": {
"connections": [
{
"fromId": "cd542a5b-a4b0-b7f1-466c-e48a84943942",
"fromProperty": "eventReceived",
"toId": "8195a939-b30a-9835-639c-7103a904b628",
"toProperty": "navigate"
},
{
"fromId": "cd542a5b-a4b0-b7f1-466c-e48a84943942",
"fromProperty": "eventReceived",
"toId": "74f92d7d-b3c6-c4ec-3058-ab1fd05388a7",
"toProperty": "fetch"
},
{
"fromId": "ea79be72-f6d1-8a85-d076-5ba4591a7755",
"fromProperty": "progress in percentage",
"toId": "41bd1a5c-bddf-66a7-c4ca-9aa6ef6719bc",
"toProperty": "inputValue"
},
{
"fromId": "41bd1a5c-bddf-66a7-c4ca-9aa6ef6719bc",
"fromProperty": "remappedValue",
"toId": "0633cd41-49b8-7dc9-034f-a1671d928c1f",
"toProperty": "endAngle"
},
{
"fromId": "e5e1fc9b-1298-2696-b1c5-67b6bf687b37",
"fromProperty": "formatted",
"toId": "9e8c9666-d951-76da-6668-a2ba9444f8b1",
"toProperty": "text"
},
{
"fromId": "ea79be72-f6d1-8a85-d076-5ba4591a7755",
"fromProperty": "progress in percentage",
"toId": "70c59cf8-140b-1b5a-f99b-ddd687c65b9d",
"toProperty": "val"
},
{
"fromId": "70c59cf8-140b-1b5a-f99b-ddd687c65b9d",
"fromProperty": "result",
"toId": "e5e1fc9b-1298-2696-b1c5-67b6bf687b37",
"toProperty": "val"
},
{
"fromId": "74f92d7d-b3c6-c4ec-3058-ab1fd05388a7",
"fromProperty": "value",
"toId": "d1ffbb08-0ee0-6ade-8647-75a32531b00d",
"toProperty": "modelId"
},
{
"fromId": "ffa6feb0-24ff-72b4-8216-6442477a336b",
"fromProperty": "savedValue",
"toId": "d1ffbb08-0ee0-6ade-8647-75a32531b00d",
"toProperty": "canClick"
},
{
"fromId": "74f92d7d-b3c6-c4ec-3058-ab1fd05388a7",
"fromProperty": "fetched",
"toId": "d1ffbb08-0ee0-6ade-8647-75a32531b00d",
"toProperty": "store"
},
{
"fromId": "d1ffbb08-0ee0-6ade-8647-75a32531b00d",
"fromProperty": "canClick",
"toId": "04b681c5-14e9-40fe-cfea-415f6c355e72",
"toProperty": "value"
}
],
"roots": [
{
"id": "51823fdb-a214-b907-9167-025f2b8d5faf",
"type": "Group",
"x": 303.44888141392374,
"y": 299.0658184150542,
"parameters": {
"backgroundColor": "#043372"
},
"ports": [],
"children": [
{
"id": "5ecd822e-691d-2cae-09de-9f3a596bb333",
"type": "Group",
"label": "On succesful Upload",
"x": 20,
"y": 46,
"parameters": {
"position": "relative",
"marginTop": {
"value": 80,
"unit": "px"
},
"sizeMode": "contentSize",
"alignY": "center",
"alignX": "center"
},
"ports": [],
"children": [
{
"id": "c98ba7f5-169b-67e1-c9d8-84f31340a2fe",
"type": "Group",
"label": "Text Section",
"x": 20,
"y": 61,
"parameters": {
"sizeMode": "contentHeight",
"alignX": "center",
"alignY": "center",
"position": "relative"
},
"ports": [],
"children": [
{
"id": "97f7120b-8015-ba7d-d2f7-0599fc082ccb",
"type": "Text",
"x": 308,
"y": 615,
"parameters": {
"textAlign": "center",
"alignX": "center",
"text": "Du har nu afsluttet dit ridt. ",
"color": "#FFFFFF",
"fontFamily": "Roboto/Roboto-Bold.ttf",
"fontSize": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "5066d092-c69f-6198-d6ef-31665a71251b",
"type": "Text",
"x": 308,
"y": 661,
"parameters": {
"textAlign": "center",
"alignX": "center",
"text": "Din video er ved at blive uploadet. \nDet går lige et øjeblik.",
"color": "#FFFFFF",
"fontFamily": "Roboto/Roboto-Regular.ttf",
"fontSize": {
"value": 16,
"unit": "px"
},
"marginTop": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "8e1691ca-5807-24ee-e6c6-fe1390f13ea4",
"type": "Group",
"x": 308,
"y": 707,
"parameters": {
"marginTop": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": []
}
]
},
{
"id": "8fa17f13-ddb9-45fa-17e1-86c996b450bd",
"type": "Group",
"x": 20,
"y": 260,
"parameters": {
"sizeMode": "contentSize",
"alignX": "center",
"marginTop": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "6d9b449f-d9cb-54a1-a7c6-7aebda398d5d",
"type": "Circle",
"x": 376.44888141392374,
"y": 646.0658184150542,
"parameters": {
"fillColor": "#03234D",
"size": 160,
"endAngle": 360,
"position": "absolute"
},
"ports": [],
"children": []
},
{
"id": "0633cd41-49b8-7dc9-034f-a1671d928c1f",
"type": "Circle",
"x": 20,
"y": 46,
"parameters": {
"fillColor": "#FFFFFF",
"size": 160,
"endAngle": 0
},
"ports": [],
"children": []
},
{
"id": "ab0ebed5-588c-0e53-9590-e2ae7cfe9836",
"type": "Group",
"x": 20,
"y": 174,
"parameters": {
"width": {
"value": 150,
"unit": "px"
},
"height": {
"value": 150,
"unit": "px"
},
"borderRadius": {
"value": 100,
"unit": "px"
},
"backgroundColor": "#043372",
"alignX": "center",
"position": "absolute",
"alignY": "center"
},
"ports": [],
"children": [
{
"id": "9e8c9666-d951-76da-6668-a2ba9444f8b1",
"type": "Text",
"x": 20,
"y": 46,
"parameters": {
"fontFamily": "Roboto/Roboto-Light.ttf",
"fontSize": {
"value": 56,
"unit": "px"
},
"text": "35%",
"sizeMode": "contentSize",
"textAlign": "center",
"alignX": "center",
"alignY": "center",
"position": "absolute",
"color": "#FFFFFF"
},
"ports": [],
"children": []
}
]
}
]
}
]
}
]
},
{
"id": "8195a939-b30a-9835-639c-7103a904b628",
"type": "PageStackNavigate",
"x": 700.6419905214126,
"y": 511.97478740090185,
"parameters": {
"stack": "Main Stack",
"target": "/Screens/Checkout Screen",
"transition": "Push",
"tr-direction": "Left"
},
"ports": [],
"children": []
},
{
"id": "ea79be72-f6d1-8a85-d076-5ba4591a7755",
"type": "Event Receiver",
"x": 698.6765880688766,
"y": 717.4102118871532,
"parameters": {
"channelName": "Upload Progress"
},
"ports": [],
"children": []
},
{
"id": "cd542a5b-a4b0-b7f1-466c-e48a84943942",
"type": "Event Receiver",
"x": 700.3297931545306,
"y": 595.1569525277322,
"parameters": {
"channelName": "Upload Done"
},
"ports": [],
"children": []
},
{
"id": "74f92d7d-b3c6-c4ec-3058-ab1fd05388a7",
"type": "Variable",
"x": 698.0928120306254,
"y": 374.5911819094521,
"parameters": {
"name": "Selected Event"
},
"ports": [],
"children": []
},
{
"id": "41bd1a5c-bddf-66a7-c4ca-9aa6ef6719bc",
"type": "Number Remapper",
"x": 696.0410664150534,
"y": 857.4794379728552,
"parameters": {
"maxInputValue": 100,
"maxOutputValue": 360
},
"ports": [],
"children": []
},
{
"id": "e5e1fc9b-1298-2696-b1c5-67b6bf687b37",
"type": "String Format",
"x": 319.11528679061973,
"y": 942.7576614904267,
"parameters": {
"format": "{val}%"
},
"ports": [],
"children": []
},
{
"id": "70c59cf8-140b-1b5a-f99b-ddd687c65b9d",
"type": "Expression",
"x": 417.53639493857565,
"y": 1069.4469204670788,
"parameters": {
"expression": "val.toFixed(0)"
},
"ports": [],
"children": []
},
{
"id": "d1ffbb08-0ee0-6ade-8647-75a32531b00d",
"type": "Model",
"x": 818.1965391535797,
"y": 223.0785480511115,
"parameters": {
"properties": "canClick"
},
"ports": [],
"children": []
},
{
"id": "ffa6feb0-24ff-72b4-8216-6442477a336b",
"type": "Boolean",
"x": 819.1965391535797,
"y": 119.07854805111151,
"parameters": {},
"ports": [],
"children": []
},
{
"id": "04b681c5-14e9-40fe-cfea-415f6c355e72",
"type": "Boolean",
"x": 1128.1965391535796,
"y": 324.0785480511115,
"parameters": {},
"ports": [],
"children": []
}
]
}
},
{
"name": "/UI Components/UI Elements/Rider Section",
"id": "72d120a6-840f-ac6c-539f-1d68c1668e92",
"graph": {
"connections": [
{
"fromId": "908c0cbf-009b-de37-0e18-5ad5c6171115",
"fromProperty": "itemId",
"toId": "4ec3a758-9e53-4ace-fc9d-7ea1b30cde68",
"toProperty": "modelId"
},
{
"fromId": "4ec3a758-9e53-4ace-fc9d-7ea1b30cde68",
"fromProperty": "name",
"toId": "bf3d1b08-b5b1-0e50-7aab-b19083b45b1e",
"toProperty": "text"
},
{
"fromId": "04df7e2a-a258-2b47-f742-f080ddaa22aa",
"fromProperty": "items",
"toId": "914514d3-116e-6394-8d83-30537dd670d7",
"toProperty": "items"
},
{
"fromId": "4ec3a758-9e53-4ace-fc9d-7ea1b30cde68",
"fromProperty": "events",
"toId": "04df7e2a-a258-2b47-f742-f080ddaa22aa",
"toProperty": "items"
},
{
"fromId": "4ec3a758-9e53-4ace-fc9d-7ea1b30cde68",
"fromProperty": "name",
"toId": "04df7e2a-a258-2b47-f742-f080ddaa22aa",
"toProperty": "collectionId"
}
],
"roots": [
{
"id": "70e7846e-69a4-155f-e0ca-185105e8f991",
"type": "Group",
"label": "Rytter 2",
"x": 664.9209192505642,
"y": 482,
"parameters": {
"marginTop": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "add5ec5e-4d7c-3f6d-453a-00051b524d8f",
"type": "Group",
"label": "Name",
"x": 359.55040905752674,
"y": 841.3390572161879,
"parameters": {
"flexDirection": "row",
"sizeMode": "contentHeight",
"marginBottom": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"children": [
{
"id": "54be1fa4-858a-3299-9a4e-7468eb76b504",
"type": "Image",
"label": "Icon",
"x": 379.55040905752674,
"y": 902.3390572161879,
"parameters": {
"src": "Rytter.svg",
"marginRight": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"children": []
},
{
"id": "bf3d1b08-b5b1-0e50-7aab-b19083b45b1e",
"type": "Text",
"x": 379.55040905752674,
"y": 963.3390572161879,
"parameters": {
"fontFamily": "Roboto/Roboto-Regular.ttf",
"fontSize": {
"value": 20,
"unit": "px"
},
"color": "#FFFFFF",
"text": "Rytter 2",
"alignY": "center"
},
"ports": [],
"children": []
}
]
},
{
"id": "914514d3-116e-6394-8d83-30537dd670d7",
"type": "For Each",
"x": 20,
"y": 265,
"parameters": {
"template": "/UI Components/UI Elements/Rider Section - List Item"
},
"ports": [],
"children": []
}
]
},
{
"id": "908c0cbf-009b-de37-0e18-5ad5c6171115",
"type": "For Each Actions",
"x": 448.00550247220053,
"y": 468.96724734864216,
"parameters": {},
"ports": [],
"children": []
},
{
"id": "4ec3a758-9e53-4ace-fc9d-7ea1b30cde68",
"type": "Model",
"x": 448.00550247220053,
"y": 555.9672473486421,
"parameters": {
"properties": "name,events"
},
"ports": [],
"children": []
},
{
"id": "04df7e2a-a258-2b47-f742-f080ddaa22aa",
"type": "Collection",
"x": 451.8095807924473,
"y": 746.3025227392359,
"parameters": {},
"ports": [],
"children": []
}
]
}
}
],
"settings": {},
"rootNodeId": "eacc74e7-4dce-2baf-354b-8070e2b2b872",
"version": "1",
"metadata": {
"dbCollections": [],
"dbCollectionLocalData_Test - list of events": [
{
"event": "Danish Fall Event - Celebrity Judges",
"klass": "Not pony",
"program": "LA 2 - A",
"start_date": "2020-10-06T10:00:00Z",
"end_date": "2020-10-12T10:00:00Z",
"horse": "This owner.",
"rider": "Sarah Barnett",
"_id": "28f3fc3cfcc8232cd104953f"
},
{
"event": "Scandinavian Spring Event",
"klass": "Pony",
"program": "LB3 - B",
"start_date": "2020-04-08T10:00:00Z",
"end_date": "2020-04-14T10:00:00Z",
"horse": "Table join.",
"rider": "Peter Anderson",
"_id": "5057b2ba0111b943d3616314"
},
{
"event": "Scandinavian Spring Event",
"klass": "Pony",
"program": "LB3 - B",
"start_date": "2020-04-08T10:00:00Z",
"end_date": "2020-04-14T10:00:00Z",
"horse": "Music marriage.",
"rider": "Charles Miller",
"_id": "eb04e232f1b7c96c5ee292b9"
},
{
"event": "Scandinavian Spring Event",
"klass": "Junior Pony",
"program": "LB3 - B",
"start_date": "2020-04-08T10:00:00Z",
"end_date": "2020-04-14T10:00:00Z",
"horse": "Else.",
"rider": "Charles Miller",
"_id": "c1ae7a01aa35094ef32ea521"
},
{
"event": "Scandinavian Spring Event",
"klass": "Pony",
"program": "LB3 - B",
"start_date": "2020-04-08T10:00:00Z",
"end_date": "2020-04-14T10:00:00Z",
"horse": "Do he.",
"rider": "Danielle Harris",
"_id": "03437cf9ce2e7006fd320cad"
},
{
"event": "Scandinavian Spring Event",
"klass": "Junior Pony",
"program": "LB3 - B",
"start_date": "2020-04-08T10:00:00Z",
"end_date": "2020-04-14T10:00:00Z",
"horse": "Couple door.",
"rider": "Danielle Harris",
"_id": "491bf8b5c677d1bee0852664"
}
]
}
}