{ "name": "Zebrasport Camera Recorder", "components": [ { "name": "/Main", "graph": { "connections": [], "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": 115.47021453340528, "y": -11.10495066851422, "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": [] } ] } }, { "name": "/Screens/Login Screen", "id": "7953f02d-4a8e-0d56-911d-9363c0834ac4", "graph": { "connections": [ { "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" }, { "fromId": "c2416a12-dcae-806e-d050-e201970d2508", "fromProperty": "Value", "toId": "9b01d51c-cda4-f79a-5e21-2922da9290df", "toProperty": "Username" }, { "fromId": "b19cd0ce-b5a8-b78d-fa7a-fc0c9ca8b85e", "fromProperty": "Value", "toId": "9b01d51c-cda4-f79a-5e21-2922da9290df", "toProperty": "Password" }, { "fromId": "008e625b-dcd5-4302-b086-b4fb430f0ec8", "fromProperty": "Button Clicked", "toId": "9b01d51c-cda4-f79a-5e21-2922da9290df", "toProperty": "Do" }, { "fromId": "9b01d51c-cda4-f79a-5e21-2922da9290df", "fromProperty": "Success", "toId": "d9b5bb09-7cdf-042b-6e4d-577c15f3ea95", "toProperty": "Do" } ], "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": 657.9485651715703, "y": 972.6545129138703, "parameters": { "stack": "Main Stack", "target": "/Screens/Startliste Screen", "tr-direction": "Left", "transition": "Push" }, "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": "9b01d51c-cda4-f79a-5e21-2922da9290df", "type": "/Actions/Sign In", "x": 715.493940563284, "y": 741.6520233813902, "parameters": {}, "ports": [], "children": [] }, { "id": "d9b5bb09-7cdf-042b-6e4d-577c15f3ea95", "type": "/Actions/Get Events", "x": 1001.493940563284, "y": 747.6520233813902, "parameters": {}, "ports": [], "children": [] } ] } }, { "name": "/Screens/Startliste Screen", "id": "22ce3b8e-aec2-7737-1e8a-74d06051803b", "graph": { "connections": [ { "fromId": "67b37385-d69f-561a-7bb4-d5a83f5a80fb", "fromProperty": "items", "toId": "ea925e1f-f973-d455-4633-84926d6b1d78", "toProperty": "items" }, { "fromId": "1352f040-af8d-cddc-309e-a435c916899a", "fromProperty": "items", "toId": "bbae6367-3e22-7a32-6494-2134034b3673", "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": "69116467-a598-67c0-fcd0-452bc8b46a8f", "type": "Group", "label": "Rytter 1", "x": 20, "y": 61, "parameters": {}, "ports": [], "children": [ { "id": "ae0e76ca-e093-6463-97a4-f2f80811a879", "type": "Group", "label": "Name", "x": 20, "y": 61, "parameters": { "flexDirection": "row", "sizeMode": "contentHeight", "marginBottom": { "value": 8, "unit": "px" } }, "ports": [], "children": [ { "id": "e052f247-f1bc-a088-a196-c86b55b7ac6d", "type": "Image", "label": "icon", "x": 20, "y": 61, "parameters": { "src": "Rytter.svg", "marginRight": { "value": 16, "unit": "px" } }, "ports": [], "children": [] }, { "id": "52917aef-1646-9b70-343d-623d93f35349", "type": "Text", "x": 20, "y": 122, "parameters": { "fontFamily": "Roboto/Roboto-Regular.ttf", "fontSize": { "value": 20, "unit": "px" }, "color": "#FFFFFF", "text": "Rytter 1", "alignY": "center" }, "ports": [], "children": [] } ] }, { "id": "bbae6367-3e22-7a32-6494-2134034b3673", "type": "For Each", "label": "Events", "x": 20, "y": 229, "parameters": { "template": "/UI Components/UI Elements/List Item" }, "ports": [], "children": [] } ] }, { "id": "ae836552-17d3-7844-cc46-0dfdc4fd14bb", "type": "Group", "label": "Rytter 2", "x": 20, "y": 387, "parameters": { "marginTop": { "value": 16, "unit": "px" } }, "ports": [], "children": [ { "id": "635b4327-2507-3490-6310-ac0d659067f5", "type": "Group", "label": "Name", "x": 20, "y": 61, "parameters": { "flexDirection": "row", "sizeMode": "contentHeight", "marginBottom": { "value": 8, "unit": "px" } }, "ports": [], "children": [ { "id": "f24d76db-5cc5-e942-82c4-e5cfe669a552", "type": "Image", "label": "Icon", "x": 20, "y": 61, "parameters": { "src": "Rytter.svg", "marginRight": { "value": 16, "unit": "px" } }, "ports": [], "children": [] }, { "id": "c5e02ec7-4beb-545d-68c2-b98fdc74773d", "type": "Text", "x": 20, "y": 122, "parameters": { "fontFamily": "Roboto/Roboto-Regular.ttf", "fontSize": { "value": 20, "unit": "px" }, "color": "#FFFFFF", "text": "Rytter 2", "alignY": "center" }, "ports": [], "children": [] } ] }, { "id": "ea925e1f-f973-d455-4633-84926d6b1d78", "type": "For Each", "x": 359.55040905752674, "y": 746.3390572161879, "parameters": { "template": "/UI Components/UI Elements/List Item" }, "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": 86.39650032800313, "y": 649.4983455101094, "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": "67b37385-d69f-561a-7bb4-d5a83f5a80fb", "type": "Static Data", "label": "Rytter 2", "x": 85.62948980696248, "y": 903.3684855458656, "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\": \"00:01 Danish time (GMT + 1)\",\n \"day\":\"9\",\n \"month\":\"AUGUST\",\n \"name\": \"DRF-championship dressur - YJ\",\n \"canRecord\": true\n }\n]" }, "ports": [], "children": [] } ] } }, { "name": "/UI Components/UI Elements/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": "cb980914-7784-9f8a-716d-0b953deefbb3", "fromProperty": "onClick", "toId": "b286b946-c586-0329-478c-773f3a55ed67", "toProperty": "navigate" }, { "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": "ef50e0e8-62f9-1d12-1a65-551701754b44", "fromProperty": "canRecord", "toId": "46280094-57af-ad09-9939-28ed7a201206", "toProperty": "canClick" }, { "fromId": "ef50e0e8-62f9-1d12-1a65-551701754b44", "fromProperty": "canRecord", "toId": "dcbe43ab-7948-c15d-2239-cfc4aa4b74c9", "toProperty": "canClick" }, { "fromId": "dcbe43ab-7948-c15d-2239-cfc4aa4b74c9", "fromProperty": "result", "toId": "361a279a-4686-e8d5-c84b-88e847e799f9", "toProperty": "to-can not click" }, { "fromId": "46280094-57af-ad09-9939-28ed7a201206", "fromProperty": "result", "toId": "361a279a-4686-e8d5-c84b-88e847e799f9", "toProperty": "to-can click" }, { "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": "name", "toId": "1abeabef-d28f-e482-a086-f895af55e40a", "toProperty": "text" } ], "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", "alignX": "right", "sizeMode": "contentSize", "justifyContent": "flex-end" }, "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": 569.5, "parameters": {}, "ports": [], "children": [] }, { "id": "ef50e0e8-62f9-1d12-1a65-551701754b44", "type": "Model", "x": 6.70360110803324, "y": 657.0983379501386, "parameters": { "properties": "time,day,month,name,canRecord" }, "ports": [], "children": [] }, { "id": "b286b946-c586-0329-478c-773f3a55ed67", "type": "PageStackNavigate", "x": 598.522195083188, "y": 493.51437687056347, "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": 589.2596845240869, "y": 321.7858000062127, "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": 140.0563127603554, "parameters": { "expression": "canClick === true" }, "ports": [], "children": [] }, { "id": "dcbe43ab-7948-c15d-2239-cfc4aa4b74c9", "type": "Expression", "x": 16.23996129559066, "y": 262.1281970909635, "parameters": { "expression": "canClick === false" }, "ports": [], "children": [] }, { "id": "361a279a-4686-e8d5-c84b-88e847e799f9", "type": "States", "label": "Control clickable event", "x": 16.84467281244045, "y": 387.54052140008935, "parameters": { "states": "can click,can not click", "values": "op", "value-can click-op": 1, "value-can not click-op": 0.6 }, "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": { "alignX": "center", "text": "Du har valgt at starte i Karlslunde Rideklub Mesterskab", "color": "#FFFFFF", "fontFamily": "Roboto/Roboto-Bold.ttf", "fontSize": { "value": 24, "unit": "px" }, "justifyContent": "center" }, "ports": [], "children": [] }, { "id": "af7e605f-234a-40e8-46aa-d860380ce943", "type": "Text", "x": 479.5220991865431, "y": 641.5285601103883, "parameters": { "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" }, "justifyContent": "center" }, "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": { "alignX": "center", "text": "Tak for din deltagelse i stævnet!", "color": "#FFFFFF", "fontFamily": "Roboto/Roboto-Bold.ttf", "fontSize": { "value": 24, "unit": "px" }, "justifyContent": "center" }, "ports": [], "children": [] }, { "id": "a92cbdca-b1a8-5a45-dd35-3b05536be9f2", "type": "Text", "x": 308, "y": 1054, "parameters": { "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" }, "justifyContent": "center" }, "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", "justifyContent": "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", "alignY": "center", "alignX": "center", "justifyContent": "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" }, "marginTop": { "value": 16, "unit": "px" }, "marginBottom": { "value": 16, "unit": "px" }, "justifyContent": "center" }, "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": "ea79be72-f6d1-8a85-d076-5ba4591a7755", "fromProperty": "progress in percentage", "toId": "fa310e4c-eab4-a70b-7d58-a846b58a53f1", "toProperty": "width" }, { "fromId": "cd542a5b-a4b0-b7f1-466c-e48a84943942", "fromProperty": "eventReceived", "toId": "8195a939-b30a-9835-639c-7103a904b628", "toProperty": "navigate" } ], "roots": [ { "id": "51823fdb-a214-b907-9167-025f2b8d5faf", "type": "Group", "x": 396, "y": 320, "parameters": { "backgroundColor": "#043372" }, "ports": [], "children": [ { "id": "5ecd822e-691d-2cae-09de-9f3a596bb333", "type": "Group", "label": "On succesful Upload", "x": 20, "y": 82, "parameters": { "position": "absolute", "height": { "value": 50, "unit": "%" } }, "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": "absolute", "marginBottom": { "value": 56, "unit": "px" } }, "ports": [], "children": [ { "id": "97f7120b-8015-ba7d-d2f7-0599fc082ccb", "type": "Text", "x": 308, "y": 615, "parameters": { "alignX": "center", "text": "Du har nu afsluttet dit ridt. ", "color": "#FFFFFF", "fontFamily": "Roboto/Roboto-Bold.ttf", "fontSize": { "value": 24, "unit": "px" }, "justifyContent": "center" }, "ports": [], "children": [] }, { "id": "5066d092-c69f-6198-d6ef-31665a71251b", "type": "Text", "x": 308, "y": 661, "parameters": { "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" }, "justifyContent": "center" }, "ports": [], "children": [] }, { "id": "8e1691ca-5807-24ee-e6c6-fe1390f13ea4", "type": "Group", "x": 308, "y": 707, "parameters": { "marginTop": { "value": 16, "unit": "px" } }, "ports": [], "children": [] }, { "id": "ccc563dd-33d0-41d6-c652-0f3d783150c7", "type": "Group", "label": "Progress Bar", "x": 20, "y": 199, "parameters": { "height": { "value": 40, "unit": "px" }, "marginLeft": { "value": 24, "unit": "px" }, "marginRight": { "value": 24, "unit": "px" }, "borderStyle": "solid", "borderWidth": { "value": 1, "unit": "px" }, "borderColor": "#FFFFFF", "marginTop": { "value": 24, "unit": "px" } }, "ports": [], "children": [ { "id": "fa310e4c-eab4-a70b-7d58-a846b58a53f1", "type": "Group", "label": "filled rect", "x": 20, "y": 61, "parameters": { "backgroundColor": "#FFFFFF", "width": { "value": 0, "unit": "%" } }, "ports": [], "children": [] } ] } ] } ] } ] }, { "id": "8195a939-b30a-9835-639c-7103a904b628", "type": "PageStackNavigate", "x": 806.4422582981333, "y": 555.2567151277422, "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": 807, "y": 767, "parameters": { "channelName": "Upload Progress" }, "ports": [], "children": [] }, { "id": "cd542a5b-a4b0-b7f1-466c-e48a84943942", "type": "Event Receiver", "x": 806.1300609312514, "y": 638.4388802545725, "parameters": { "channelName": "Upload Done" }, "ports": [], "children": [] } ] } }, { "name": "/Actions/Sign In", "id": "f0376921-d1e3-8816-8716-7bb9db624a2c", "graph": { "connections": [ { "fromId": "462b20a1-4b6d-ed30-eb82-ea39b6f850b8", "fromProperty": "Username", "toId": "8d564fcf-4524-8511-8d6d-82b5bbfadb8b", "toProperty": "username" }, { "fromId": "462b20a1-4b6d-ed30-eb82-ea39b6f850b8", "fromProperty": "Password", "toId": "8d564fcf-4524-8511-8d6d-82b5bbfadb8b", "toProperty": "password" }, { "fromId": "462b20a1-4b6d-ed30-eb82-ea39b6f850b8", "fromProperty": "Do", "toId": "8d564fcf-4524-8511-8d6d-82b5bbfadb8b", "toProperty": "do" }, { "fromId": "8d564fcf-4524-8511-8d6d-82b5bbfadb8b", "fromProperty": "success", "toId": "953262e1-ec50-c861-0ede-01602beddcc0", "toProperty": "Success" }, { "fromId": "8d564fcf-4524-8511-8d6d-82b5bbfadb8b", "fromProperty": "failure", "toId": "953262e1-ec50-c861-0ede-01602beddcc0", "toProperty": "Failure" } ], "roots": [ { "id": "462b20a1-4b6d-ed30-eb82-ea39b6f850b8", "type": "Component Inputs", "x": 314, "y": 337, "parameters": {}, "ports": [ { "name": "Username", "plug": "output", "type": { "name": "*" }, "index": 1 }, { "name": "Password", "plug": "output", "type": { "name": "*" }, "index": 2 }, { "name": "Do", "plug": "output", "type": { "name": "*" }, "index": 3 } ], "children": [] }, { "id": "8d564fcf-4524-8511-8d6d-82b5bbfadb8b", "type": "Javascript2", "x": 600.0083174799621, "y": 337.2693684724642, "parameters": { "code": "script({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t username:'string',\n\t password:'string'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t success:'signal',\n\t failure:'signal'\n\t},\n\t\n\t// Declare signal handle functions here, each function will be \n\t// exposed as a signal input to this node.\n\tsignals:{\n\t\tdo:function() {\n\t\t var _this = this;\n\t\t \n \t\tvar clientId = \"9tgFB8RM5UFLK0dK5EOvYQBPqE33454AshelM8Vh\";\n \t var secret = \"8mOTfvYnjwzWomZUHtIE1EMtjjlYQv0Wk4XhS2MDA5gb62jPhkJAVrM5PqI2H4BMgUZHy9D39nJScfLWqWaAwOkJchEoR0CaMEFeCd1xzEdZeiJdPsPzssmPmwDUtEWr\";\n \t var auth = \"Basic \" + btoa(clientId + \":\" + secret);\n \t \n \t \n \t var formData = new FormData();\n \n formData.append(\"grant_type\", \"password\");\n formData.append(\"username\",this.inputs.username);\n formData.append(\"password\",this.inputs.password);\n \n var request = new XMLHttpRequest();\n \n request.onload = function() {\n var json = JSON.parse(request.responseText);\n if(json.access_token !== undefined) {\n window._accessToken = json.access_token;\n _this.sendSignalOnOutput('success');\n }\n else\n _this.sendSignalOnOutput('failure');\n \n };\n \n request.open(\"POST\", \"https://test.zyberride.zibralabs.dk/o/token/\");\n request.setRequestHeader('Authorization',auth);\n request.send(formData);\n\t\t}\n\t},\n\t\n\t// These functions will be called when the correspinding input\n\t// is changed and the new value is provided\n\tchanged:{\n\t\t// myNumber:function(value) { }\n\t},\n\t\n\t// Here you can declare any function that will then be available\n\t// in this. So you can acces the function below with this.aFunction()\n\tmethods:{\n\t\t// aFunction:function(value) { }\n\t}\n})\n" }, "ports": [], "children": [] }, { "id": "953262e1-ec50-c861-0ede-01602beddcc0", "type": "Component Outputs", "x": 872.7146253582061, "y": 373.81833412000486, "parameters": {}, "ports": [ { "name": "Success", "plug": "input", "type": { "name": "*" }, "index": 1 }, { "name": "Failure", "plug": "input", "type": { "name": "*" }, "index": 2 } ], "children": [] } ] } }, { "name": "/Actions/Get Events", "id": "62bb0165-06d8-21d9-2c58-80c9f15c79c7", "graph": { "connections": [ { "fromId": "20e7d40b-7829-34de-7064-9ed56f932138", "fromProperty": "Do", "toId": "32fd3e7e-fb3a-c64e-10d1-a39724a2aa3b", "toProperty": "do" }, { "fromId": "32fd3e7e-fb3a-c64e-10d1-a39724a2aa3b", "fromProperty": "success", "toId": "ed1fe7a6-360b-6d9d-7651-9f18a4d096c8", "toProperty": "Success" }, { "fromId": "32fd3e7e-fb3a-c64e-10d1-a39724a2aa3b", "fromProperty": "failure", "toId": "ed1fe7a6-360b-6d9d-7651-9f18a4d096c8", "toProperty": "Failure" }, { "fromId": "32fd3e7e-fb3a-c64e-10d1-a39724a2aa3b", "fromProperty": "events", "toId": "ed1fe7a6-360b-6d9d-7651-9f18a4d096c8", "toProperty": "Events" } ], "roots": [ { "id": "20e7d40b-7829-34de-7064-9ed56f932138", "type": "Component Inputs", "x": 403, "y": 259, "parameters": {}, "ports": [ { "name": "Do", "plug": "output", "type": { "name": "*" }, "index": 3 } ], "children": [] }, { "id": "32fd3e7e-fb3a-c64e-10d1-a39724a2aa3b", "type": "Javascript2", "x": 688.0083174799621, "y": 265.2693684724642, "parameters": { "code": "script({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t \n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t success:'signal',\n\t failure:'signal',\n\t events:'array'\n\t},\n\t\n\t// Declare signal handle functions here, each function will be \n\t// exposed as a signal input to this node.\n\tsignals:{\n\t\tdo:function() {\n\t\t var _this = this;\n \n var request = new XMLHttpRequest();\n \n request.onload = function() {\n try {\n var json = JSON.parse(request.responseText);\n \n if(Array.isArray(json)) {\n var events = Noodl.Array.get();\n events.set(json);\n \n _this.setOutputs({\n events:events\n })\n \n _this.sendSignalOnOutput('success');\n }\n else _this.sendSignalOnOutput('failure');\n }\n catch(e) {\n _this.sendSignalOnOutput('failure');\n }\n \n };\n \n request.open(\"GET\", \"https://test.zyberride.zibralabs.dk/en/events/api/\");\n request.setRequestHeader('Authorization','Bearer ' + window._accessToken);\n request.send();\n\t\t}\n\t},\n\t\n\t// These functions will be called when the correspinding input\n\t// is changed and the new value is provided\n\tchanged:{\n\t\t// myNumber:function(value) { }\n\t},\n\t\n\t// Here you can declare any function that will then be available\n\t// in this. So you can acces the function below with this.aFunction()\n\tmethods:{\n\t\t// aFunction:function(value) { }\n\t}\n})\n" }, "ports": [], "children": [] }, { "id": "ed1fe7a6-360b-6d9d-7651-9f18a4d096c8", "type": "Component Outputs", "x": 970.533024557385, "y": 267.509908205692, "parameters": {}, "ports": [ { "name": "Success", "plug": "input", "type": { "name": "*" }, "index": 1 }, { "name": "Failure", "plug": "input", "type": { "name": "*" }, "index": 2 }, { "name": "Events", "plug": "input", "type": { "name": "*" }, "index": 3 } ], "children": [] } ] } } ], "settings": {}, "rootNodeId": "eacc74e7-4dce-2baf-354b-8070e2b2b872", "version": "1", "metadata": {} }