mirror of
https://github.com/The-Low-Code-Foundation/OpenNoodl.git
synced 2026-01-11 23:02:56 +01:00
b9c60b07dc
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>
4109 lines
198 KiB
JSON
4109 lines
198 KiB
JSON
{
|
|
"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": {}
|
|
} |