Forker/OpenNoodl
1
0
Fork 0
mirror of https://github.com/The-Low-Code-Foundation/OpenNoodl.git synced 2026-03-09 10:33:28 +01:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity
Files
c4257696337937e469009590fcf04a842491dd2d
OpenNoodl/packages/noodl-editor/tests/testfs/git-repo-utf8/project.json
Michael Cartner b9c60b07dc Initial commit 
Co-Authored-By: Eric Tuvesson <eric.tuvesson@gmail.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: Anders Larsson <64838990+anders-topp@users.noreply.github.com>
Co-Authored-By: Johan  <4934465+joolsus@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: victoratndl <99176179+victoratndl@users.noreply.github.com>
2024-01-26 11:52:55 +01:00

28202 lines
1.4 MiB
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{
"name": "Shine Phase 2",
"components": [
{
"name": "/App",
"graph": {
"connections": [
{
"fromId": "f90e6eae-94f4-ab2c-139a-dd03bf70fc6e",
"fromProperty": "items",
"toId": "98bd9a76-517f-d2f4-86a7-e8c756cc9257",
"toProperty": "in-knownArticles"
},
{
"fromId": "98bd9a76-517f-d2f4-86a7-e8c756cc9257",
"fromProperty": "out-newArticleId",
"toId": "2467a328-b9ce-a4ab-2488-fc1270d5d5fc",
"toProperty": "prop-article_id"
},
{
"fromId": "98bd9a76-517f-d2f4-86a7-e8c756cc9257",
"fromProperty": "out-doCreate",
"toId": "2467a328-b9ce-a4ab-2488-fc1270d5d5fc",
"toProperty": "store"
},
{
"fromId": "91c6350d-54f1-fe23-eb77-9a40d06995b5",
"fromProperty": "queryResult",
"toId": "721da4bc-2d04-8a27-8707-2c7a6060418f",
"toProperty": "result"
},
{
"fromId": "721da4bc-2d04-8a27-8707-2c7a6060418f",
"fromProperty": "result",
"toId": "c11859a8-6f8e-02ea-f9e4-71ab7efdaec3",
"toProperty": "items"
},
{
"fromId": "246f9453-a119-ac78-171e-3806cf596ecc",
"fromProperty": "didMount",
"toId": "91c6350d-54f1-fe23-eb77-9a40d06995b5",
"toProperty": "Do"
},
{
"fromId": "ddef2951-0900-5469-4253-51767f478f6a",
"fromProperty": "savedValue",
"toId": "91c6350d-54f1-fe23-eb77-9a40d06995b5",
"toProperty": "Query"
},
{
"fromId": "721da4bc-2d04-8a27-8707-2c7a6060418f",
"fromProperty": "result",
"toId": "98bd9a76-517f-d2f4-86a7-e8c756cc9257",
"toProperty": "in-array"
},
{
"fromId": "e9a5a4b0-557c-167c-a398-5cef585d856d",
"fromProperty": "currentPageTitle",
"toId": "3af1b37d-5695-fa53-c7cb-8c913d491cc1",
"toProperty": "value"
},
{
"fromId": "246f9453-a119-ac78-171e-3806cf596ecc",
"fromProperty": "didMount",
"toId": "02057267-8d73-8f6d-3368-cbe5d355c769",
"toProperty": "doInit"
},
{
"fromId": "2467a328-b9ce-a4ab-2488-fc1270d5d5fc",
"fromProperty": "created",
"toId": "f90e6eae-94f4-ab2c-139a-dd03bf70fc6e",
"toProperty": "storageFetch"
},
{
"fromId": "f90e6eae-94f4-ab2c-139a-dd03bf70fc6e",
"fromProperty": "items",
"toId": "19a26f5d-1016-eb13-6f22-885f2bbf6c98",
"toProperty": "items"
}
],
"roots": [
{
"id": "246f9453-a119-ac78-171e-3806cf596ecc",
"type": "Group",
"x": -111.4681915301291,
"y": 254.4376377651178,
"parameters": {
"backgroundColor": "#FFFFFF",
"scrollEnabled": true
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "e9a5a4b0-557c-167c-a398-5cef585d856d",
"type": "Router",
"parameters": {
"name": "Main",
"pages": {
"routes": [
"/Pages/Article",
"/Pages/Profile"
],
"startPage": "/Pages/Article"
},
"clip": "scroll"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "c11859a8-6f8e-02ea-f9e4-71ab7efdaec3",
"type": "Collection2",
"x": -743.9675329444627,
"y": 105.60567770568736,
"parameters": {
"collectionId": "Article Slugs"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "98bd9a76-517f-d2f4-86a7-e8c756cc9257",
"type": "JavaScriptFunction",
"x": -444.60668800752023,
"y": 605.9197272651145,
"parameters": {
"functionScript": "// This function checks whether or not there are new articles which Noodl doesn't know\n// about, coming from Contentful.\n//\n// If new articles are present, these are added to the list of known Article_Ids.\n//\n// Simply input the result from your REST query and your list of known Article_Ids from\n// Noodl DB.\n\nif(Inputs.array && Inputs.knownArticles){ \n const filtered = Inputs.array.filter(item => (\n Inputs.knownArticles.items.filter(article => (\n article.article_id == item.sys.id)).length < 1\n ));\n if(filtered.length > 0){\n for(let x in filtered){\n Outputs.newArticleId = filtered[x].sys.id;\n Outputs.ratings = Noodl.Object.create({'article_id':filtered[x].sys.id})\n Outputs.doCreate();\n }\n }\n}"
},
"ports": [],
"dynamicports": [
{
"name": "in-array",
"displayName": "array",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "in-knownArticles",
"displayName": "knownArticles",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 5
},
{
"name": "out-doCreate",
"displayName": "doCreate",
"plug": "output",
"type": "signal",
"group": "Outputs",
"index": 6
},
{
"name": "out-newArticleId",
"displayName": "newArticleId",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 7
},
{
"name": "out-ratings",
"displayName": "ratings",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 8
}
],
"children": []
},
{
"id": "f90e6eae-94f4-ab2c-139a-dd03bf70fc6e",
"type": "DbCollection2",
"x": -795.759579309524,
"y": 508.8120739511081,
"parameters": {
"collectionName": "Article",
"storageEnableLimit": true,
"storageLimit": 999999
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"displayName": "Class",
"plug": "input",
"group": "General",
"index": 6
},
{
"name": "storageFilterType",
"type": {
"name": "enum",
"allowEditOnly": true,
"enums": [
{
"value": "simple",
"label": "Visual"
},
{
"value": "json",
"label": "Javascript"
}
]
},
"displayName": "Filter",
"default": "simple",
"plug": "input",
"group": "General",
"index": 7
},
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "storageEnableLimit",
"displayName": "Use limit",
"index": 8
},
{
"type": "number",
"default": 10,
"plug": "input",
"group": "Limit",
"name": "storageLimit",
"displayName": "Limit",
"index": 9
},
{
"type": "number",
"default": 0,
"plug": "input",
"group": "Limit",
"name": "storageSkip",
"displayName": "Skip",
"index": 10
},
{
"type": "signal",
"plug": "input",
"group": "Actions",
"name": "storageFetch",
"displayName": "Do",
"index": 11
},
{
"name": "visualFilter",
"plug": "input",
"type": {
"name": "query-filter",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"article_id": {
"type": "String",
"required": true
},
"likes_count": {
"type": "Number",
"required": false
},
"ratings": {
"type": "Object",
"required": false
}
}
},
"allowEditOnly": true
},
"displayName": "Filter",
"group": "Filter",
"index": 12
},
{
"name": "visualSort",
"plug": "input",
"type": {
"name": "query-sorting",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"article_id": {
"type": "String",
"required": true
},
"likes_count": {
"type": "Number",
"required": false
},
"ratings": {
"type": "Object",
"required": false
}
}
},
"allowEditOnly": true
},
"displayName": "Sort",
"group": "Sorting",
"index": 13
}
],
"children": []
},
{
"id": "2467a328-b9ce-a4ab-2488-fc1270d5d5fc",
"type": "NewDbModelProperties",
"x": -180.75957930952393,
"y": 718.9290808151097,
"parameters": {
"collectionName": "Article",
"accessControl": [],
"prop-likes_count": 0
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"displayName": "Class",
"group": "General",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"plug": "input",
"index": 6
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 7
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 8
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-article_id",
"displayName": "article_id",
"index": 9
},
{
"type": {
"name": "number"
},
"plug": "input",
"group": "Properties",
"name": "prop-likes_count",
"displayName": "likes_count",
"index": 10
},
{
"type": {
"name": "*"
},
"plug": "input",
"group": "Properties",
"name": "prop-ratings",
"displayName": "ratings",
"index": 11
}
],
"children": []
},
{
"id": "91c6350d-54f1-fe23-eb77-9a40d06995b5",
"type": "/Logic Components/Contentful GraphQL",
"label": "Get all Article slugs and article Id's",
"x": -474.0342096115385,
"y": 220.39381800217677,
"parameters": {
"Query": ""
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "721da4bc-2d04-8a27-8707-2c7a6060418f",
"type": "Expression",
"label": "Extract array of Articles from GraphQl result",
"x": -721.1728336706433,
"y": 263.78811545025394,
"parameters": {
"expression": "result.articleCollection.items"
},
"ports": [],
"dynamicports": [
{
"name": "result",
"type": {
"name": "*",
"editAsType": "string"
},
"plug": "input",
"index": 2
}
],
"children": []
},
{
"id": "ddef2951-0900-5469-4253-51767f478f6a",
"type": "String",
"label": "Get all slugs query",
"x": -487.8922532281124,
"y": 36.06929510680436,
"parameters": {
"value": "query { articleCollection { items { slug sys{id} } }}"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "3af1b37d-5695-fa53-c7cb-8c913d491cc1",
"type": "Variable2",
"x": 281.38488156419714,
"y": 338.6726210114417,
"parameters": {
"name": "Current Page Title"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "e698c6c3-e118-9ef9-8831-aec968392e0e",
"type": "CSS Definition",
"x": -417.69457472938393,
"y": 376.28137209046633,
"parameters": {
"style": ".pointer:hover{\n cursor: pointer !important;\n}"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "c0d9e721-263a-738a-5ead-44e8815166c6",
"type": "CSS Definition",
"label": "Inter Font Import",
"x": -185.08058800863114,
"y": -1.7309807898276688,
"parameters": {
"style": "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "02057267-8d73-8f6d-3368-cbe5d355c769",
"type": "/Logic Components/Tracking",
"x": 167.63171374679337,
"y": 101.86470651879876,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "19a26f5d-1016-eb13-6f22-885f2bbf6c98",
"type": "Collection2",
"label": "Articles",
"x": -704.3682862532066,
"y": 679.8647065187988,
"parameters": {
"collectionId": "all articles"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasSize": {
"width": "1039px",
"height": "751px"
},
"canvasPos": {
"x": 0,
"y": 0
}
}
},
{
"name": "/ArticleProjectAppComponent",
"id": "5b4c4f93-1787-07af-be09-fcb03d24fc29",
"graph": {
"connections": [
{
"fromId": "e3e19c1e-c1ad-8038-95c9-b590f4b967e5",
"fromProperty": "items",
"toId": "83a8629b-186c-d9fc-0530-d61be6945876",
"toProperty": "in-knownArticles"
},
{
"fromId": "83a8629b-186c-d9fc-0530-d61be6945876",
"fromProperty": "out-newArticleId",
"toId": "86da8796-f37e-cce7-88a5-b80622f5bf28",
"toProperty": "prop-article_id"
},
{
"fromId": "83a8629b-186c-d9fc-0530-d61be6945876",
"fromProperty": "out-doCreate",
"toId": "86da8796-f37e-cce7-88a5-b80622f5bf28",
"toProperty": "store"
},
{
"fromId": "9fca24ad-d1a2-02b5-33bf-9b0a0214fdbe",
"fromProperty": "queryResult",
"toId": "db489ac9-451f-eca0-1b3d-58aa298c467b",
"toProperty": "result"
},
{
"fromId": "db489ac9-451f-eca0-1b3d-58aa298c467b",
"fromProperty": "result",
"toId": "c784fb8f-d0ff-172c-173d-87c59fd2a9d8",
"toProperty": "items"
},
{
"fromId": "f41abd26-944c-1f9a-8de4-a58ed5716fc6",
"fromProperty": "didMount",
"toId": "9fca24ad-d1a2-02b5-33bf-9b0a0214fdbe",
"toProperty": "Do"
},
{
"fromId": "17ad102e-44b3-165d-21bf-d42830300aac",
"fromProperty": "savedValue",
"toId": "9fca24ad-d1a2-02b5-33bf-9b0a0214fdbe",
"toProperty": "Query"
},
{
"fromId": "db489ac9-451f-eca0-1b3d-58aa298c467b",
"fromProperty": "result",
"toId": "83a8629b-186c-d9fc-0530-d61be6945876",
"toProperty": "in-array"
},
{
"fromId": "c1b6cea7-c728-d43d-d3b8-13f813312437",
"fromProperty": "currentPageTitle",
"toId": "73ff18a6-9918-c0f4-017a-6ab0bd325bea",
"toProperty": "value"
},
{
"fromId": "f41abd26-944c-1f9a-8de4-a58ed5716fc6",
"fromProperty": "didMount",
"toId": "5f2443fa-bba0-e5d9-97a2-a809831953fc",
"toProperty": "doInit"
},
{
"fromId": "86da8796-f37e-cce7-88a5-b80622f5bf28",
"fromProperty": "created",
"toId": "e3e19c1e-c1ad-8038-95c9-b590f4b967e5",
"toProperty": "storageFetch"
},
{
"fromId": "e3e19c1e-c1ad-8038-95c9-b590f4b967e5",
"fromProperty": "items",
"toId": "c9ecd226-c474-2ccc-27ca-a3daead3788b",
"toProperty": "items"
}
],
"roots": [
{
"id": "f41abd26-944c-1f9a-8de4-a58ed5716fc6",
"type": "Group",
"x": 532.7913877793949,
"y": 225.6686185549455,
"parameters": {
"backgroundColor": "#FFFFFF",
"scrollEnabled": true
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "c1b6cea7-c728-d43d-d3b8-13f813312437",
"type": "Router",
"parameters": {
"name": "Main",
"pages": {
"routes": [
"/Pages/Article",
"/Pages/Profile"
],
"startPage": "/Pages/Article"
},
"clip": "scroll"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "c784fb8f-d0ff-172c-173d-87c59fd2a9d8",
"type": "Collection2",
"x": -99.70795363493869,
"y": 76.83665849551502,
"parameters": {
"collectionId": "Article Slugs"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "83a8629b-186c-d9fc-0530-d61be6945876",
"type": "JavaScriptFunction",
"x": 199.6528913020038,
"y": 577.1507080549421,
"parameters": {
"functionScript": "// This function checks whether or not there are new articles which Noodl doesn't know\n// about, coming from Contentful.\n//\n// If new articles are present, these are added to the list of known Article_Ids.\n//\n// Simply input the result from your REST query and your list of known Article_Ids from\n// Noodl DB.\n\nif(Inputs.array && Inputs.knownArticles){ \n const filtered = Inputs.array.filter(item => (\n Inputs.knownArticles.items.filter(article => (\n article.article_id == item.sys.id)).length < 1\n ));\n if(filtered.length > 0){\n for(let x in filtered){\n Outputs.newArticleId = filtered[x].sys.id;\n Outputs.ratings = Noodl.Object.create({'article_id':filtered[x].sys.id})\n Outputs.doCreate();\n }\n }\n}"
},
"ports": [],
"dynamicports": [
{
"name": "in-array",
"displayName": "array",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "in-knownArticles",
"displayName": "knownArticles",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 5
},
{
"name": "out-doCreate",
"displayName": "doCreate",
"plug": "output",
"type": "signal",
"group": "Outputs",
"index": 6
},
{
"name": "out-newArticleId",
"displayName": "newArticleId",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 7
},
{
"name": "out-ratings",
"displayName": "ratings",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 8
}
],
"children": []
},
{
"id": "e3e19c1e-c1ad-8038-95c9-b590f4b967e5",
"type": "DbCollection2",
"x": -151.5,
"y": 480.04305474093576,
"parameters": {
"collectionName": "Article",
"storageEnableLimit": true,
"storageLimit": 999999
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"displayName": "Class",
"plug": "input",
"group": "General",
"index": 6
},
{
"name": "storageFilterType",
"type": {
"name": "enum",
"allowEditOnly": true,
"enums": [
{
"value": "simple",
"label": "Visual"
},
{
"value": "json",
"label": "Javascript"
}
]
},
"displayName": "Filter",
"default": "simple",
"plug": "input",
"group": "General",
"index": 7
},
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "storageEnableLimit",
"displayName": "Use limit",
"index": 8
},
{
"type": "number",
"default": 10,
"plug": "input",
"group": "Limit",
"name": "storageLimit",
"displayName": "Limit",
"index": 9
},
{
"type": "number",
"default": 0,
"plug": "input",
"group": "Limit",
"name": "storageSkip",
"displayName": "Skip",
"index": 10
},
{
"type": "signal",
"plug": "input",
"group": "Actions",
"name": "storageFetch",
"displayName": "Do",
"index": 11
},
{
"name": "visualFilter",
"plug": "input",
"type": {
"name": "query-filter",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"article_id": {
"type": "String",
"required": true
},
"likes_count": {
"type": "Number",
"required": false
},
"ratings": {
"type": "Object",
"required": false
}
}
},
"allowEditOnly": true
},
"displayName": "Filter",
"group": "Filter",
"index": 12
},
{
"name": "visualSort",
"plug": "input",
"type": {
"name": "query-sorting",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"article_id": {
"type": "String",
"required": true
},
"likes_count": {
"type": "Number",
"required": false
},
"ratings": {
"type": "Object",
"required": false
}
}
},
"allowEditOnly": true
},
"displayName": "Sort",
"group": "Sorting",
"index": 13
}
],
"children": []
},
{
"id": "86da8796-f37e-cce7-88a5-b80622f5bf28",
"type": "NewDbModelProperties",
"x": 463.5000000000001,
"y": 690.1600616049374,
"parameters": {
"collectionName": "Article",
"accessControl": [],
"prop-likes_count": 0
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"displayName": "Class",
"group": "General",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"plug": "input",
"index": 6
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 7
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 8
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-article_id",
"displayName": "article_id",
"index": 9
},
{
"type": {
"name": "number"
},
"plug": "input",
"group": "Properties",
"name": "prop-likes_count",
"displayName": "likes_count",
"index": 10
},
{
"type": {
"name": "*"
},
"plug": "input",
"group": "Properties",
"name": "prop-ratings",
"displayName": "ratings",
"index": 11
}
],
"children": []
},
{
"id": "9fca24ad-d1a2-02b5-33bf-9b0a0214fdbe",
"type": "/Logic Components/Contentful GraphQL",
"label": "Get all Article slugs and article Id's",
"x": 170.22536969798557,
"y": 191.62479879200444,
"parameters": {
"Query": ""
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "db489ac9-451f-eca0-1b3d-58aa298c467b",
"type": "Expression",
"label": "Extract array of Articles from GraphQl result",
"x": -76.91325436111924,
"y": 235.01909624008158,
"parameters": {
"expression": "result.articleCollection.items"
},
"ports": [],
"dynamicports": [
{
"name": "result",
"type": {
"name": "*",
"editAsType": "string"
},
"plug": "input",
"index": 2
}
],
"children": []
},
{
"id": "17ad102e-44b3-165d-21bf-d42830300aac",
"type": "String",
"label": "Get all slugs query",
"x": 156.36732608141165,
"y": 7.30027589663203,
"parameters": {
"value": "query { articleCollection { items { slug sys{id} } }}"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "73ff18a6-9918-c0f4-017a-6ab0bd325bea",
"type": "Variable2",
"x": 925.6444608737211,
"y": 309.90360180126936,
"parameters": {
"name": "Current Page Title"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "dd87f9b4-195d-c401-b291-52f9e7b74eae",
"type": "CSS Definition",
"x": 226.5650045801401,
"y": 347.512352880294,
"parameters": {
"style": ".pointer:hover{\n cursor: pointer !important;\n}"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "211afa91-b69a-60aa-11b0-83c75d3e57be",
"type": "CSS Definition",
"label": "Inter Font Import",
"x": 459.1789913008929,
"y": -30.5,
"parameters": {
"style": "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "5f2443fa-bba0-e5d9-97a2-a809831953fc",
"type": "/Logic Components/Tracking",
"x": 811.8912930563174,
"y": 73.09568730862642,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "c9ecd226-c474-2ccc-27ca-a3daead3788b",
"type": "Collection2",
"label": "Articles",
"x": -60.10870694368259,
"y": 651.0956873086265,
"parameters": {
"collectionId": "all articles"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": -4066.4005555344265,
"y": 0
}
}
},
{
"name": "/Logic Components/Contentful GraphQL",
"id": "ee59de3b-4bcc-b60b-dda7-4927a9c63e18",
"graph": {
"connections": [
{
"fromId": "d34a0ef4-fe48-1403-b3a2-e476c688fdfd",
"fromProperty": "Query",
"toId": "8e19b8d7-752a-5ba4-c1c2-f8e6de437b80",
"toProperty": "value"
},
{
"fromId": "8e19b8d7-752a-5ba4-c1c2-f8e6de437b80",
"fromProperty": "savedValue",
"toId": "5ca520f7-0264-831c-0448-4d8639734e4e",
"toProperty": "in-query"
},
{
"fromId": "5ca520f7-0264-831c-0448-4d8639734e4e",
"fromProperty": "failure",
"toId": "a5bb8a6c-0250-9e19-2598-a515eb95ba4c",
"toProperty": "Failure"
},
{
"fromId": "5ca520f7-0264-831c-0448-4d8639734e4e",
"fromProperty": "success",
"toId": "a5bb8a6c-0250-9e19-2598-a515eb95ba4c",
"toProperty": "Success"
},
{
"fromId": "d34a0ef4-fe48-1403-b3a2-e476c688fdfd",
"fromProperty": "Do",
"toId": "5ca520f7-0264-831c-0448-4d8639734e4e",
"toProperty": "fetch"
},
{
"fromId": "5ca520f7-0264-831c-0448-4d8639734e4e",
"fromProperty": "out-result",
"toId": "a5bb8a6c-0250-9e19-2598-a515eb95ba4c",
"toProperty": "queryResult"
}
],
"roots": [
{
"id": "d34a0ef4-fe48-1403-b3a2-e476c688fdfd",
"type": "Component Inputs",
"x": -92.00674468095883,
"y": 212.01554209090523,
"parameters": {},
"ports": [
{
"name": "Do",
"plug": "output",
"type": "*",
"index": 0
},
{
"name": "Query",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "a5bb8a6c-0250-9e19-2598-a515eb95ba4c",
"type": "Component Outputs",
"x": 525.6815245145762,
"y": 197.35043940822908,
"parameters": {},
"ports": [
{
"name": "Success",
"plug": "input",
"type": "*",
"index": 0
},
{
"name": "Failure",
"plug": "input",
"type": "*",
"index": 1
},
{
"name": "queryResult",
"plug": "input",
"type": {
"name": "*"
},
"index": 3
}
],
"dynamicports": [],
"children": []
},
{
"id": "5ca520f7-0264-831c-0448-4d8639734e4e",
"type": "REST2",
"x": 302.19677335848274,
"y": 216.36187604115867,
"parameters": {
"resource": "https://graphql.contentful.com/content/v1/spaces/yugakw3o2ks3/environments/master",
"requestScript": "//Add custom code to setup the request object before the request\n//is made.\n//\n//*Request.resource contains the resource path of the request.\n//*Request.method contains the method, GET, POST, PUT or DELETE.\n//*Request.headers is a map where you can add additional headers.\n//*Request.parameters is a map the parameters that will be appended\n// to the url.\n//*Request.content contains the content of the request as a javascript\n// object.\n//\nRequest.headers = {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json',\n 'Authorization': `Bearer Lp5PBCEPasGvh6uNS6qk5RJzsgvuGVR7c-APagJjAjQ`,\n}\n\n\nconsole.log(\"Doing graphql request: \"+Inputs.query);\nRequest.content = {\"query\":Inputs.query};\n\n//Request.content = {\"query\":\"query getArticles {articleCollection {items {title coverimg {title url height width fileName} author verifiedBy createdAt updated published bodyTextMd references}}}\"}",
"method": "POST",
"responseScript": "// Add custom code to convert the response content to outputs\n//\n//*Response.status The status code of the response\n//*Response.content The content of the response as a javascript\n// object.\n//*Response.request The request object that resulted in the response.\n//\n//*Inputs and *Outputs contain the inputs and outputs of the node.\nconsole.log(Response.content)\nOutputs.result = Response.content.data;\n//Outputs.resultItem = Response.content.data"
},
"ports": [],
"dynamicports": [
{
"name": "in-query",
"displayName": "query",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 8
},
{
"name": "out-result",
"displayName": "result",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 9
}
],
"children": []
},
{
"id": "8e19b8d7-752a-5ba4-c1c2-f8e6de437b80",
"type": "String",
"x": 106.18240425557045,
"y": 297.7011720634556,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 1574,
"y": 0
}
}
},
{
"name": "/Logic Components/Get Article From Slug",
"id": "dd869da0-6c22-714f-4fff-3cacbe5e5328",
"graph": {
"connections": [
{
"fromId": "0f5d4c0f-f62c-40b5-f04c-cf4fe10afc33",
"fromProperty": "out-query",
"toId": "5031604b-2051-1d79-4685-154ac00ea0cc",
"toProperty": "Query"
},
{
"fromId": "5031604b-2051-1d79-4685-154ac00ea0cc",
"fromProperty": "queryResult",
"toId": "683d4253-ad8c-2db5-f534-66661c3d5187",
"toProperty": "in-result"
},
{
"fromId": "d8d35d3b-7846-0b92-8c4a-fedf93f6f981",
"fromProperty": "items",
"toId": "81513bd0-baf1-1b56-86ae-f37040ee8cd6",
"toProperty": "items"
},
{
"fromId": "81513bd0-baf1-1b56-86ae-f37040ee8cd6",
"fromProperty": "firstItemId",
"toId": "9649086d-7367-4be2-22fc-5ae4d22d2157",
"toProperty": "modelId"
},
{
"fromId": "9649086d-7367-4be2-22fc-5ae4d22d2157",
"fromProperty": "prop-sys",
"toId": "54d7ad5a-61cb-fed4-2f76-f452334d7219",
"toProperty": "sys"
},
{
"fromId": "54d7ad5a-61cb-fed4-2f76-f452334d7219",
"fromProperty": "result",
"toId": "0f5d4c0f-f62c-40b5-f04c-cf4fe10afc33",
"toProperty": "in-articleID"
},
{
"fromId": "24fe2934-6dd3-566f-25c3-580ad51da5f9",
"fromProperty": "Slug",
"toId": "81513bd0-baf1-1b56-86ae-f37040ee8cd6",
"toProperty": "filterFilterValue-slug"
},
{
"fromId": "5031604b-2051-1d79-4685-154ac00ea0cc",
"fromProperty": "Success",
"toId": "acdd6097-9bb4-fb3f-63f6-9c02a1c388ef",
"toProperty": "Success"
},
{
"fromId": "5031604b-2051-1d79-4685-154ac00ea0cc",
"fromProperty": "Failure",
"toId": "acdd6097-9bb4-fb3f-63f6-9c02a1c388ef",
"toProperty": "Failure"
},
{
"fromId": "683d4253-ad8c-2db5-f534-66661c3d5187",
"fromProperty": "out-article",
"toId": "acdd6097-9bb4-fb3f-63f6-9c02a1c388ef",
"toProperty": "article"
},
{
"fromId": "81513bd0-baf1-1b56-86ae-f37040ee8cd6",
"fromProperty": "modified",
"toId": "0f5d4c0f-f62c-40b5-f04c-cf4fe10afc33",
"toProperty": "run"
},
{
"fromId": "0f5d4c0f-f62c-40b5-f04c-cf4fe10afc33",
"fromProperty": "out-done",
"toId": "5031604b-2051-1d79-4685-154ac00ea0cc",
"toProperty": "Do"
}
],
"roots": [
{
"id": "24fe2934-6dd3-566f-25c3-580ad51da5f9",
"type": "Component Inputs",
"x": -209.95853169840444,
"y": 311.0496765902288,
"parameters": {},
"ports": [
{
"name": "Do",
"plug": "output",
"type": "*",
"index": 0
},
{
"name": "Slug",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "acdd6097-9bb4-fb3f-63f6-9c02a1c388ef",
"type": "Component Outputs",
"x": 1538.5266584267101,
"y": 276.5817412825154,
"parameters": {},
"ports": [
{
"name": "Success",
"plug": "input",
"type": "*",
"index": 0
},
{
"name": "Failure",
"plug": "input",
"type": "*",
"index": 1
},
{
"name": "article",
"plug": "input",
"type": {
"name": "*"
},
"index": 2
}
],
"dynamicports": [],
"children": []
},
{
"id": "0f5d4c0f-f62c-40b5-f04c-cf4fe10afc33",
"type": "JavaScriptFunction",
"x": 816.560092669968,
"y": 318.8649555552361,
"parameters": {
"functionScript": "//console.log(\"creating query to get article with id= \"+Inputs.articleID);\nif(Inputs.articleID){\n Outputs.query = \"query { article(id:\\\"\"+Inputs.articleID+\"\\\") { pageTitle articleTitle author version verifiedBy articleBodyText articleSummary refernces articleFooter coverImage { fileName url} thumbNail {fileName url} sys {publishedAt publishedVersion id}}}\";\n console.log(\"created query to get article with id= \"+Inputs.articleID);\n Outputs.done();\n \n}"
},
"ports": [],
"dynamicports": [
{
"name": "in-articleID",
"displayName": "articleID",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-done",
"displayName": "done",
"plug": "output",
"type": "signal",
"group": "Outputs",
"index": 5
},
{
"name": "out-query",
"displayName": "query",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 6
}
],
"children": []
},
{
"id": "5031604b-2051-1d79-4685-154ac00ea0cc",
"type": "/Logic Components/Contentful GraphQL",
"x": 1043.407674019544,
"y": 399.0913676881142,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "683d4253-ad8c-2db5-f534-66661c3d5187",
"type": "JavaScriptFunction",
"x": 1341.8557581990697,
"y": 464.0867006609604,
"parameters": {
"functionScript": "if(Inputs.result)\n{\n console.log(\"got article\");\n Outputs.article = Inputs.result.article;\n}\n "
},
"ports": [],
"dynamicports": [
{
"name": "in-result",
"displayName": "result",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-article",
"displayName": "article",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 5
}
],
"children": []
},
{
"id": "d8d35d3b-7846-0b92-8c4a-fedf93f6f981",
"type": "Collection2",
"x": 138.10469698283976,
"y": 157.86738680658,
"parameters": {
"collectionId": "Article Slugs"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "81513bd0-baf1-1b56-86ae-f37040ee8cd6",
"type": "Filter Collection",
"x": 136.70922575154896,
"y": 270.83154521806546,
"parameters": {
"filterFilter": "slug"
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "filterEnableLimit",
"displayName": "Use limit",
"index": 7
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Filter",
"name": "filterFilter",
"displayName": "Filter",
"index": 8
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Sort",
"name": "filterSort",
"displayName": "Sort",
"index": 9
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "string",
"label": "String"
},
{
"value": "number",
"label": "Number"
},
{
"value": "boolean",
"label": "Boolean"
}
]
},
"default": "string",
"plug": "input",
"group": "slug filter",
"displayName": "Type",
"editorName": "slug filter | Type",
"name": "filterFilterType-slug",
"index": 10
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "eq",
"label": "Equals"
},
{
"value": "neq",
"label": "Not Equals"
},
{
"value": "regex",
"label": "Matches RegEx"
}
]
},
"default": "eq",
"plug": "input",
"group": "slug filter",
"displayName": "Op",
"editorName": "slug filter| Op",
"name": "filterFilterOp-slug",
"index": 11
},
{
"type": "string",
"plug": "input",
"group": "slug filter",
"displayName": "Value",
"editorName": "slug Filter Value",
"name": "filterFilterValue-slug",
"index": 12
}
],
"children": []
},
{
"id": "9649086d-7367-4be2-22fc-5ae4d22d2157",
"type": "Model2",
"x": 374.32368081478785,
"y": 239.05245315514873,
"parameters": {
"properties": "sys"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-sys",
"displayName": "sys",
"index": 7
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "sys Changed",
"name": "changed-sys",
"index": 8
}
],
"children": []
},
{
"id": "54d7ad5a-61cb-fed4-2f76-f452334d7219",
"type": "Expression",
"x": 583.0907909334851,
"y": 229.40302020281797,
"parameters": {
"expression": "sys.id"
},
"ports": [],
"dynamicports": [
{
"name": "sys",
"type": {
"name": "*",
"editAsType": "string"
},
"plug": "input",
"index": 2
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 2107.464377977726,
"y": 0
}
}
},
{
"name": "/Logic Components/GTM Track Page View",
"id": "05abde5d-1217-bc2c-b1d3-009f6d01b30c",
"graph": {
"connections": [
{
"fromId": "746bd50a-bb41-f234-65b2-25f610e98d09",
"fromProperty": "Do",
"toId": "eaa1f9cc-a6a1-da25-e948-9e7cc6671874",
"toProperty": "run"
},
{
"fromId": "746bd50a-bb41-f234-65b2-25f610e98d09",
"fromProperty": "pageTitle",
"toId": "eaa1f9cc-a6a1-da25-e948-9e7cc6671874",
"toProperty": "in-pageTitle"
}
],
"roots": [
{
"id": "746bd50a-bb41-f234-65b2-25f610e98d09",
"type": "Component Inputs",
"x": 134.5,
"y": -15,
"parameters": {},
"ports": [
{
"name": "Do",
"plug": "output",
"type": "*",
"index": 0
},
{
"name": "pageTitle",
"plug": "output",
"type": "*",
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "eaa1f9cc-a6a1-da25-e948-9e7cc6671874",
"type": "JavaScriptFunction",
"x": 373.5,
"y": 8.5,
"parameters": {
"functionScript": "if(!Inputs.pageTitle) return;\n\ndataLayer.push({\n event: \"virtualPageView\",\n pageTitle: Inputs.pageTitle,\n pageLocation: location.href\n});"
},
"ports": [],
"dynamicports": [
{
"name": "in-pageTitle",
"displayName": "pageTitle",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 11641.82533443007,
"y": 0
}
}
},
{
"name": "/Logic Components/Is user logged in?",
"id": "b2fb2242-98b3-0ded-e404-894adeea17e3",
"graph": {
"connections": [
{
"fromId": "4ae68936-3fcd-f611-8bdf-f5b07a118625",
"fromProperty": "authenticated",
"toId": "aff97baf-7501-d7ba-7219-e37477e8512c",
"toProperty": "condition"
},
{
"fromId": "28c71a10-4431-ed49-d1bb-6bec19301bac",
"fromProperty": "Do",
"toId": "aff97baf-7501-d7ba-7219-e37477e8512c",
"toProperty": "eval"
},
{
"fromId": "aff97baf-7501-d7ba-7219-e37477e8512c",
"fromProperty": "ontrue",
"toId": "cad27822-bbc2-348d-f52a-6e036bf6d049",
"toProperty": "Success"
},
{
"fromId": "aff97baf-7501-d7ba-7219-e37477e8512c",
"fromProperty": "onfalse",
"toId": "cad27822-bbc2-348d-f52a-6e036bf6d049",
"toProperty": "Failure"
}
],
"roots": [
{
"id": "28c71a10-4431-ed49-d1bb-6bec19301bac",
"type": "Component Inputs",
"x": -148,
"y": -35,
"parameters": {},
"ports": [
{
"name": "Do",
"plug": "output",
"type": "*",
"index": 0
}
],
"dynamicports": [],
"children": []
},
{
"id": "cad27822-bbc2-348d-f52a-6e036bf6d049",
"type": "Component Outputs",
"x": 373,
"y": -57,
"parameters": {},
"ports": [
{
"name": "Success",
"plug": "input",
"type": "*",
"index": 0
},
{
"name": "Failure",
"plug": "input",
"type": "*",
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "4ae68936-3fcd-f611-8bdf-f5b07a118625",
"type": "net.noodl.user.User",
"x": 124,
"y": -100,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 12
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 13
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 14
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 15
},
{
"type": {
"name": "boolean"
},
"plug": "output",
"group": "Properties",
"name": "prop-emailVerified",
"displayName": "emailVerified",
"index": 16
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "emailVerified Changed",
"name": "changed-emailVerified",
"index": 17
},
{
"type": {
"name": "*"
},
"plug": "output",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 18
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "liked_articles Changed",
"name": "changed-liked_articles",
"index": 19
}
],
"children": []
},
{
"id": "aff97baf-7501-d7ba-7219-e37477e8512c",
"type": "Condition",
"x": 127,
"y": -12,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 9044.381198466383,
"y": 0
}
}
},
{
"name": "/Logic Components/Tracking",
"id": "61809b0b-86c0-d9a1-3a53-e23d3749a570",
"graph": {
"connections": [
{
"fromId": "6ebfb2ef-72c0-e96b-753b-e7c49c49712c",
"fromProperty": "doInit",
"toId": "fd9ab9e9-072f-d987-8d60-da2074d882cf",
"toProperty": "run"
},
{
"fromId": "fd9ab9e9-072f-d987-8d60-da2074d882cf",
"fromProperty": "out-mySessionId",
"toId": "a2bd333b-a1ca-eab5-d7a8-f1bbdfaa7833",
"toProperty": "modelId"
},
{
"fromId": "0d40eec1-a897-a174-3763-7053be72a73f",
"fromProperty": "eventReceived",
"toId": "9c84a689-c997-4f07-3145-7aa063ee2e0b",
"toProperty": "run"
},
{
"fromId": "4f453ae6-b04f-9d90-6ee6-bc6411def6a8",
"fromProperty": "items",
"toId": "9c84a689-c997-4f07-3145-7aa063ee2e0b",
"toProperty": "in-articlesList"
},
{
"fromId": "0d40eec1-a897-a174-3763-7053be72a73f",
"fromProperty": "articleId",
"toId": "9c84a689-c997-4f07-3145-7aa063ee2e0b",
"toProperty": "in-articleId"
}
],
"roots": [
{
"id": "6ebfb2ef-72c0-e96b-753b-e7c49c49712c",
"type": "Component Inputs",
"x": -182.34952016047492,
"y": -779.1261995988125,
"parameters": {},
"ports": [
{
"name": "doInit",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "1df568f5-4db3-04de-b51a-d944a6422f8d",
"type": "Component Outputs",
"x": 713.0265829499356,
"y": -296.9984567670877,
"parameters": {},
"ports": [
{
"name": "Success",
"plug": "input",
"type": "*",
"index": 0
},
{
"name": "Failure",
"plug": "input",
"type": "*",
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "a2bd333b-a1ca-eab5-d7a8-f1bbdfaa7833",
"type": "Model2",
"x": 220.80077665882982,
"y": -341.2857089919441,
"parameters": {
"properties": "sessionId,userId,EnteredTime,TimeOnSite,Source,ArticlesData"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-sessionId",
"displayName": "sessionId",
"index": 7
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "sessionId Changed",
"name": "changed-sessionId",
"index": 8
},
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-userId",
"displayName": "userId",
"index": 9
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "userId Changed",
"name": "changed-userId",
"index": 10
},
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-EnteredTime",
"displayName": "EnteredTime",
"index": 11
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "EnteredTime Changed",
"name": "changed-EnteredTime",
"index": 12
},
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-TimeOnSite",
"displayName": "TimeOnSite",
"index": 13
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "TimeOnSite Changed",
"name": "changed-TimeOnSite",
"index": 14
},
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-Source",
"displayName": "Source",
"index": 15
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "Source Changed",
"name": "changed-Source",
"index": 16
},
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-ArticlesData",
"displayName": "ArticlesData",
"index": 17
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "ArticlesData Changed",
"name": "changed-ArticlesData",
"index": 18
}
],
"children": []
},
{
"id": "1840fe08-f181-61c4-f2b7-59c77c0875dd",
"type": "JavaScriptFunction",
"label": "onbeforeunload track data",
"x": 433.10728971886124,
"y": -402.673980487389,
"parameters": {
"functionScript": "window.onbeforeunload = function () {\n console.log('hej'); \n};"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "fd9ab9e9-072f-d987-8d60-da2074d882cf",
"type": "JavaScriptFunction",
"x": 189.6550685937837,
"y": -507.39039785736367,
"parameters": {
"functionScript": "var jsId = document.cookie.match(/jSessionUser[^;]+/);\r\nif(jsId != null) {\r\n if (jsId instanceof Array){\r\n jsId = jsId[0].substring(11);\r\n }else{\r\n jsId = jsId.substring(11);\r\n }\r\n}\r\njsId = jsId.substring(jsId.indexOf('=') + 1);\r\nOutputs.mySessionId = jsId;"
},
"ports": [],
"dynamicports": [
{
"name": "out-mySessionId",
"displayName": "mySessionId",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 4
}
],
"children": []
},
{
"id": "0d40eec1-a897-a174-3763-7053be72a73f",
"type": "Event Receiver",
"label": "Liked Article",
"x": -286.4429211945807,
"y": -270.48171385526814,
"parameters": {
"channelName": "Liked Article"
},
"ports": [],
"dynamicports": [
{
"name": "articleId",
"type": "*",
"plug": "output",
"displayName": "articleId",
"index": 4
}
],
"children": []
},
{
"id": "4f453ae6-b04f-9d90-6ee6-bc6411def6a8",
"type": "Collection2",
"label": "Articles",
"x": 346.58294418750813,
"y": -97.36662981024944,
"parameters": {
"collectionId": "all articles"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "4e23737c-60a7-5e3b-91d1-d018e00b9d48",
"type": "Event Receiver",
"x": -285.546536105918,
"y": -637.012488044468,
"parameters": {
"channelName": "Signed Up"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "8309f3d6-73e2-7ca0-be62-2336fb2946da",
"type": "Event Receiver",
"x": -285.546536105918,
"y": -547.012488044468,
"parameters": {
"channelName": "Drop before Signup"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "461a400f-e2fe-db9c-1639-dbb08bcac010",
"type": "Event Receiver",
"x": -286.546536105918,
"y": -454.012488044468,
"parameters": {
"channelName": "Newsletter Subscribe"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "bc574c05-9c8f-2f0f-9a8f-1624077a90e7",
"type": "Event Receiver",
"label": "Comment posted",
"x": -284.73686835506305,
"y": -103.42738065226092,
"parameters": {
"channelName": "Comment posted"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "53b34857-efbd-4425-838a-bc379d7e4f3d",
"type": "Event Receiver",
"x": -284.73686835506305,
"y": 10.572619347739078,
"parameters": {
"channelName": "Share link clicked"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "384997ae-1bd1-34a6-ed32-1b3652539a29",
"type": "Event Receiver",
"x": -284.73686835506305,
"y": 127.57261934773908,
"parameters": {
"channelName": "Rating clicked"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "be752c6c-d6ea-19e9-6243-83f7520792a1",
"type": "Event Receiver",
"x": -283.73686835506305,
"y": 371.5726193477391,
"parameters": {
"channelName": "References viewed"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "40fc1fe3-0dd1-f692-2931-ee30c8834b8a",
"type": "Event Receiver",
"x": -284.73686835506305,
"y": 238.57261934773908,
"parameters": {
"channelName": "Rating comment posted"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "9c84a689-c997-4f07-3145-7aa063ee2e0b",
"type": "JavaScriptFunction",
"x": 75.09898412794155,
"y": -192.3801647695965,
"parameters": {
"functionScript": "if(Inputs.articleId && Inputs.articlesList){\n \n}"
},
"ports": [],
"dynamicports": [
{
"name": "in-articleId",
"displayName": "articleId",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "in-articlesList",
"displayName": "articlesList",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 5
}
],
"children": []
}
],
"comments": [
{
"text": "Global Events",
"width": 336,
"height": 347,
"fill": true,
"x": -368,
"y": -695,
"id": "927ad1b2-4ac6-f229-6368-a3311d398595",
"largeFont": true
},
{
"text": "Article Events",
"width": 338,
"height": 823,
"fill": true,
"x": -368,
"y": -330,
"id": "dd8cc710-7776-a2a9-74e0-c2f0cff5c8f9",
"largeFont": true
}
]
},
"metadata": {
"canvasPos": {
"x": -5047.78547668457,
"y": 0
}
}
},
{
"name": "/Pages/Article",
"id": "33449f09-1e44-8f37-da82-c0b3359f804e",
"graph": {
"connections": [
{
"fromId": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
"fromProperty": "id",
"toId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
"toProperty": "modelId"
},
{
"fromId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
"fromProperty": "prop-article",
"toId": "7ec0dd45-3b2b-adde-8a62-e7418deb64c0",
"toProperty": "in-article"
},
{
"fromId": "e770a086-28ee-caea-1344-b860768189df",
"fromProperty": "article",
"toId": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
"toProperty": "prop-article"
},
{
"fromId": "e770a086-28ee-caea-1344-b860768189df",
"fromProperty": "Success",
"toId": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
"toProperty": "new"
},
{
"fromId": "705ba241-e673-ab74-038d-3f1b59319e45",
"fromProperty": "pm-slug",
"toId": "00a28349-9df8-307c-5507-6fadee5d1a22",
"toProperty": "in-slug"
},
{
"fromId": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
"fromProperty": "created",
"toId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
"toProperty": "fetch"
},
{
"fromId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
"fromProperty": "fetched",
"toId": "396927c5-ec28-af20-79d5-2e9e79ca2d4c",
"toProperty": "on"
},
{
"fromId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
"fromProperty": "fetched",
"toId": "7ec0dd45-3b2b-adde-8a62-e7418deb64c0",
"toProperty": "run"
},
{
"fromId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
"fromProperty": "prop-article",
"toId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"toProperty": "in-article"
},
{
"fromId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
"fromProperty": "fetched",
"toId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"toProperty": "run"
},
{
"fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"fromProperty": "out-bodyText",
"toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
"toProperty": "bodyTextMd"
},
{
"fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"fromProperty": "out-articleTitle",
"toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
"toProperty": "title"
},
{
"fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"fromProperty": "out-articleAuthor",
"toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
"toProperty": "author"
},
{
"fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"fromProperty": "out-verified",
"toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
"toProperty": "verified"
},
{
"fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"fromProperty": "out-coverImage",
"toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
"toProperty": "coverImage"
},
{
"fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"fromProperty": "out-publishedAt",
"toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
"toProperty": "publishedAt"
},
{
"fromId": "705ba241-e673-ab74-038d-3f1b59319e45",
"fromProperty": "pm-slug",
"toId": "e770a086-28ee-caea-1344-b860768189df",
"toProperty": "Slug"
},
{
"fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"fromProperty": "out-references",
"toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
"toProperty": "References"
},
{
"fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"fromProperty": "out-articleId",
"toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
"toProperty": "articleId"
},
{
"fromId": "2e2dc630-55ac-8dde-5b81-62f84416cfd7",
"fromProperty": "didMount",
"toId": "e770a086-28ee-caea-1344-b860768189df",
"toProperty": "Do"
},
{
"fromId": "705ba241-e673-ab74-038d-3f1b59319e45",
"fromProperty": "pm-slug",
"toId": "545b89d3-9a28-9b34-f42b-182eadc91fcd",
"toProperty": "value"
},
{
"fromId": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
"fromProperty": "id",
"toId": "2037ad3c-925e-4f3c-b8ed-d5ed0a6983f3",
"toProperty": "value"
},
{
"fromId": "e770a086-28ee-caea-1344-b860768189df",
"fromProperty": "Failure",
"toId": "396927c5-ec28-af20-79d5-2e9e79ca2d4c",
"toProperty": "off"
},
{
"fromId": "396927c5-ec28-af20-79d5-2e9e79ca2d4c",
"fromProperty": "state",
"toId": "d539c493-c225-5909-c7b2-05a8651b538e",
"toProperty": "value"
},
{
"fromId": "396927c5-ec28-af20-79d5-2e9e79ca2d4c",
"fromProperty": "state",
"toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
"toProperty": "Mounted"
},
{
"fromId": "d539c493-c225-5909-c7b2-05a8651b538e",
"fromProperty": "result",
"toId": "661073f6-f044-18f4-8bbb-e625f49d7093",
"toProperty": "mounted"
},
{
"fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"fromProperty": "out-footer",
"toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
"toProperty": "footerText"
}
],
"roots": [
{
"id": "2e2dc630-55ac-8dde-5b81-62f84416cfd7",
"type": "Page",
"x": 667.2576030705666,
"y": -106.37440048951066,
"parameters": {},
"ports": [],
"dynamicports": [
{
"name": "title",
"displayName": "Title",
"type": "string",
"group": "General",
"plug": "input",
"default": "Article",
"index": 14
},
{
"name": "urlPath",
"displayName": "Url Path",
"type": "string",
"group": "General",
"plug": "input",
"default": "article",
"index": 15
}
],
"children": [
{
"id": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
"type": "/Visual Components/Article/Article",
"parameters": {
"Mounted": true
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "661073f6-f044-18f4-8bbb-e625f49d7093",
"type": "Group",
"label": "Article Not Found",
"parameters": {
"alignItems": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "a3429aaa-2e47-62a1-0d5f-c4a7baffbc35",
"type": "/Visual Components/Article/Article Page Header",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "1b6b9a1b-d9d4-2858-ecbc-a3c813bc62fd",
"type": "Group",
"parameters": {
"sizeMode": "contentHeight",
"boxShadowEnabled": true
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "1c7e94e7-85ec-65b6-b13e-0331c5d23183",
"type": "/Visual Components/Mobile Content Container",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "6eb985d6-96c1-973f-5ed2-9036ed5a2b46",
"type": "Image",
"parameters": {
"srcSet": "/404pic.png 4x",
"alignX": "center"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ac5d04e1-96fd-b8a7-24ca-9892c5ef2c0c",
"type": "Group",
"parameters": {
"alignItems": "center",
"marginTop": {
"value": 24,
"unit": "px"
},
"sizeMode": "contentHeight",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "42db4868-906a-aea0-9bfe-1f686a1c73ba",
"type": "Text",
"parameters": {
"sizeMode": "contentSize",
"text": "Sorry",
"fontFamily": "Inter-Bold.ttf",
"fontSize": {
"value": 29,
"unit": "px"
},
"color": "#379EA5"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "3f6fa962-d54c-1678-a4db-84e9a23da326",
"type": "Text",
"parameters": {
"sizeMode": "contentSize",
"text": "but the page you are looking for isn’t here",
"fontFamily": "Inter-Bold.ttf",
"fontSize": {
"value": 19,
"unit": "px"
},
"color": "#379EA5",
"marginTop": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "c1c70e36-0bc6-f97d-8e77-324ec582c711",
"type": "net.noodl.controls.button",
"variant": "Button Primary",
"parameters": {
"label": "Home"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "aeb2d5dc-8d21-a236-3252-af4ffa118898",
"type": "Text",
"parameters": {
"text": "Please try navigating from the home page or check you have the correct link.",
"color": "#505758",
"marginTop": {
"value": 24,
"unit": "px"
},
"sizeMode": "contentHeight",
"alignX": "center",
"textAlignX": "center"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
}
]
},
{
"id": "705ba241-e673-ab74-038d-3f1b59319e45",
"type": "PageInputs",
"x": -426.1601888162712,
"y": -370.0559915918291,
"parameters": {
"pathParams": "slug"
},
"ports": [],
"dynamicports": [
{
"name": "pm-slug",
"displayName": "slug",
"type": "*",
"plug": "output",
"group": "Parameters",
"index": 2
}
],
"children": []
},
{
"id": "3e5bc5f4-eb8e-2860-7b57-7166c832b4e5",
"type": "String",
"label": "Article Id",
"x": -495.0436481552227,
"y": -85.84555188625666,
"parameters": {
"value": "2XATV8DmuwfJMxVTmjBntU"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
"type": "NewModel",
"x": -26.97496868778103,
"y": -8.861924274637147,
"parameters": {
"properties": "article",
"type-title": "object",
"type-article": "object"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "object"
},
"plug": "input",
"group": "Property Values",
"displayName": "article",
"name": "prop-article",
"index": 4
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "article",
"name": "type-article",
"index": 5
}
],
"children": []
},
{
"id": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
"type": "Model2",
"x": 30.638203205452157,
"y": 202.6293727073221,
"parameters": {
"properties": "article"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-article",
"displayName": "article",
"index": 7
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "article Changed",
"name": "changed-article",
"index": 8
}
],
"children": []
},
{
"id": "7ec0dd45-3b2b-adde-8a62-e7418deb64c0",
"type": "JavaScriptFunction",
"label": "Set Page Title",
"x": -368.36582044218824,
"y": 224.540574149877,
"parameters": {
"functionScript": "document.title = Inputs.article.pageTitle"
},
"ports": [],
"dynamicports": [
{
"name": "in-article",
"displayName": "article",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
}
],
"children": []
},
{
"id": "5ebb05ac-0161-a2fa-27a7-542b67251cc2",
"type": "String",
"label": "Test slug",
"x": -499.73645988412807,
"y": -177.94342239621454,
"parameters": {
"value": "understanding-polycystic-ovary-syndrome-1"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "396927c5-ec28-af20-79d5-2e9e79ca2d4c",
"type": "Switch",
"x": 394.3626939126266,
"y": -64.19879490761622,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "e770a086-28ee-caea-1344-b860768189df",
"type": "/Logic Components/Get Article From Slug",
"x": 219.49599294274458,
"y": -286.2341177292891,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "00a28349-9df8-307c-5507-6fadee5d1a22",
"type": "JavaScriptFunction",
"x": 6.261997116336374,
"y": -532.385842709875,
"parameters": {
"functionScript": "console.log(\"Slug from page inputs\"+Inputs.slug);"
},
"ports": [],
"dynamicports": [
{
"name": "in-slug",
"displayName": "slug",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
}
],
"children": []
},
{
"id": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
"type": "JavaScriptFunction",
"x": 340.7628488677457,
"y": 240.22594598945136,
"parameters": {
"functionScript": "Outputs.bodyText = Inputs.article.articleBodyText;\nOutputs.articleTitle = Inputs.article.articleTitle;\nOutputs.coverImage = Inputs.article.coverImage.url;\nOutputs.articleAuthor = Inputs.article.author;\nOutputs.publishedAt = Inputs.article.sys.publishedAt;\nOutputs.verified = Inputs.article.verifiedBy;\nOutputs.references = Inputs.article.refernces;\nOutputs.articleId = Inputs.article.sys.id;\nOutputs.footer = Inputs.article.articleFooter;"
},
"ports": [],
"dynamicports": [
{
"name": "in-article",
"displayName": "article",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-bodyText",
"displayName": "bodyText",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 5
},
{
"name": "out-articleTitle",
"displayName": "articleTitle",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 6
},
{
"name": "out-coverImage",
"displayName": "coverImage",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 7
},
{
"name": "out-articleAuthor",
"displayName": "articleAuthor",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 8
},
{
"name": "out-publishedAt",
"displayName": "publishedAt",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 9
},
{
"name": "out-verified",
"displayName": "verified",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 10
},
{
"name": "out-references",
"displayName": "references",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 11
},
{
"name": "out-articleId",
"displayName": "articleId",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 12
},
{
"name": "out-footer",
"displayName": "footer",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 13
}
],
"children": []
},
{
"id": "545b89d3-9a28-9b34-f42b-182eadc91fcd",
"type": "Variable2",
"x": 6.074389255667256,
"y": -400.2427088344935,
"parameters": {
"name": "Current Slug"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "2037ad3c-925e-4f3c-b8ed-d5ed0a6983f3",
"type": "Variable2",
"x": 157.5549955236301,
"y": 16.39132575805479,
"parameters": {
"name": "Article Object Id"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "d539c493-c225-5909-c7b2-05a8651b538e",
"type": "Inverter",
"x": 370.6566070159897,
"y": 97.97092319915589,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 1142.4643779777261,
"y": -4.328165365255682
}
}
},
{
"name": "/Pages/Profile",
"id": "e0967929-cc25-a63c-db7e-04390b8ddb38",
"graph": {
"connections": [
{
"fromId": "fd9e1a4c-8bd7-dd2b-31d0-5ea8b95de914",
"fromProperty": "authenticated",
"toId": "56e356de-9acc-0f89-736f-80fd277a44d2",
"toProperty": "condition"
},
{
"fromId": "5e80145a-9c6d-3b8f-0158-4dbe394b8f73",
"fromProperty": "didMount",
"toId": "56e356de-9acc-0f89-736f-80fd277a44d2",
"toProperty": "eval"
},
{
"fromId": "56e356de-9acc-0f89-736f-80fd277a44d2",
"fromProperty": "result",
"toId": "7cee8579-bd79-9d33-5120-0e07e39a05d0",
"toProperty": "mounted"
},
{
"fromId": "56e356de-9acc-0f89-736f-80fd277a44d2",
"fromProperty": "isfalse",
"toId": "489bba67-b44f-f3d2-442b-23419765e131",
"toProperty": "mounted"
},
{
"fromId": "e76afcd6-88c4-071c-3638-abb42a4d2b97",
"fromProperty": "logout",
"toId": "889708ce-d6f0-c997-5518-5f086301023b",
"toProperty": "login"
},
{
"fromId": "889708ce-d6f0-c997-5518-5f086301023b",
"fromProperty": "success",
"toId": "879ac636-1763-a8c9-79fd-ac00f585ed8d",
"toProperty": "navigate"
},
{
"fromId": "2ff92f97-b65d-273a-f704-459136d38e71",
"fromProperty": "onClick",
"toId": "623a520c-b127-6747-bead-6a7de3810da4",
"toProperty": "to-Expanded"
},
{
"fromId": "623a520c-b127-6747-bead-6a7de3810da4",
"fromProperty": "at-Collapsed",
"toId": "aec79970-0fad-73e7-48e3-8327beb8ce30",
"toProperty": "mounted"
},
{
"fromId": "623a520c-b127-6747-bead-6a7de3810da4",
"fromProperty": "at-Expanded",
"toId": "a5530544-7913-43ad-2ff0-2fb8748d1f17",
"toProperty": "Mounted"
}
],
"roots": [
{
"id": "5e80145a-9c6d-3b8f-0158-4dbe394b8f73",
"type": "Page",
"x": -64,
"y": -107,
"parameters": {},
"ports": [],
"dynamicports": [
{
"name": "title",
"displayName": "Title",
"type": "string",
"group": "General",
"plug": "input",
"default": "Profile",
"index": 14
},
{
"name": "urlPath",
"displayName": "Url Path",
"type": "string",
"group": "General",
"plug": "input",
"default": "profile",
"index": 15
}
],
"children": [
{
"id": "7ff01a79-453d-7884-dd4c-4687171e110a",
"type": "/Visual Components/Article/Article Page Header",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "4b333280-7fe1-25b5-0888-94ad326d4c69",
"type": "/Visual Components/Mobile Content Container",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7cee8579-bd79-9d33-5120-0e07e39a05d0",
"type": "Group",
"parameters": {
"paddingBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "e76afcd6-88c4-071c-3638-abb42a4d2b97",
"type": "/Visual Components/Profile/Public Profile Card",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "256364a1-cde0-82e6-73de-d4a904e952d3",
"type": "/Visual Components/Profile/Account Info Card",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "aec79970-0fad-73e7-48e3-8327beb8ce30",
"type": "Group",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7afc76ed-3b7b-06cb-ed76-c2b29e3d9d69",
"type": "Group",
"parameters": {
"backgroundColor": "#FEFFCE",
"sizeMode": "contentHeight",
"width": {
"value": 95,
"unit": "%"
},
"alignX": "center",
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"paddingLeft": {
"value": 8,
"unit": "px"
},
"paddingRight": {
"value": 8,
"unit": "px"
},
"marginTop": {
"value": 24,
"unit": "px"
},
"borderRadius": {
"value": 10,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "6a1aa676-dab2-8683-8b31-ca65ad9053f7",
"type": "Text",
"parameters": {
"sizeMode": "contentHeight",
"text": "To change your condition, symptom and preference information you must complete the setup form.",
"lineHeight": {
"value": 28,
"unit": "px"
},
"textAlignX": "center"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "2ff92f97-b65d-273a-f704-459136d38e71",
"type": "net.noodl.controls.button",
"variant": "Button Primary",
"parameters": {
"sizeMode": "contentHeight",
"marginTop": {
"value": 24,
"unit": "px"
},
"paddingTop": {
"value": 16,
"unit": "px"
},
"paddingBottom": {
"value": 16,
"unit": "px"
},
"label": "Edit profile information",
"width": {
"value": 95,
"unit": "%"
},
"alignX": "center",
"fontSize": {
"value": 20,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "a5530544-7913-43ad-2ff0-2fb8748d1f17",
"type": "/Visual Components/Profile/Expanded Options",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "489bba67-b44f-f3d2-442b-23419765e131",
"type": "Group",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "488a6d92-a74a-9350-82df-04f088cdb1d2",
"type": "Text",
"parameters": {
"sizeMode": "contentSize",
"fontSize": {
"value": 28,
"unit": "px"
},
"color": "#379EA5",
"alignX": "center",
"text": "User not authenticated"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
},
{
"id": "f8c4ef19-8840-f962-e556-1c36f6793214",
"type": "PageInputs",
"x": -387.2363154432997,
"y": -125.150867341418,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "fd9e1a4c-8bd7-dd2b-31d0-5ea8b95de914",
"type": "net.noodl.user.User",
"x": -559.652724679989,
"y": -21.887060834313672,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 12
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 13
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 14
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 15
},
{
"type": {
"name": "boolean"
},
"plug": "output",
"group": "Properties",
"name": "prop-emailVerified",
"displayName": "emailVerified",
"index": 16
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "emailVerified Changed",
"name": "changed-emailVerified",
"index": 17
},
{
"type": {
"name": "*"
},
"plug": "output",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 18
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "liked_articles Changed",
"name": "changed-liked_articles",
"index": 19
}
],
"children": []
},
{
"id": "56e356de-9acc-0f89-736f-80fd277a44d2",
"type": "Condition",
"x": -351.8448532463651,
"y": -55.98025939002514,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "889708ce-d6f0-c997-5518-5f086301023b",
"type": "net.noodl.user.LogOut",
"x": -416.68347334241344,
"y": 161.9954531085608,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "879ac636-1763-a8c9-79fd-ac00f585ed8d",
"type": "RouterNavigate",
"x": -426.68347334241344,
"y": 274.9954531085608,
"parameters": {
"router": "Main",
"target": "/Pages/Article"
},
"ports": [],
"dynamicports": [
{
"plug": "input",
"type": {
"name": "component",
"title": "Choose page component",
"components": [
"/Pages/Article",
"/Pages/Profile"
],
"allowEditOnly": true
},
"group": "General",
"displayName": "Target Page",
"name": "target",
"index": 2
},
{
"name": "pm-slug",
"displayName": "slug",
"type": "string",
"plug": "input",
"group": "Parameters",
"index": 3
}
],
"children": []
},
{
"id": "623a520c-b127-6747-bead-6a7de3810da4",
"type": "States",
"x": 269.55089046528644,
"y": 192.8148249340557,
"parameters": {
"states": "Collapsed,Expanded",
"useTransitions": false
},
"ports": [],
"dynamicports": [
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Collapsed",
"name": "to-Collapsed",
"group": "Go to state",
"index": 6
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Collapsed",
"name": "at-Collapsed",
"group": "Current state",
"index": 7
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Collapsed",
"name": "reached-Collapsed",
"group": "Current state",
"index": 8
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Expanded",
"name": "to-Expanded",
"group": "Go to state",
"index": 9
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Expanded",
"name": "at-Expanded",
"group": "Current state",
"index": 10
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Expanded",
"name": "reached-Expanded",
"group": "Current state",
"index": 11
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"Collapsed",
"Expanded"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "Collapsed",
"index": 12
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 6314.381198466383,
"y": 0
}
}
},
{
"name": "/Pop-ups/Comment Reply Popup",
"id": "4d9b6bd7-fb6b-913d-1034-66cce1131620",
"graph": {
"connections": [
{
"fromId": "991f6ca1-d719-f71d-e45b-daff06045c61",
"fromProperty": "parent_comment_id",
"toId": "1ad91337-aee4-ae23-4f5f-df805836aeba",
"toProperty": "modelId"
},
{
"fromId": "5e5c614c-6a1c-cd6b-6a74-287d625fb62c",
"fromProperty": "onClick",
"toId": "9b7df199-fd08-36a5-b461-b3888d7b0ab2",
"toProperty": "close"
},
{
"fromId": "1ad91337-aee4-ae23-4f5f-df805836aeba",
"fromProperty": "prop-comment_author",
"toId": "21e52091-a3ff-fa1a-2d22-b89ee35feb38",
"toProperty": "text"
},
{
"fromId": "1ad91337-aee4-ae23-4f5f-df805836aeba",
"fromProperty": "prop-comment_text",
"toId": "1a7f3064-199a-51ce-7a29-4ffa9f59efc0",
"toProperty": "text"
},
{
"fromId": "ca21badb-170e-2385-6225-4c8bbeb3c0a1",
"fromProperty": "onClick",
"toId": "322392eb-6e4f-1d47-7074-5d81f7cf01ba",
"toProperty": "store"
},
{
"fromId": "2619324b-1e6a-02a0-999f-4908b0fba3b1",
"fromProperty": "onTextChanged",
"toId": "322392eb-6e4f-1d47-7074-5d81f7cf01ba",
"toProperty": "prop-comment_text"
},
{
"fromId": "991f6ca1-d719-f71d-e45b-daff06045c61",
"fromProperty": "parent_comment_id",
"toId": "322392eb-6e4f-1d47-7074-5d81f7cf01ba",
"toProperty": "prop-comment_parent"
},
{
"fromId": "322392eb-6e4f-1d47-7074-5d81f7cf01ba",
"fromProperty": "created",
"toId": "9b7df199-fd08-36a5-b461-b3888d7b0ab2",
"toProperty": "close"
}
],
"roots": [
{
"id": "991f6ca1-d719-f71d-e45b-daff06045c61",
"type": "Component Inputs",
"x": -304,
"y": -104,
"parameters": {},
"ports": [
{
"name": "parent_comment_id",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "1ad91337-aee4-ae23-4f5f-df805836aeba",
"type": "DbModel2",
"x": -306,
"y": -3,
"parameters": {
"idSource": "explicit",
"collectionName": "Comment"
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"displayName": "Class",
"group": "General",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"plug": "input",
"index": 8
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 9
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 10
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 11
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 12
},
{
"type": {
"name": "string"
},
"plug": "output",
"group": "Properties",
"name": "prop-comment_text",
"displayName": "comment_text",
"index": 13
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "comment_text Changed",
"name": "changed-comment_text",
"index": 14
},
{
"type": {
"name": "string"
},
"plug": "output",
"group": "Properties",
"name": "prop-comment_author",
"displayName": "comment_author",
"index": 15
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "comment_author Changed",
"name": "changed-comment_author",
"index": 16
},
{
"type": {
"name": "string"
},
"plug": "output",
"group": "Properties",
"name": "prop-comment_parent",
"displayName": "comment_parent",
"index": 17
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "comment_parent Changed",
"name": "changed-comment_parent",
"index": 18
}
],
"children": []
},
{
"id": "2078d4ae-1aef-b20d-1a56-57cfba63b45a",
"type": "Group",
"x": -4,
"y": -58,
"parameters": {
"zIndex": 2
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "5e5c614c-6a1c-cd6b-6a74-287d625fb62c",
"type": "Group",
"parameters": {
"position": "absolute",
"width": {
"value": 100,
"unit": "vw"
},
"height": {
"value": 100,
"unit": "vh"
},
"opacity": 0.5,
"backgroundColor": "#333"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "d3a01ef8-b45d-9f3b-5ed3-b8f4101a2a19",
"type": "Group",
"parameters": {
"alignY": "top",
"alignX": "center",
"width": {
"value": 95,
"unit": "%"
},
"sizeMode": "contentHeight",
"backgroundColor": "#FFFFFF",
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingTop": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingBottom": {
"value": 24,
"unit": "px"
},
"borderRadius": {
"value": 25,
"unit": "px"
},
"marginTop": {
"value": 128,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "2e483964-9d7c-a587-8f4b-a3365acd399f",
"type": "Group",
"parameters": {
"flexDirection": "row",
"sizeMode": "contentHeight",
"marginBottom": {
"value": 6,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "9778461a-b73b-78cd-d80b-1325e4932914",
"type": "Text",
"parameters": {
"text": "Replying to ",
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "21e52091-a3ff-fa1a-2d22-b89ee35feb38",
"type": "Text",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "a9f9e9ef-72fa-c089-bae5-f5e00bfe726b",
"type": "Group",
"label": "OG Comment",
"parameters": {
"flexDirection": "row",
"flexWrap": "wrap"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7709b524-f737-f27d-38da-29f16c1bf39e",
"type": "Text",
"parameters": {
"fontSize": {
"value": 16,
"unit": "px"
},
"text": "\"",
"sizeMode": "contentSize",
"fontFamily": "fonts/Roboto/Roboto-Italic.ttf"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "1a7f3064-199a-51ce-7a29-4ffa9f59efc0",
"type": "Text",
"parameters": {
"fontSize": {
"value": 16,
"unit": "px"
},
"sizeMode": "contentSize",
"fontFamily": "fonts/Roboto/Roboto-Italic.ttf"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "031461fd-01a5-346b-4bbd-f792c32d0f3f",
"type": "Text",
"parameters": {
"text": "\"",
"sizeMode": "contentSize",
"fontSize": {
"value": 16,
"unit": "px"
},
"fontFamily": "fonts/Roboto/Roboto-Italic.ttf"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "797f84fc-b065-036d-e5b9-befbb3388fc6",
"type": "Group",
"parameters": {
"flexDirection": "column",
"sizeMode": "contentHeight",
"marginTop": {
"value": 15,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7cdd71aa-13ee-40d6-9671-226b17a0ecf4",
"type": "Group",
"parameters": {
"flexDirection": "row",
"alignItems": "center",
"marginRight": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "71c99d39-6a0d-a9b4-308f-1f5f89374471",
"type": "Group",
"parameters": {
"width": {
"value": 15,
"unit": "%"
},
"sizeMode": "contentSize",
"alignX": "left"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "fd812e45-919b-321c-106b-278b37814abc",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "account_circle"
},
"iconColor": "Dark Gray",
"iconSize": {
"value": 55,
"unit": "px"
},
"alignX": "center",
"iconSourceType": "image",
"iconImageSource": "profileIcon.svg"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "2619324b-1e6a-02a0-999f-4908b0fba3b1",
"type": "net.noodl.controls.textinput",
"parameters": {
"sizeMode": "explicit",
"alignY": "center",
"useLabel": false,
"borderRadius": {
"value": 25,
"unit": "px"
},
"paddingLeft": {
"value": 15,
"unit": "px"
},
"paddingRight": {
"value": 15,
"unit": "px"
},
"placeholder": "Add a comment",
"paddingTop": {
"value": 10,
"unit": "px"
},
"paddingBottom": {
"value": 10,
"unit": "px"
},
"lineHeight": {
"value": 30,
"unit": "px"
},
"backgroundColor": "#FFFFFF",
"type": "textArea",
"marginLeft": {
"value": 16,
"unit": "px"
},
"height": {
"value": 100,
"unit": "%"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "ca21badb-170e-2385-6225-4c8bbeb3c0a1",
"type": "net.noodl.controls.button",
"variant": "Button Primary",
"parameters": {
"sizeMode": "explicit",
"alignY": "center",
"label": "Post",
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "send"
},
"borderRadius": {
"value": 25,
"unit": "px"
},
"marginLeft": {
"value": 0,
"unit": "px"
},
"height": {
"value": 50,
"unit": "px"
},
"marginTop": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
},
{
"id": "9b7df199-fd08-36a5-b461-b3888d7b0ab2",
"type": "NavigationClosePopup",
"x": 295,
"y": -54,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "322392eb-6e4f-1d47-7074-5d81f7cf01ba",
"type": "NewDbModelProperties",
"x": 438,
"y": 387,
"parameters": {
"collectionName": "Comment",
"prop-comment_author": "Placeholder"
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"displayName": "Class",
"group": "General",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"plug": "input",
"index": 6
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 7
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 8
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-comment_text",
"displayName": "comment_text",
"index": 9
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-comment_author",
"displayName": "comment_author",
"index": 10
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-comment_parent",
"displayName": "comment_parent",
"index": 11
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 3824,
"y": 0
}
}
},
{
"name": "/Pop-ups/Privacy/Terms of Use Popup",
"id": "0f972308-87a6-cee0-5516-61304670e7a2",
"graph": {
"connections": [
{
"fromId": "84f05dc7-aa13-a179-6340-2bbdb085eb54",
"fromProperty": "onClick",
"toId": "14dd3b0d-3f43-9472-b53c-e2031af37e73",
"toProperty": "close"
},
{
"fromId": "10a5a547-29c1-2442-d7e9-9adc8068f7e0",
"fromProperty": "Type",
"toId": "dded545d-47e5-163a-59a3-e1cdb17ead13",
"toProperty": "value"
},
{
"fromId": "dded545d-47e5-163a-59a3-e1cdb17ead13",
"fromProperty": "savedValue",
"toId": "b0d5d789-61c6-d529-09db-b203fcfc95d2",
"toProperty": "currentState"
},
{
"fromId": "b0d5d789-61c6-d529-09db-b203fcfc95d2",
"fromProperty": "label",
"toId": "828280e7-a1a9-3de3-f079-ed23f35e4137",
"toProperty": "text"
},
{
"fromId": "b0d5d789-61c6-d529-09db-b203fcfc95d2",
"fromProperty": "at-tos",
"toId": "df87cb9a-8212-502e-d46e-0b24d081521a",
"toProperty": "mounted"
},
{
"fromId": "b0d5d789-61c6-d529-09db-b203fcfc95d2",
"fromProperty": "at-privacy",
"toId": "637a9093-e897-aba4-fde9-9a94cd833eae",
"toProperty": "mounted"
}
],
"roots": [
{
"id": "14dd3b0d-3f43-9472-b53c-e2031af37e73",
"type": "NavigationClosePopup",
"x": 399.3948488473699,
"y": 183.29158139930936,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "efce9e59-f368-4b86-e66b-6f77087344a8",
"type": "Group",
"x": 58.76016478121437,
"y": -53.5,
"parameters": {
"backgroundColor": "#0000007F",
"zIndex": 5,
"paddingTop": {
"value": 48,
"unit": "px"
},
"paddingBottom": {
"value": 48,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "448ec641-4202-6709-e856-38092af6cf2e",
"type": "Group",
"parameters": {
"backgroundColor": "#FFFFFF",
"height": {
"value": 80,
"unit": "%"
},
"alignX": "center",
"alignY": "center",
"width": {
"value": 90,
"unit": "%"
},
"borderRadius": {
"value": 10,
"unit": "px"
},
"maxWidth": {
"value": 480,
"unit": "px"
},
"maxHeight": {
"value": 676,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "c3af8607-e85d-951a-af3e-77470c80d9a0",
"type": "/Visual Components/Mobile Page Content Container",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "303c6720-7f87-d113-6056-e6e0fa5e34f9",
"type": "Group",
"parameters": {
"flexDirection": "row",
"sizeMode": "contentHeight",
"alignItems": "center",
"justifyContent": "center",
"marginTop": {
"value": 16,
"unit": "px"
},
"alignX": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "828280e7-a1a9-3de3-f079-ed23f35e4137",
"type": "Text",
"parameters": {
"fontFamily": "Inter-SemiBold.ttf",
"color": "Cyan Main",
"text": "Terms of Use",
"sizeMode": "contentSize",
"marginTop": {
"value": 0,
"unit": "px"
},
"alignX": "center"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "84f05dc7-aa13-a179-6340-2bbdb085eb54",
"type": "Group",
"parameters": {
"sizeMode": "contentSize",
"position": "absolute",
"alignX": "right",
"styleCss": "/* background-color: red; */\ncursor: pointer;"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "6fc511ee-ceff-393d-1da3-3e156a4c05db",
"type": "net.noodl.visual.icon",
"parameters": {
"iconColor": "Dark Gray",
"iconIconSource": {
"class": "material-icons",
"code": "close"
},
"iconSize": {
"value": 24,
"unit": "px"
},
"alignX": "right",
"position": "relative"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "df87cb9a-8212-502e-d46e-0b24d081521a",
"type": "Group",
"label": "TOS Group",
"parameters": {
"marginTop": {
"value": 24,
"unit": "px"
},
"scrollEnabled": true
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "2e877cb1-95a7-af11-4476-db987cdc1c6b",
"type": "Markdown",
"parameters": {
"source": "<html>\n\n<head>\n<meta http-equiv=Content-Type content=\"text/html; charset=utf-8\">\n<meta name=Generator content=\"Microsoft Word 15 (filtered)\">\n<style>\n<!--\n /* Font Definitions */\n @font-face\n\t{font-family:Wingdings;\n\tpanose-1:5 0 0 0 0 0 0 0 0 0;}\n@font-face\n\t{font-family:\"Cambria Math\";\n\tpanose-1:2 4 5 3 5 4 6 3 2 4;}\n@font-face\n\t{font-family:Calibri;\n\tpanose-1:2 15 5 2 2 2 4 3 2 4;}\n@font-face\n\t{font-family:Tahoma;\n\tpanose-1:2 11 6 4 3 5 4 4 2 4;}\n@font-face\n\t{font-family:Roboto;\n\tpanose-1:0 0 0 0 0 0 0 0 0 0;}\n@font-face\n\t{font-family:Poppins;\n\tpanose-1:0 0 5 0 0 0 0 0 0 0;}\n /* Style Definitions */\n p.MsoNormal, li.MsoNormal, div.MsoNormal\n\t{margin-top:0cm;\n\tmargin-right:0cm;\n\tmargin-bottom:10.0pt;\n\tmargin-left:0cm;\n\tline-height:115%;\n\tfont-size:11.0pt;\n\tfont-family:\"Calibri\",sans-serif;}\np\n\t{margin-right:0cm;\n\tmargin-left:0cm;\n\tfont-size:12.0pt;\n\tfont-family:\"Times New Roman\",serif;}\n.MsoChpDefault\n\t{font-size:11.0pt;\n\tfont-family:\"Calibri\",sans-serif;}\n.MsoPapDefault\n\t{margin-bottom:10.0pt;\n\tline-height:115%;}\n /* Page Definitions */\n @page WordSection1\n\t{size:612.0pt 792.0pt;\n\tmargin:72.0pt 72.0pt 72.0pt 72.0pt;}\ndiv.WordSection1\n\t{page:WordSection1;}\n /* List Definitions */\n ol\n\t{margin-bottom:0cm;}\nul\n\t{margin-bottom:0cm;}\n-->\n</style>\n\n</head>\n\n<body lang=EN-GB link=blue vlink=purple style='word-wrap:break-word'>\n\n<div class=WordSection1>\n\n<p class=MsoNormal><b><span style='font-size:18.0pt;line-height:115%;\nfont-family:Poppins;color:#1F497D'>Terms of Use</span></b></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><b><span\nstyle='font-size:9.0pt;font-family:Roboto;color:black'>&nbsp;</span></b></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:9.0pt;font-family:Roboto;color:black'>Updated:<b> </b></span><span\nstyle='font-size:9.0pt;font-family:Roboto;color:#0070C0'>8 April 2022] 2020</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><b><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'> </span></b></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal'><span\nstyle='font-size:10.0pt;font-family:Roboto'>This website (the “Site”) is the\nproperty of GlaxoSmithKline Consumer Healthcare Holdings (US) LLC (“GSK”).  By\nusing this Site, you agree to these Terms of Use. If you do not agree, do not use\nthis Site. </span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:10.0pt;font-family:Roboto'>&nbsp;</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>GSK reserves the right,\nat its discretion, to change, modify, add or remove portions of these Terms of\nUse at any time. It is your responsibility to check these Terms of Use periodically\nfor changes.  You may access the Terms of Use through the hyperlink at the\nbottom of the webpage. Your continued use of the Site after the Terms of Use\nare updated, will mean you agree to be bound by any such revisions.</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>The information provided on this Site is for\ngeneral information only. The Site may contain information about medical\nconditions and their treatment. If you are a healthcare professional, the\ninformation contained on this website is not intended to serve as a substitute\nfor your own medical judgment.  If you have a medical condition, you should\nseek medical advice from a qualified medical practitioner. The information on\nthis Site is not intended to be used by itself to provide you with specific medical\nadvice or recommendation. </span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-size:10.0pt;\nfont-family:Roboto;color:#0070C0'>&nbsp;</span></b></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Timeliness of Information</span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>GSK uses reasonable efforts to update its Sites,\nbut some information may become out of date over time. GSK is unable to and makes\nno warranties or representations as to the reliability, accuracy, suitability, completeness\nor timeliness of the information contained on this website, including that\nshared through webinar.  The information on this Site is provided as is.  </span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Use and Access</span></b></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;text-align:justify;text-justify:\ninter-ideograph;line-height:normal'><span style='font-size:10.0pt;font-family:\nRoboto'>You may freely browse this Site, but you may only access or download\nmaterial on this Site for your personal, non-commercial use. All copyright and\nother proprietary notices contained in downloaded materials must be preserved\nand retained. Without the express written permission of GSK, no other use of material\non this Site is permitted.</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;text-align:justify;text-justify:\ninter-ideograph;line-height:normal'><span style='font-size:10.0pt;font-family:\nRoboto'>&nbsp;</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;text-align:justify;text-justify:\ninter-ideograph;line-height:normal'><span style='font-size:10.0pt;font-family:\nRoboto'>Access to this Site is permitted on a temporary basis and GSK reserves\nthe right to withdraw or amend the service provided on this Site without\nnotice.  GSK will not be liable if for any reason the Site is unavailable at\nany time or for any period.  </span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;text-align:justify;text-justify:\ninter-ideograph;line-height:normal'><span style='font-size:10.0pt;font-family:\nRoboto'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Trademarks/Proprietary Rights</span></b></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>You should assume that\nall trademarks appearing on this Site, whether or not they appear in large\nprint or with the trademark symbol, are trademarks of GSK, its affiliates,\nrelated companies, or its licensors or joint venture partners, unless otherwise\nindicated. You should assume that everything you see or read on this Site is protected\nby copyright, or GSK has been granted permission to use it, unless otherwise\nnoted and may not be used except as provided in the Terms of Use or in the text\non the Site without the written permission of GSK.  </span><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>No license to or right\nin any proprietary right of the GSK group of companies (including patents,\ntrademarks and copyright) or any third party is granted to or conferred upon\nyou by use of this Site.  The use or misuse of these trademarks, copyrights, or\nother materials, except as otherwise permitted herein, is expressly prohibited\nand may be in violation of copyright law, trademark law, or other laws,\nstatutes or regulations.</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;text-align:justify;text-justify:\ninter-ideograph;line-height:normal'><span style='font-size:10.0pt;font-family:\nRoboto;color:#1F497D'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>GSK claims no ownership in, nor any affiliation\nwith, any third-party trademarks appearing on this Site. Such third-party\ntrademarks are used only to identify the products and services of their\nrespective owners, and no sponsorship or endorsement on the part of GSK should\nbe inferred from the use of these marks.<br>\n<br>\n</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>No Endorsement</span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>Links to third-party sites may be provided for\nthe interest or convenience of users of this Site. GSK assumes no\nresponsibility for the content of non-GSK Sites to which it provides links, and\naccepts no liability for any information or opinion contained in any\nthird-party Site or breach or omission in the privacy policies of third parties.\n</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Information You Supply to Us</span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>Except for information covered by our Privacy Statement,\nany communication or materials you transmit to or through the Site, including\ndata, questions, comments, ideas, know-how or the like, is and will be treated\nas non-confidential and non-proprietary. GSK shall have no obligation of any\nkind with respect to such information, and shall be free to use, disclose,\nreproduce or publish this information without limitation of any kind, including\nfor commercial purposes, without paying users for the right to do so.  </span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Liability</span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>Except where prohibited by law and except for\nany warranties expressly provided in these Terms of Use, any condition,\nwarranty, guarantee, right or liability which would otherwise be implied in\nthese Terms of Use or imposed by law is excluded. </span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>Your use of the Site is at your own risk and in\nno event shall GSK be liable for any damages (including without limitation,\ndirect, incidental, consequential, indirect or punitive loss or damages, or\ndamages resulting from lost profits, lost data or business interruption)\narising out of your access to, use of or inability to access or use, the Site\nor any errors or omissions in its content. This includes damages to your\ncomputer or other property, including that caused by computer viruses or any\nother technologically harmful material that may infect your computer or other\nproperty on account of your use of this Site, including the download of any\nfiles or other content from the Site.  </span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Not an Invitation to Deal </span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>Nothing on this Site constitutes an invitation\nor offer to invest or deal in the securities or ADRs of GSK.  In particular,\nactual results and developments may be materially different from any forecast,\nopinion or expectation expressed on this Site, and the past performance of the\nprice of securities must not be relied on as a guide to their future\nperformance.</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Resolution of Disputes</span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>If any dispute arises between you and GSK\nconcerning these Terms of Use or your use of this Site, it shall be resolved\nthrough good-faith negotiations.&nbsp; If such efforts prove unsuccessful, all\ncontroversies, claims, or disputes shall be submitted to binding arbitration\n(including pursuant to the Federal Arbitration Act, 9 U.S.C. §1 et seq.) for\ndetermination by a sole arbitrator.&nbsp; The International Institute for\nConflict Prevention and Resolution Rules for Non-Administered Arbitration shall\napply to the conduct of the hearing.&nbsp; The arbitration award shall be final\nand binding and may be confirmed and enforced in any court of competent\njurisdiction.&nbsp; The parties shall bear equally the costs of the\narbitration, but each party shall pay its own attorney’s fees incurred in\nconnection with the arbitration or confirmation or enforcement of any award. </span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Governing Law</span></b></p>\n\n<p class=MsoNormal><span style='font-size:10.0pt;line-height:115%;font-family:\nRoboto;color:black'>This Terms of Use Agreement and your use of the Site shall\nbe governed by the laws of the United States of America and the State of\nDelaware without regard to conflicts of laws principles. </span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p class=MsoNormal><span style='font-size:10.0pt;line-height:115%;font-family:\nRoboto;color:black'>The headings used in these Terms of Use are for convenience\nonly and are not used in determining the meaning or interpretation of these\nTerms of Use.</span></p>\n\n</div>\n\n</body>\n\n</html>\n",
"styleType": "css",
"styleCss": "/* background-color: red; */\n",
"className": "",
"cssClassName": "terms"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "637a9093-e897-aba4-fde9-9a94cd833eae",
"type": "Group",
"label": "Privacy Group",
"parameters": {
"marginTop": {
"value": 24,
"unit": "px"
},
"scrollEnabled": true
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "a7e20047-a4fe-af3d-9823-02253584f590",
"type": "Markdown",
"parameters": {
"source": "\n<div class=\"richTextEnhanced richText section richTextHyperlinkedImage u-text-left component col-xs-12 introText fixed-component\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <h1 style=\"text-align: center;\"><span class=\"page-title\"><a id=\"lastUpdated\"></a>GSK US Privacy Notice</span></h1> \n <p>&nbsp;</p> \n <p style=\"text-align: center;\"><span class=\"u-font-italic\">Last Updated: May 1, 2020</span></p> \n <p>This Privacy Notice sets out how GSK uses and protects any information that you give to us. We respect your privacy and are committed to protecting your personal information. This Privacy Notice explains how we collect, transfer, process, use and disclose your data and sets out our security practices.<br> <br> GlaxoSmithKline is responsible for the personal information you share with us. When we say “GSK”, “we”, “us” or “our”, this is who we are referring to.<br> <br> If anything in this Privacy Notice conflicts with local law in your jurisdiction, local law prevails.<br> <br> We may change this Privacy Notice from time to time. We encourage you to review this Privacy Notice periodically.<br> <br> We do not sell personal information and have not done so in the preceding 12 months.<br> <br> California Residents. For questions specific to California residents, please follow the link below ”<a href=\"#rights\">Choice and Access to personal information (including California residents)</a>”<br> </p> \n <p><b>In this privacy notice, we explain:</b></p> \n <ul> \n <li><a href=\"#whatInfo\">What personal information do we collect about you?</a></li> \n <li><a href=\"#howInfo\">How do we collect your personal information?</a></li> \n <li><a href=\"#use\">How do we use your personal information?</a></li> \n <li><a href=\"#longInfo\">How long do we keep your personal information?</a></li> \n <li><a href=\"#whom\">With whom do we share your personal information?</a></li> \n <li><a href=\"#instances\">In what instances do we transfer your personal information outside of your home country?</a></li> \n <li><a href=\"#additional\">How we process information for individuals in the European Economic Area (EEA);</a></li> \n <li><a href=\"#protect\">How do we protect your personal information?</a></li> \n <li><a href=\"#rights\">Choice and Access to personal information (including California residents)?</a></li> \n <li><a href=\"#responsibility\">Our responsibility regarding websites that we do not own or control</a></li> \n <li><a href=\"#children\">Information about children</a></li> \n <li><a href=\"#notice\">How we update this privacy notice?</a></li> \n <li><a href=\"#contact\">How to contact us</a></li> \n </ul> \n </div> \n </div> \n</div>\n\n \n \n \n \n \n\n</div><div class=\"col-xs-12 col-md-12 js-single-tab-box js-tab-to-accordion u-px-sm-0\">\n\n\n\n\n\n \n \n \n \n \n \n\n\n\n\n\n<div class=\"box component section default-style jsSingleTabBox fixed-component\"> \n \n <div class=\"component-content\" id=\"865963382\"> \n <div class=\"paragraphSystem content\"> \n <a id=\"01705367328\" style=\"visibility:hidden\" aria-hidden=\"true\"></a> \n <div class=\"richText component section u-border-bottom first odd col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <h2><span class=\"section-title\" id=\"whatInfo\">What personal information do we collect about you?</span></h2> \n <p>The personal information that we collect, and process/or disclose may include, both currently and in the preceding 12 months:<br> </p> \n <table> \n <tbody> \n <tr class=\"even\"> \n <td width=\"600\"><h4>Categories of PI Collected</h4> </td> \n <td width=\"600\"><h4>Applicable Categories of Individuals</h4> </td> \n </tr> \n <tr style=\"background-color: #EEECE4;\"> \n <td width=\"600\" valign=\"top\"><p><b>Name, Contact information and Unique Identifiers</b>:&nbsp; Identifiers, such as a real name, alias, postal address, telephone number, unique personal identifier, online identifier, device ID,&nbsp; internet protocol (IP) address, email address, account name, social security number, driver’s license number, passport number, or other similar identifiers as well as demographic information such as date of birth, place of birth, country of residence, income, family size etc.&nbsp; An individual’s written or digital signature.</p> </td> \n <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators, Site Staff and Participants</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n </tr> \n <tr class=\"even\"> \n <td width=\"600\" valign=\"top\"><p><b>Financial Information:</b> Bank account number, credit or debit card number, credit reports, background checks or other financial information.</p> </td> \n <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators</p> </td> \n </tr> \n <tr style=\"background-color: #EEECE4;\"> \n <td width=\"600\" valign=\"top\"><p><b>Medical Information:</b>&nbsp; Any information in possession of or derived from yourself, a healthcare provider, healthcare insurer, healthcare service plan, pharmaceutical company, or contractor regarding an individual’s medical history, mental or physical condition, or treatment.&nbsp; This includes an individual’s insurance policy number or subscriber identification number, any unique identifier used by a health insurer to identify the individual, or any information in the individual’s application and claims history (including prescription information).</p> </td> \n <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Clinical Trial Participants</p> <p>Patients</p> <p>Customers</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n </tr> \n <tr class=\"even\"> \n <td width=\"600\" valign=\"top\"><p><b>Protected Characteristics:</b> Characteristics of legally protected classifications such as race, gender, age, nationality, physical or mental disability, and religion.</p> </td> \n <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Clinical Trial Participants</p> <p>Patients</p> </td> \n </tr> \n <tr style=\"background-color: #EEECE4;\"> \n <td width=\"600\" valign=\"top\"><p><b>Purchase History and Tendencies: </b>Information regarding products or services purchased, obtained, or considered.</p> <p><b>&nbsp;</b></p> </td> \n <td width=\"600\" valign=\"top\"><p>Health Care Providers</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n </tr> \n <tr class=\"even\"> \n <td width=\"600\" valign=\"top\"><p><b>Biometric Information:</b> Physiological, biological, or behavioral characteristics that can establish an individual’s identity, including DNA, face, iris or retina imagery, fingerprint, voice recordings and sleep, health, or exercise data that contain identifying information.</p> </td> \n <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Clinical Trial Participants</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n </tr> \n <tr style=\"background-color: #EEECE4;\"> \n <td width=\"600\" valign=\"top\"><p><b>Network Activity:</b>&nbsp; Internet or other electronic network activity information, such as browsing history, search history, and information regarding an individual’s interaction with an internet website, application, or advertisement. Includes analytics evaluation, cookies.</p> </td> \n <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators and Site Staff</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n </tr> \n <tr class=\"even\"> \n <td width=\"600\" valign=\"top\"><p><b>Geolocation Data:</b> Precise geographic location information about a particular individual or device.</p> </td> \n <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n </tr> \n <tr style=\"background-color: #EEECE4;\"> \n <td width=\"600\" valign=\"top\"><p><b>Electronic and Sensory Data: </b>Audio, electronic, visual, or similar information (e.g., a recording of a customer service call or profile photograph).</p> </td> \n <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators, Site Staff and Participants</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n </tr> \n <tr class=\"even\"> \n <td width=\"600\" valign=\"top\"><p><b>Education and Professional Information</b>: An individual’s academic information and records, licenses, professional or employment-related information and professional interactions with GSK</p> </td> \n <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators and Site Staff</p> <p>Website Visitors</p> </td> \n </tr> \n <tr style=\"background-color: #EEECE4;\"> \n <td width=\"600\" valign=\"top\"><p><b>Inferences: </b>Inferences drawn from any of the information listed above to create a profile about an individual reflecting the individual’s preferences, characteristics, psychological trends, preferences, predispositions, behavior, attitudes, intelligence, abilities, and aptitudes.<b></b></p> </td> \n <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators, Site Staff and Participants</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> <p>Households</p> </td> \n </tr> \n </tbody> \n </table> \n </div> \n </div> \n </div> \n <div class=\"richText component section u-border-bottom even col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"howInfo\">How do we collect your personal information?</span></h2> \n <p>We and our service providers collect personal information in a variety of ways, including from:</p> \n <ul> \n <li>directly from you or an authorised representative;</li> \n <li>government entities;</li> \n <li>public records;</li> \n <li>research partners;</li> \n <li>data resellers;</li> \n <li>marketing vendors; and</li> \n <li>business service providers.</li> \n </ul> \n </div> \n </div> \n </div> \n <div class=\"richText component section u-border-bottom odd col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"use\">How do we use your personal information?</span></h2> \n <p>We use your personal information for the purposes we have described below in this Privacy Notice, or for purposes which are reasonably compatible with the ones described. We will not, use it for other purposes without your permission, unless we have a legal right or obligation to do so.<br> <br> <b>To manage our relationship with you.</b></p> \n <p>We will use your personal information:</p> \n <ul> \n <li>To respond to your requests;</li> \n <li>To improve our level of service;</li> \n <li>To provide our products and services to you;</li> \n <li>To promote our products and services;</li> \n <li>To manage your account, if necessary;</li> \n <li>To provide you with information when you request it, or when we believe it may be of interest to you;</li> \n <li>To invite you to provide your views on our products and services, participate in research or attend events;</li> \n <li>To report any product adverse events that you notify us about;</li> \n <li>To consider your application for employment;</li> \n <li>To perform analytics and understand your preferences;</li> \n <li>To provide access where required to our sites and facilities.</li> \n <li>To gain insights and feedback on our products and services in order to correct or improve them, by analysing information from external sources such as Google, Facebook and Twitter (and others);</li> \n <li>For our own administrative and quality assurance purposes; and</li> \n <li>For other purposes that may be detailed on a website or mobile application which will be described at the time the information is collected.</li> \n </ul> \n <p><b>To manage and improve our processes and our business operations.</b></p> \n <p>We will use your personal information to:</p> \n <ul> \n <li>Manage our network and information systems security;</li> \n <li>Manage our workforce effectively; and</li> \n <li>Prepare and perform management reporting and analysis, including analytics and metrics.</li> \n </ul> \n <p><b>To achieve other purposes.</b></p> \n <p>We will use your personal information:</p> \n <ul> \n <li>To follow applicable laws and regulations;</li> \n <li>To respond to lawful requests from competent public authorities;</li> \n <li>To tell you about changes to our terms, conditions and policies;</li> \n <li>To exercise or defend GSK against potential, threatened or actual litigation;</li> \n <li>To protect GSK’s or your vital interests, or those of another person;</li> \n <li>To respond to and handle your queries or requests; and</li> \n <li>When we sell, assign or transfer all or part of our business.</li> \n </ul> \n <p><b>Website and mobile application usage information<br> </b><br> We also collect information about your computer browser type and operating system, websites you visited before and after visiting our websites, standard server log information, Internet Protocol (IP) addresses, location data, mobile phone service provider, and mobile phone operating system.<br> <br> We use this information to understand how our visitors use our websites and mobile applications so that we can improve them, the services we offer, and our advertising. We may also share this information with other companies within the GSK group and with other third parties. Some of our websites use Google Analytics, a web analytics service provided by Google, Inc. (“Google”). Google Analytics uses cookies to analyze use patterns and may collect information about your use of the website, including your IP address. More information on Google Analytics can be found here: <a rel=\"noopener noreferrer\" href=\"https://www.google.com/policies/privacy/partners\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">www.google.com/policies/privacy/partners/</a>. If you would like to opt-out of having your data used by Google Analytics, please use the Google Analytics opt-out available here: <a rel=\"noopener noreferrer\" href=\"https://tools.google.com/dlpage/gaoptout/\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">https://tools.google.com/dlpage/gaoptout/</a><br> <br> <b>Use of IP addresses<br> </b><br> An IP address is a set of numbers that is automatically assigned to your computer whenever you log on to your Internet service provider or through your organization’s local area network (LAN) or wide area network (WAN). Web servers automatically identify your computer by the IP address assigned to it during your session online.<br> <br> GSK, or third-party companies acting on our behalf, may collect IP addresses for the purposes of systems administration and to audit the use of our websites. We also may use IP addresses to identify users of our websites when we feel it is necessary to enforce compliance with the websites’ terms of use or to protect our service, websites or other users.<br> <br> <b>Cookies and Similar Technologies<br> </b><br> Our websites and mobile applications may use technology called \"cookies\" and similar technologies. A cookie is a small text file that is placed on your hard disk by a server. Cookies and similar technologies allow our websites and mobile applications to respond to you and provide a more personalized experience.<br> <br> The website or mobile application can tailor its operations to your needs, likes and dislikes by gathering and remembering information about your preferences. For instance, our server may set a cookie that keeps you from having to enter a password more than once during a visit to a website.<br> <br> You can choose to accept or decline cookies. Most web browsers automatically accept cookies, but you can usually modify your browser setting to decline cookies or receive a warning before a cookie is stored if you prefer. Please refer to your Internet browser’s instructions or help screen to learn more about these functions and to specify your cookie preferences, and note that your browser controls might not control other types of technologies. You may also wish to refer to <a rel=\"noopener noreferrer\" href=\"http://www.allaboutcookies.org/manage-cookies/index.html\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">http://www.allaboutcookies.org/manage-cookies/index.html</a>.<br> <br> If you choose to decline cookies, you may not be able to fully experience the interactive features of our websites or any other websites that you visit.<br> <br> <b>Do-Not-Track Signals and Similar Mechanisms<br> </b><br> Some web browsers transmit \"do-not-track\" signals to websites. Because of differences in how web browsers incorporate and activate this feature, it is not always clear whether users intend for these signals to be transmitted, or whether they even are aware of them. We currently do not take action in response to these signals.<br>  <br> <b>Third-party advertising, links, and content<br> </b><br> Our websites and mobile applications may from time to time provide links to or embed third party websites or content. Our advertising partners may collect information about your use of our websites and apps through cookies, web beacons, and similar technologies to display advertisements that are tailored to your interests on other websites and services. Some of these advertising partners may participate in an industry organization that offers users an opportunity to opt out of ad targeting. To learn more, including about how to opt out from interest-based advertising, please visit <a rel=\"noopener noreferrer\" href=\"http://us.gsk.com/en-us/about-our-ads/\" target=\"_blank\" rel=\"noopener noreferrer\">About Our Ads</a>. You may download the AppChoices app at <a rel=\"noopener noreferrer\" href=\"http://www.aboutads.info/appchoices\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">www.aboutads.info/appchoices</a> to opt out in mobile apps. Due to the differences between using apps and websites on mobile devices, you also should check the settings for your apps and device to opt out.<br> <br> We are not responsible for the privacy practices of these advertising partners, we do not exchange information with them for money or anything of value and this Privacy Policy does not apply to those websites. You agree that we are not responsible for the availability of such websites and do not review or endorse and shall not be liable, directly or indirectly, for:</p> \n <ul> \n <li>How these websites treat your personal information;</li> \n <li>The content of such websites; and</li> \n <li>The use that others make of these websites.</li> \n </ul> \n </div> \n </div> \n </div> \n <div class=\"richText component section u-border-bottom even col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"longInfo\">How long do we keep your personal information?</span></h2> \n <p>We will always keep your personal information for the period required by law and where we need to do so in connection with legal action or an investigation involving GSK. Otherwise, we keep your personal information:<br> <br> We keep your personal information for as long as needed or permitted for the purpose(s) for which it was obtained and consistent with applicable law.</p> \n </div> \n </div> \n </div> \n <div class=\"richText component section u-border-bottom odd col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"whom\">With whom do we share your personal information?</span></h2> \n <p>We share your personal information on a need to know basis, to the extent necessary to follow laws and regulations, and to manage the activities related to our relationship with you.<br> <br> We share your personal information with teams in our GSK companies and affiliates who need to see it to do their jobs. Please see <a rel=\"noopener noreferrer\" href=\"https://www.gsk.com/en-gb/contact-us/worldwide/\" target=\"_blank\" rel=\"noopener noreferrer\">link</a> for a list of our affiliates and their locations.<br> <br> In some cases, our relationship with you is supported by specialized service providers working on our behalf. These service providers are contractually-required to protect your personal information and not to use it for their own purposes.<br> <br> These specialized service providers include:</p> \n <ul> \n <li>advertising networks;</li> \n <li>internet service providers;</li> \n <li>data analytics providers;</li> \n <li>operating systems and platforms;</li> \n <li>social networks;</li> \n <li>joint marketing partners; and</li> \n <li>research partners.</li> \n </ul> \n <p>We will also share your personal information with local or foreign regulators, or government and law enforcement authorities as necessary or appropriate, in particular when we have a legal obligation to do so. These may be in or outside your country of residence. We may also disclose your personal information for other legal reasons, such as to enforce our terms and conditions; and protect our rights, privacy, safety or property, and/or that of our affiliates, you or others.</p> \n <p>We may share your personal information in connection with a sale or business transaction, such as a reorganization,<br> merger, sale, joint venture, assignment, transfer or other disposition of all or any portion of our business, assets, or stock (including in connection with any bankruptcy or similar proceedings).</p> \n </div> \n </div> \n </div> \n <div class=\"richText component section u-border-bottom even col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"instances\">In what instances do we transfer your personal information outside of your home country?</span></h2> \n <p>This website and Privacy Notice are intended only for individuals within the United States. However, GSK works all over the world. Therefore, we may need to transfer and use your personal information outside of the United States. We implement appropriate measures to protect your personal information when we transfer your personal information outside of your home country such as data transfer agreements that incorporate standard data protection clauses. The data privacy laws in the countries we transfer it to may not be the same as the laws in the United States. Law enforcement agencies, regulatory agencies, security authorities or courts in the countries we transfer your personal information to may have the right to see your personal information.<br> </p> \n </div> \n </div> \n </div> \n <div class=\"richText component section u-border-bottom odd col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"additional\">Additional information if you travel to the European Economic Area (EEA)</span></h2> \n <p>The European Commission recognizes that some countries outside the EEA have similar data protection standards. The full list of these countries is available <a rel=\"noopener noreferrer\" href=\"https://ec.europa.eu/info/law/law-topic/data-protection/data-transfers-outside-eu/adequacy-protection-personal-data-non-eu-countries_en\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.<br> <br> If we transfer your personal information to a country not on this list, we do so based on our <a rel=\"noopener noreferrer\" href=\"https://www.gsk.com/en-gb/about-us/policies-codes-and-standards/binding-corporate-rules/\" target=\"_blank\" rel=\"noopener noreferrer\">Binding Corporate Rules</a> (BCRs) and <a rel=\"noopener noreferrer\" href=\"https://ec.europa.eu/info/strategy/justice-and-fundamental-rights/data-protection/data-transfers-outside-eu/model-contracts-transfer-personal-data-third-countries_en\" target=\"_blank\" rel=\"noopener noreferrer\">standard contract clauses</a> adopted by the European Commission. These enable us to make international transfers of personal information within our group of companies and meet the data protection laws of the European Union and the General Data Protection Regulation (GDPR).<br> </p> \n </div> \n </div> \n </div> \n <div class=\"richText component section u-border-bottom even col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"protect\">How do we protect your personal information?</span></h2> \n <p>GSK will take appropriate legal, organizational, and technical measures to protect your personal information consistent with applicable privacy and data security laws.<br> <br> Unfortunately, the transmission of information via the Internet or a mobile phone network connection is not completely secure. Although we will do our best to protect your personal information, we cannot guarantee the security of the personal information you transmit to our websites or mobile applications: any transmission is at your own risk. While we cannot guarantee that loss, misuse or alteration to data will not occur, once we have received your information, we will employ appropriate technical security measures to help prevent such unfortunate occurrences.<br> </p> \n </div> \n </div> \n </div> \n <div class=\"richText component section u-border-bottom odd col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"rights\">What are your rights regarding your personal information?</span></h2> \n <p>If personal information you have provided us in the past is no longer correct, we have a process for working with you to update that information.<br> <br> Also, some California residents have the right, or their authorized agent may request, at no charge, up to twice every 12 months that we:</p> \n <ul> \n <li>That we provide copies of your personal information directly to you. There are some exceptions, which means you may not always receive all the information we process;</li> \n <li>Correct information that is is inaccurate or incomplete; and</li> \n <li>Delete your personal information, subject to some exceptions.</li> \n </ul> \n <p>You can find out how to get in touch with us to ask us to do any of the above, or to express a privacy concern, by looking at the ”<a href=\"#contact\">Contact Information and Privacy point of contact</a>” section. An authorized agent can also contact us regarding these rights. To designate an authorized agent to exercise your rights and choices on your behalf, please complete the webform below. You have a right not to receive discriminatory treatment from us for exercising applicable rights.<br> <br> We will verify and respond to your request consistent with applicable law, taking into account the type and sensitivity of the personal information subject to the request. For your protection, and to protect the privacy of others, we may need to verify your identity before completing what you have asked us to do. We may need to request additional personal information from you, such as home address, email address and government issued ID, in order to protect against fraudulent or spoofed requests. If you want to make a request as an authorized agent on behalf of a California resident, you may use the submission methods noted in the ”<a href=\"#contact\">Contact Information and Privacy point of contact</a>” section. As part of our verification process, we may request that you provide us with proof that you have been authorized by the California resident on whose behalf you are making the request, which may include signed permission provided by such California resident.<br> In some circumstances if you ask for your personal information to be deleted, we may need to confirm which personal information you wish to be deleted if such deletion might impact your enrollment in any elligible patient assistance programs,</p> \n <p>If you object to us using your personal information or withdraw permission for us to use your personal information, after initially giving it to us, we will respect your choice in line with applicable law. However, by objecting or withdrawing your permission, we may not be able to complete the activities described in the ‘<a href=\"#use\">How do we use your personal information</a>’.<br> <br> In the calendar year prior to the effective date of this Privacy Policy, we received 0 requests from eligible consumers for access or information about our information practices.<br> </p> \n </div> \n </div> \n </div> \n <div class=\"richText component section u-border-bottom even col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"responsibility\">Our responsibility regarding websites that we do not own or control</span></h2> \n <p>From time to time, we may provide links to websites or mobile applications that are not allowed or controlled by us. Our Privacy Notice does not cover them. Please read the privacy notices on those websites and mobile applications if you would like to find out how they collect, use and share your personal information.</p> \n </div> \n </div> \n </div> \n <div class=\"richText component section u-border-bottom odd col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"children\">Information about children</span></h2> \n <p>Our services are not directed to children and we do not knowingly collect any personal information from minors under 16 years of age.</p> \n </div> \n </div> \n </div> \n <div class=\"richText component section u-border-bottom even col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"notice\">How we update this Privacy Notice?</span></h2> \n <p>From time to time, we will update this Privacy Notice. Any changes become effective when we post the revised Privacy Notice. This Privacy Notice was last updated as of the ”<a href=\"#lastUpdated\">Last Updated</a>” date shown above. If changes are significant, we will provide a more prominent notice to let you know what the changes are.</p> \n </div> \n </div> \n </div> \n <div class=\"richText component section default-style odd col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <h2><span class=\"section-title\" id=\"contact\">Contact Information and Privacy point of contact</span></h2> \n <p>If you have any questions about this Privacy Notice, need more information or would like to raise a privacy concern, please contact us at <a href=\"mailto:US.CPA@gsk.com\">US.CPA@gsk.com</a>. If you want to correct the personal information we may have about you, or if you are a California resident and want to exercise applicable rights regarding your personal information, please contact us at:<br> <br> <b>Online:</b><br> Use our online webform available at: <a rel=\"noopener noreferrer\" href=\"https://contactus.gsk.com/callback/irr.html\" target=\"_blank\" rel=\"noopener noreferrer\">https://contactus.gsk.com/callback/irr.html</a></p> \n <p><b>Telephone:</b><br> GSK Pharmaceutical and Vaccine products: 1.888.825.5249<br> <br> GSK Consumer Healthcare Products: 1.800.245.1040</p> \n </div> \n </div> \n </div> \n <div class=\"richText component section default-style even last col-xs-12\"> \n <div class=\"component-content\"> \n <div class=\"richText-content\"> \n <p>&nbsp;</p> \n <p style=\"text-align: center;\"><a href=\"https://privacy.gsk.com/content/dam/common-framework/digital-delivery/images/GSK%20US%20Privacy%20Notice.pdf\" class=\"btn\" target=\"_blank\" rel=\"noopener noreferrer\">Download the US Privacy Notice as a PDF file</a></p> \n </div> \n </div> \n </div> \n </div> \n </div> \n</div>\n\n\n\n",
"className": "privacy",
"openLinksInNewTab": false,
"cssClassName": "privacy"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
}
]
},
{
"id": "10a5a547-29c1-2442-d7e9-9adc8068f7e0",
"type": "Component Inputs",
"x": -692.4167869369398,
"y": 110.12962747059908,
"parameters": {},
"ports": [
{
"name": "Type",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "dded545d-47e5-163a-59a3-e1cdb17ead13",
"type": "String",
"x": -480.433458672238,
"y": 113.93771121188112,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "b0d5d789-61c6-d529-09db-b203fcfc95d2",
"type": "States",
"x": -274.7969366430067,
"y": 103.78282123512878,
"parameters": {
"states": "tos,privacy",
"values": "label",
"type-label": "string",
"value-tos-label": "Terms of Use",
"value-privacy-label": "Privacy Policy"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "string",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "label",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "label",
"name": "type-label",
"index": 7
},
{
"plug": "input",
"type": "string",
"group": "tos Values",
"name": "value-tos-label",
"displayName": "label",
"editorName": "tos|label",
"index": 8
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "tos Transitions",
"name": "transitiondef-tos",
"index": 9
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To tos",
"name": "to-tos",
"group": "Go to state",
"index": 10
},
{
"plug": "output",
"type": "boolean",
"displayName": "At tos",
"name": "at-tos",
"group": "Current state",
"index": 11
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached tos",
"name": "reached-tos",
"group": "Current state",
"index": 12
},
{
"plug": "input",
"type": "string",
"group": "privacy Values",
"name": "value-privacy-label",
"displayName": "label",
"editorName": "privacy|label",
"index": 13
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "privacy Transitions",
"name": "transitiondef-privacy",
"index": 14
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To privacy",
"name": "to-privacy",
"group": "Go to state",
"index": 15
},
{
"plug": "output",
"type": "boolean",
"displayName": "At privacy",
"name": "at-privacy",
"group": "Current state",
"index": 16
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached privacy",
"name": "reached-privacy",
"group": "Current state",
"index": 17
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"tos",
"privacy"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "tos",
"index": 18
}
],
"children": []
},
{
"id": "dc38f0fa-9be4-bf35-a986-076518491835",
"type": "CSS Definition",
"x": -266.28609142372477,
"y": 341.1096612716097,
"parameters": {
"style": ".terms {\n text-align:left;\n padding: 20px;\n font-family: arial;\n}"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "10db977d-badf-03ac-be50-ba9dd13dadea",
"type": "CSS Definition",
"x": -107.24700038148995,
"y": 602.652487449845,
"parameters": {
"style": "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap%27');\n\n.privacy h1,h2,h3,h4{\n font-family: \"Poppins\";\n color:#392A5C;\n}\n\n.privacy p,body,li{\n font-family: \"Roboto\";\n}\n\n.privacy td{\n padding:10px;\n}"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": -21784.30884325703,
"y": 0
}
}
},
{
"name": "/Pop-ups/Rating/Rating Popup",
"id": "8d23139e-0bec-eb07-f07f-af732b724d41",
"graph": {
"connections": [
{
"fromId": "1c2f1065-57d4-d88b-d6c9-b2fc2eee036c",
"fromProperty": "onClick",
"toId": "a89dd236-f87a-4789-da63-70eb2e256895",
"toProperty": "close"
},
{
"fromId": "6d6e39a8-10c3-2d8f-9758-18c33b7a6805",
"fromProperty": "state",
"toId": "6d99bc38-e848-8eb8-4351-881b9435c3fd",
"toProperty": "currentState"
},
{
"fromId": "6d99bc38-e848-8eb8-4351-881b9435c3fd",
"fromProperty": "at-good",
"toId": "b1566d5f-a0be-6a41-dbca-8defaf054388",
"toProperty": "mounted"
},
{
"fromId": "6d99bc38-e848-8eb8-4351-881b9435c3fd",
"fromProperty": "at-neutral",
"toId": "6e34898c-98e2-54db-e638-b12e06886b1a",
"toProperty": "mounted"
},
{
"fromId": "6d99bc38-e848-8eb8-4351-881b9435c3fd",
"fromProperty": "at-bad",
"toId": "414f26b3-2350-7a5d-66da-22e8e8c9cf5b",
"toProperty": "mounted"
},
{
"fromId": "2c582e57-26cf-f26b-2e86-a235d858abb9",
"fromProperty": "onClick",
"toId": "a89dd236-f87a-4789-da63-70eb2e256895",
"toProperty": "close"
}
],
"roots": [
{
"id": "781de1cb-f5dc-b291-15cc-6bba5621f487",
"type": "Group",
"x": 1,
"y": 0,
"parameters": {
"backgroundColor": "transparent",
"zIndex": 999999999,
"sizeMode": "explicit",
"position": "relative"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "1c2f1065-57d4-d88b-d6c9-b2fc2eee036c",
"type": "Group",
"label": "Popup overlay",
"parameters": {
"position": "absolute",
"sizeMode": "explicit",
"backgroundColor": "Pop-up Grey Overlay"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ddab52db-e43f-5686-9d44-450ed4c03ba8",
"type": "Group",
"label": "Popup Inner",
"parameters": {
"maxHeight": {
"value": 95,
"unit": "vh"
},
"alignY": "center",
"alignX": "center",
"position": "absolute",
"backgroundColor": "Super Duper Light Gray",
"sizeMode": "explicit",
"cssClassName": "popup-inner",
"boxShadowEnabled": true,
"borderRadius": {
"value": 15,
"unit": "px"
},
"paddingLeft": {
"value": 15,
"unit": "px"
},
"paddingTop": {
"value": 15,
"unit": "px"
},
"paddingRight": {
"value": 15,
"unit": "px"
},
"paddingBottom": {
"value": 15,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "2c582e57-26cf-f26b-2e86-a235d858abb9",
"type": "Group",
"label": "Close Icon",
"parameters": {
"sizeMode": "contentSize",
"alignX": "right",
"position": "absolute",
"marginTop": {
"value": 15,
"unit": "px"
},
"marginRight": {
"value": 15,
"unit": "px"
},
"zIndex": 999999999,
"cssClassName": "pointer"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "d863fa51-6ac0-47c6-385a-29dc6f4f2263",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "close"
},
"iconColor": "Dark",
"iconSize": {
"value": 30,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "65636ec8-ab09-3daa-84e8-6fe9349ff5df",
"type": "Group",
"label": "Rating Popup Inner",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "b1566d5f-a0be-6a41-dbca-8defaf054388",
"type": "/Visual Components/Article/Rating/Good",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "6e34898c-98e2-54db-e638-b12e06886b1a",
"type": "/Visual Components/Article/Rating/Neutral",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "414f26b3-2350-7a5d-66da-22e8e8c9cf5b",
"type": "/Visual Components/Article/Rating/Bad",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
},
{
"id": "6d6e39a8-10c3-2d8f-9758-18c33b7a6805",
"type": "Component Inputs",
"x": -306.33333333333337,
"y": -106.33333333333331,
"parameters": {},
"ports": [
{
"name": "state",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "a89dd236-f87a-4789-da63-70eb2e256895",
"type": "NavigationClosePopup",
"x": 315.66666666666663,
"y": -18.333333333333314,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "af6f9c75-9627-52da-a4c3-913b835c8ac4",
"type": "CSS Definition",
"x": -420.33333333333337,
"y": 94.66666666666669,
"parameters": {
"style": ".popup-inner{\n width: min(95vw, 850px) !important;\n height: auto !important;\n}"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "6d99bc38-e848-8eb8-4351-881b9435c3fd",
"type": "States",
"x": -226.33333333333337,
"y": -10.333333333333314,
"parameters": {
"states": "good,neutral,bad"
},
"ports": [],
"dynamicports": [
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To good",
"name": "to-good",
"group": "Go to state",
"index": 6
},
{
"plug": "output",
"type": "boolean",
"displayName": "At good",
"name": "at-good",
"group": "Current state",
"index": 7
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached good",
"name": "reached-good",
"group": "Current state",
"index": 8
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To neutral",
"name": "to-neutral",
"group": "Go to state",
"index": 9
},
{
"plug": "output",
"type": "boolean",
"displayName": "At neutral",
"name": "at-neutral",
"group": "Current state",
"index": 10
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached neutral",
"name": "reached-neutral",
"group": "Current state",
"index": 11
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To bad",
"name": "to-bad",
"group": "Go to state",
"index": 12
},
{
"plug": "output",
"type": "boolean",
"displayName": "At bad",
"name": "at-bad",
"group": "Current state",
"index": 13
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached bad",
"name": "reached-bad",
"group": "Current state",
"index": 14
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"good",
"neutral",
"bad"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "good",
"index": 15
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 9044.381198466383,
"y": 0
}
}
},
{
"name": "/Pop-ups/Share/Copied - Periodic",
"id": "37bde4c3-01a7-390d-b748-de2f571d14ec",
"graph": {
"connections": [
{
"fromId": "755749a8-1627-86f2-ba20-3b0fc5a4918d",
"fromProperty": "onClick",
"toId": "ac2d4a58-6183-b0c3-d96a-4ff88b00b324",
"toProperty": "close"
},
{
"fromId": "88dbbc3a-5b60-a177-2448-53a0ffe11c67",
"fromProperty": "class",
"toId": "26eb10a7-e1c9-e710-1743-250ecb4ba9ee",
"toProperty": "cssClassName"
},
{
"fromId": "26eb10a7-e1c9-e710-1743-250ecb4ba9ee",
"fromProperty": "didMount",
"toId": "88dbbc3a-5b60-a177-2448-53a0ffe11c67",
"toProperty": "to-opened"
},
{
"fromId": "88dbbc3a-5b60-a177-2448-53a0ffe11c67",
"fromProperty": "reached-opened",
"toId": "5d7dcce5-693e-c28a-25c7-a93228d9188b",
"toProperty": "restart"
},
{
"fromId": "5d7dcce5-693e-c28a-25c7-a93228d9188b",
"fromProperty": "timerFinished",
"toId": "ac2d4a58-6183-b0c3-d96a-4ff88b00b324",
"toProperty": "close"
}
],
"roots": [
{
"id": "26eb10a7-e1c9-e710-1743-250ecb4ba9ee",
"type": "Group",
"x": -21,
"y": 12,
"parameters": {
"sizeMode": "contentHeight",
"zIndex": 9999999999,
"position": "absolute",
"maxWidth": {
"value": 375,
"unit": "px"
},
"backgroundColor": "#52CC1FE5",
"borderRadius": {
"value": 25,
"unit": "px"
},
"paddingTop": {
"value": 25,
"unit": "px"
},
"paddingBottom": {
"value": 25,
"unit": "px"
},
"paddingRight": {
"value": 25,
"unit": "px"
},
"paddingLeft": {
"value": 25,
"unit": "px"
},
"cssClassName": "copied-popup",
"transformOriginX": {
"value": 0,
"unit": "%"
},
"transformOriginY": {
"value": 0,
"unit": "%"
},
"alignItems": "center",
"justifyContent": "center",
"alignY": "center",
"alignX": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "755749a8-1627-86f2-ba20-3b0fc5a4918d",
"type": "Group",
"parameters": {
"sizeMode": "contentSize",
"alignX": "right",
"alignY": "top",
"position": "absolute",
"marginTop": {
"value": 12.5,
"unit": "px"
},
"marginRight": {
"value": 12.5,
"unit": "px"
},
"cssClassName": "pointer"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "0a932ff6-dc76-6010-d1b6-7c49ebd933f9",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "close"
},
"iconSize": {
"value": 25,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "517721f3-16ca-d282-6436-24e68e3ccf7e",
"type": "Text",
"parameters": {
"text": "Copied!",
"sizeMode": "contentSize",
"color": "Super Light Gray",
"fontFamily": "Inter-Medium.ttf"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "ac2d4a58-6183-b0c3-d96a-4ff88b00b324",
"type": "NavigationClosePopup",
"x": 480,
"y": -13.333333333333314,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "5d7dcce5-693e-c28a-25c7-a93228d9188b",
"type": "Timer",
"x": 249,
"y": -99.33333333333331,
"parameters": {
"duration": 2500
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "7c8f792c-9dcf-6c8c-d361-dccf5b8b3c5c",
"type": "CSS Definition",
"x": -347,
"y": 101.66666666666669,
"parameters": {
"style": ".copied-popup{\n transition: ease-in-out 1s !important;\n transform: translateX(-50%) translateY(150%);\n}\n.copied-popup.default{\n opacity: 0 !important;\n transform: translateX(-50%) translateY(150%) !important;\n}\n.copied-popup.opened{\n opacity: 1 !important;\n transform: translateX(-50%) translateY(-50%) !important;\n}"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "88dbbc3a-5b60-a177-2448-53a0ffe11c67",
"type": "States",
"x": -347,
"y": -80.33333333333331,
"parameters": {
"values": "class",
"type-class": "string",
"states": "default,opened",
"value-default-class": "copied-popup default",
"value-opened-class": "copied-popup open",
"currentState": "default"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "string",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "class",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "class",
"name": "type-class",
"index": 7
},
{
"plug": "input",
"type": "string",
"group": "default Values",
"name": "value-default-class",
"displayName": "class",
"editorName": "default|class",
"index": 8
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "default Transitions",
"name": "transitiondef-default",
"index": 9
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To default",
"name": "to-default",
"group": "Go to state",
"index": 10
},
{
"plug": "output",
"type": "boolean",
"displayName": "At default",
"name": "at-default",
"group": "Current state",
"index": 11
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached default",
"name": "reached-default",
"group": "Current state",
"index": 12
},
{
"plug": "input",
"type": "string",
"group": "opened Values",
"name": "value-opened-class",
"displayName": "class",
"editorName": "opened|class",
"index": 13
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "opened Transitions",
"name": "transitiondef-opened",
"index": 14
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To opened",
"name": "to-opened",
"group": "Go to state",
"index": 15
},
{
"plug": "output",
"type": "boolean",
"displayName": "At opened",
"name": "at-opened",
"group": "Current state",
"index": 16
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached opened",
"name": "reached-opened",
"group": "Current state",
"index": 17
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"default",
"opened"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "default",
"index": 18
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 8589.381198466383,
"y": 0
}
}
},
{
"name": "/Pop-ups/Share/Share Item",
"id": "7f2223d2-1a9d-7833-4a1a-2beb65b1fc53",
"graph": {
"connections": [
{
"fromId": "849fba1f-e1b3-60e9-0b7f-13d4e364655b",
"fromProperty": "onClick",
"toId": "9c64858e-4007-858c-f2c5-608df1c12f36",
"toProperty": "Click"
},
{
"fromId": "c690e080-baae-8afa-3586-b32bacb36e9c",
"fromProperty": "Icon Src Set",
"toId": "8f479153-09c1-10c7-882c-57e79ae5fb57",
"toProperty": "srcSet"
},
{
"fromId": "c690e080-baae-8afa-3586-b32bacb36e9c",
"fromProperty": "Label",
"toId": "ee25b91b-9ac9-ef31-af70-600761ad01fb",
"toProperty": "text"
}
],
"roots": [
{
"id": "849fba1f-e1b3-60e9-0b7f-13d4e364655b",
"type": "Group",
"x": -127.5,
"y": -89.5,
"parameters": {
"sizeMode": "contentSize",
"alignItems": "center",
"cssClassName": "pointer"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "ef5ea686-8a2d-fc2b-2fff-08e24e0deb5b",
"type": "Group",
"parameters": {
"height": {
"value": 30,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "8f479153-09c1-10c7-882c-57e79ae5fb57",
"type": "Image",
"parameters": {
"srcSet": "FBShare.png 2x",
"alignY": "center"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ee25b91b-9ac9-ef31-af70-600761ad01fb",
"type": "Text",
"parameters": {
"fontSize": {
"value": 14,
"unit": "px"
},
"color": "#545454",
"text": "Facebook",
"marginTop": {
"value": 4,
"unit": "px"
},
"alignX": "center",
"textAlignX": "center",
"alignY": "center",
"lineHeight": {
"value": 30,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "9c64858e-4007-858c-f2c5-608df1c12f36",
"type": "Component Outputs",
"x": 177.58944113589598,
"y": -63.09110205355188,
"parameters": {},
"ports": [
{
"name": "Click",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "c690e080-baae-8afa-3586-b32bacb36e9c",
"type": "Component Inputs",
"x": -361.1290382505807,
"y": 6.85877802182398,
"parameters": {},
"ports": [
{
"name": "Icon Src Set",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "Label",
"plug": "output",
"type": {
"name": "*"
},
"index": 2
}
],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 8134.381198466383,
"y": 0
}
}
},
{
"name": "/Pop-ups/Share/Share Popup",
"id": "78dd9fc2-12fc-e90b-f4c3-71fa2a8823bc",
"graph": {
"connections": [
{
"fromId": "982babae-08ae-3542-94b8-db2c810309eb",
"fromProperty": "onClick",
"toId": "9e333d4b-59ac-94e0-ecd3-f5b491d0f3e8",
"toProperty": "close"
},
{
"fromId": "e2100ed9-4889-1421-1d57-7e5e2751bbd8",
"fromProperty": "formatted",
"toId": "b9698eae-d6e5-9a4d-362e-49aa02543893",
"toProperty": "link"
},
{
"fromId": "827b30c8-8fd8-d0c2-3104-a582a732188b",
"fromProperty": "value",
"toId": "e2100ed9-4889-1421-1d57-7e5e2751bbd8",
"toProperty": "slug"
},
{
"fromId": "323aac13-c6f5-def0-1ab2-be46cb704641",
"fromProperty": "prop-article",
"toId": "ca502e99-0511-363e-700e-0babda36a6a9",
"toProperty": "in-article"
},
{
"fromId": "323aac13-c6f5-def0-1ab2-be46cb704641",
"fromProperty": "fetched",
"toId": "ca502e99-0511-363e-700e-0babda36a6a9",
"toProperty": "run"
},
{
"fromId": "997702c7-e624-e2f5-b68a-874b78d7c9a5",
"fromProperty": "value",
"toId": "323aac13-c6f5-def0-1ab2-be46cb704641",
"toProperty": "modelId"
},
{
"fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
"fromProperty": "out-coverImage",
"toId": "2e96ecf4-3940-a0f7-ee4d-9d8c2e5918f2",
"toProperty": "src"
},
{
"fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
"fromProperty": "out-articleTitle",
"toId": "2aa7ce4f-53ef-8a5f-dc4e-21d8a475b82b",
"toProperty": "text"
},
{
"fromId": "5a5b63c5-450c-da84-5161-79824268618d",
"fromProperty": "formatted",
"toId": "48709706-1cc8-ceef-d3fe-aacd164c62b3",
"toProperty": "source"
},
{
"fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
"fromProperty": "out-articleAuthor",
"toId": "5a5b63c5-450c-da84-5161-79824268618d",
"toProperty": "author"
},
{
"fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
"fromProperty": "out-verified",
"toId": "5a5b63c5-450c-da84-5161-79824268618d",
"toProperty": "verifiedBy"
},
{
"fromId": "1eb7eeee-702b-6f54-3ff8-ffc983a39774",
"fromProperty": "out-formattedDate",
"toId": "00a25f65-d528-db0e-3cdc-d8878e4eb4d9",
"toProperty": "text"
},
{
"fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
"fromProperty": "out-publishedAt",
"toId": "1eb7eeee-702b-6f54-3ff8-ffc983a39774",
"toProperty": "in-date"
},
{
"fromId": "a34fe61c-3eab-6dce-808f-6554f2d0d750",
"fromProperty": "out-doShowCopiedPopup",
"toId": "9c8643b9-0531-f3cc-43da-71ed696faef5",
"toProperty": "show"
},
{
"fromId": "86bb125b-f5b4-4ba4-587f-0afef3ea918a",
"fromProperty": "value",
"toId": "daac7c16-ad41-5385-ed2d-622b0dff16e2",
"toProperty": "slug"
},
{
"fromId": "daac7c16-ad41-5385-ed2d-622b0dff16e2",
"fromProperty": "formatted",
"toId": "a34fe61c-3eab-6dce-808f-6554f2d0d750",
"toProperty": "in-link"
},
{
"fromId": "342f72e3-2b12-4515-e601-d845f31a49a1",
"fromProperty": "out-result",
"toId": "158b8308-c1a6-c26a-1b99-016d3d80b68f",
"toProperty": "html"
},
{
"fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
"fromProperty": "out-articleTitle",
"toId": "342f72e3-2b12-4515-e601-d845f31a49a1",
"toProperty": "in-title"
},
{
"fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
"fromProperty": "out-bodyText",
"toId": "342f72e3-2b12-4515-e601-d845f31a49a1",
"toProperty": "in-body"
},
{
"fromId": "daac7c16-ad41-5385-ed2d-622b0dff16e2",
"fromProperty": "formatted",
"toId": "342f72e3-2b12-4515-e601-d845f31a49a1",
"toProperty": "in-link"
},
{
"fromId": "8ef1a1e5-d02f-5109-5560-2f7a8c57df91",
"fromProperty": "out-clicked",
"toId": "a51ee561-d479-6274-84fa-f2228be00bde",
"toProperty": "sendEvent"
},
{
"fromId": "c1b3e8e9-76e7-f090-9faf-dd3d05970409",
"fromProperty": "onClick",
"toId": "a51ee561-d479-6274-84fa-f2228be00bde",
"toProperty": "sendEvent"
},
{
"fromId": "cec43a2e-30e9-4395-b3cf-95a61ecefdd5",
"fromProperty": "onClick",
"toId": "a34fe61c-3eab-6dce-808f-6554f2d0d750",
"toProperty": "run"
}
],
"roots": [
{
"id": "fada616b-8ce2-958f-5b72-85e1351c34e0",
"type": "Group",
"x": -23.5,
"y": -97.5,
"parameters": {
"backgroundColor": "Pop-up Grey Overlay",
"zIndex": 6,
"alignItems": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "c8af4d06-7797-e8c3-c4ea-70f5cca08309",
"type": "Group",
"parameters": {
"backgroundColor": "#FFFFFF",
"alignItems": "center",
"paddingTop": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingBottom": {
"value": 24,
"unit": "px"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"sizeMode": "contentHeight",
"position": "relative",
"alignY": "center",
"borderRadius": {
"value": 16,
"unit": "px"
},
"zIndex": 6,
"maxWidth": {
"value": 560,
"unit": "px"
},
"maxHeight": {
"value": 640,
"unit": "px"
},
"marginRight": {
"value": 0,
"unit": "px"
},
"marginLeft": {
"value": 0,
"unit": "px"
},
"alignX": "center",
"boxShadowEnabled": true,
"width": {
"value": 95,
"unit": "%"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "982babae-08ae-3542-94b8-db2c810309eb",
"type": "Group",
"parameters": {
"alignItems": "flex-end",
"sizeMode": "contentSize",
"alignX": "right",
"cssClassName": "pointer"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "89d69684-61a2-1607-8a54-c93e225f13d0",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "close"
},
"iconColor": "Cyan Dark",
"iconSize": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "6d9b46a4-9f7e-3294-aeca-a0dc5381a254",
"type": "Text",
"variant": "Large Cyan Text",
"label": "Profile created",
"parameters": {
"text": "Share this article",
"textAlignX": "center",
"marginBottom": {
"value": 24,
"unit": "px"
},
"fontFamily": "Inter-Bold.ttf",
"fontSize": {
"value": 19,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "07732858-146d-339f-b914-f1cac4bd39a1",
"type": "Group",
"label": "Image container",
"parameters": {
"sizeMode": "contentHeight",
"alignItems": "flex-start",
"marginBottom": {
"value": 24,
"unit": "px"
},
"paddingTop": {
"value": 16,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingBottom": {
"value": 16,
"unit": "px"
},
"borderStyle": "solid",
"borderWidth": {
"value": 1,
"unit": "px"
},
"borderRadius": {
"value": 10,
"unit": "px"
},
"borderColor": "#D6D6D6",
"flexDirection": "row"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "2e96ecf4-3940-a0f7-ee4d-9d8c2e5918f2",
"type": "Image",
"label": "Mail icon",
"parameters": {
"src": "mail.svg",
"sizeMode": "explicit",
"width": {
"value": 120,
"unit": "px"
},
"height": {
"value": 120,
"unit": "px"
},
"objectFit": "cover"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "4d229aee-e083-c7ad-eec3-7371fb37dd53",
"type": "Group",
"parameters": {
"marginLeft": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "2aa7ce4f-53ef-8a5f-dc4e-21d8a475b82b",
"type": "Text",
"parameters": {
"fontSize": {
"value": 14,
"unit": "px"
},
"fontFamily": "Inter-Bold.ttf",
"color": "#379EA5"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "48709706-1cc8-ceef-d3fe-aacd164c62b3",
"type": "Markdown",
"parameters": {
"cssClassName": "info"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "00a25f65-d528-db0e-3cdc-d8878e4eb4d9",
"type": "Text",
"parameters": {
"fontFamily": "Inter-Bold.ttf",
"fontSize": {
"value": 13,
"unit": "px"
},
"color": "#505758",
"marginLeft": {
"value": 0,
"unit": "px"
},
"marginTop": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "cdfce885-e4bb-dac0-53eb-9f4a6c95eedf",
"type": "Group",
"label": "FB Preshare",
"parameters": {
"sizeMode": "contentSize",
"width": {
"value": 0,
"unit": "px"
},
"height": {
"value": 0,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "11c6c11e-0c5a-c79a-7181-9e98e94d4856",
"type": "module.inlineHtml",
"parameters": {
"html": "<div id=\"fb-root\"></div>\r\n<script async defer crossorigin=\"anonymous\" src=\"https://connect.facebook.net/sv_SE/sdk.js#xfbml=1&version=v13.0\" nonce=\"fEi2ZGA2\"></script>",
"runJs": true,
"mounted": true
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "2df0fa77-e62e-6f31-e734-b2eebce06d46",
"type": "Group",
"parameters": {
"flexDirection": "row",
"justifyContent": "space-around",
"alignItems": "center",
"marginBottom": {
"value": 24,
"unit": "px"
},
"cssClassName": "share-btns-container"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "f8ed3001-ba8c-23d9-45c0-485b31a711d3",
"type": "Group",
"label": "Facebook",
"parameters": {
"cssClassName": "fb-share",
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "31d0e853-ddff-d204-af60-b1b5a5048e03",
"type": "module.inlineHtml",
"parameters": {
"html": "<div \n class=\"share-button\" \n data-href=\"https://shinearticles.sandbox.noodl.app/article/&#123;slug&#125;\" \n data-layout=\"button\" \n data-size=\"large\">\n \n <a \n target=\"_blank\" \n href=\"https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fshinearticles.sandbox.noodl.app%2Farticle%2F%257Bslug%257D&amp;src=sdkpreparse\" \n class=\"fb-xfbml-parse-ignore\"\n onclick=\"wasClicked()\">\n <img srcset=\"/FBShare.png 2x\" />\n Facebook\n </a>\n</div>",
"runJs": true
},
"ports": [],
"dynamicports": [],
"conflicts": [],
"children": []
}
]
},
{
"id": "5c72610c-2a7f-978d-2cda-c768fce16d91",
"type": "Group",
"label": "Twitter",
"parameters": {
"sizeMode": "contentSize",
"alignY": "center",
"cssClassName": "twt-share"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "6f633b6f-e0c8-ec71-08a7-4838227e6449",
"type": "module.inlineHtml",
"parameters": {
"html": "<a \n href=\"https://twitter.com/share?ref_src=twsrc%5Etfw\" \n class=\"share-button\" \n data-text=\"Check out this article from Shine\" \n data-url=\"https://shinearticles.sandbox.noodl.app/article/{slug}\" \n data-hashtags=\"Shine\" \n data-related=\"Shine\" \n data-lang=\"en\" \n data-show-count=\"false\"\n target=\"_blank\"\n onclick=\"wasClicked()\">\n <img srcset=\"/TwitterShare.png 2x\" />\n Twitter\n</a>\n<script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>",
"runJs": true
},
"ports": [],
"dynamicports": [],
"conflicts": [],
"children": []
}
]
},
{
"id": "cec43a2e-30e9-4395-b3cf-95a61ecefdd5",
"type": "Group",
"label": "Link Share",
"parameters": {
"sizeMode": "contentSize",
"alignItems": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "dcf4d07a-73ac-93fa-93ed-80e517fcccde",
"type": "Image",
"parameters": {
"srcSet": "/LinkShare.png 2x",
"marginBottom": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "c1b3e8e9-76e7-f090-9faf-dd3d05970409",
"type": "Text",
"label": "Copy",
"parameters": {
"text": "Copy Link",
"fontSize": {
"value": 14,
"unit": "px"
},
"color": "#545454"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "a83227ea-bc80-a38a-3bcb-bddee858a197",
"type": "Group",
"label": "Mailto",
"parameters": {
"sizeMode": "contentSize",
"cssClassName": "share-item mail-share"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "158b8308-c1a6-c26a-1b99-016d3d80b68f",
"type": "module.inlineHtml",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
}
]
},
{
"id": "9e333d4b-59ac-94e0-ecd3-f5b491d0f3e8",
"type": "NavigationClosePopup",
"x": 252.52707245701254,
"y": -41.07419850448096,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "e2100ed9-4889-1421-1d57-7e5e2751bbd8",
"type": "String Format",
"x": 423.43422832349273,
"y": 244.9523979155394,
"parameters": {
"format": "https://www.facebook.com/sharer/sharer.php?u=https://shinearticles.sandbox.noodl.app/article/{slug}"
},
"ports": [],
"dynamicports": [
{
"name": "slug",
"type": "string",
"plug": "input",
"index": 2
}
],
"children": []
},
{
"id": "b9698eae-d6e5-9a4d-362e-49aa02543893",
"type": "net.noodl.externallink",
"x": 412.6843878224411,
"y": 355.1382630513189,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "827b30c8-8fd8-d0c2-3104-a582a732188b",
"type": "Variable2",
"x": 432.8403387619131,
"y": 129.391612529234,
"parameters": {
"name": "Current Slug"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "323aac13-c6f5-def0-1ab2-be46cb704641",
"type": "Model2",
"x": -490.3022142658987,
"y": 53.10906749149433,
"parameters": {
"properties": "article"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-article",
"displayName": "article",
"index": 7
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "article Changed",
"name": "changed-article",
"index": 8
}
],
"children": []
},
{
"id": "ca502e99-0511-363e-700e-0babda36a6a9",
"type": "JavaScriptFunction",
"x": -277.4823876500813,
"y": 80.78687166721625,
"parameters": {
"functionScript": "Outputs.bodyText = Inputs.article.articleBodyText;\nOutputs.articleTitle = Inputs.article.articleTitle;\nOutputs.coverImage = Inputs.article.coverImage.url;\nOutputs.articleAuthor = Inputs.article.author;\nOutputs.publishedAt = Inputs.article.sys.publishedAt;\nOutputs.verified = Inputs.article.verifiedBy;\nOutputs.references = Inputs.article.refernces;\nOutputs.articleId = Inputs.article.sys.id;"
},
"ports": [],
"dynamicports": [
{
"name": "in-article",
"displayName": "article",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-bodyText",
"displayName": "bodyText",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 5
},
{
"name": "out-articleTitle",
"displayName": "articleTitle",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 6
},
{
"name": "out-coverImage",
"displayName": "coverImage",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 7
},
{
"name": "out-articleAuthor",
"displayName": "articleAuthor",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 8
},
{
"name": "out-publishedAt",
"displayName": "publishedAt",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 9
},
{
"name": "out-verified",
"displayName": "verified",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 10
},
{
"name": "out-references",
"displayName": "references",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 11
},
{
"name": "out-articleId",
"displayName": "articleId",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 12
}
],
"children": []
},
{
"id": "997702c7-e624-e2f5-b68a-874b78d7c9a5",
"type": "Variable2",
"x": -543.0879798254496,
"y": 192.5469254729124,
"parameters": {
"name": "Article Object Id"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "5a5b63c5-450c-da84-5161-79824268618d",
"type": "String Format",
"x": -258.09357248989824,
"y": 470.28804873160993,
"parameters": {
"format": "By <span>{author}</span> <br>\n<br>Verified by <span>{verifiedBy}</span></br>"
},
"ports": [],
"dynamicports": [
{
"name": "author",
"type": "string",
"plug": "input",
"index": 2
},
{
"name": "verifiedBy",
"type": "string",
"plug": "input",
"index": 3
}
],
"children": []
},
{
"id": "1eb7eeee-702b-6f54-3ff8-ffc983a39774",
"type": "JavaScriptFunction",
"x": -232.9162100158337,
"y": 320.1237759570563,
"parameters": {
"functionScript": "Outputs.formattedDate = moment(Inputs.date).format(\"MMM Do YYYY\")\n"
},
"ports": [],
"dynamicports": [
{
"name": "in-date",
"displayName": "date",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-formattedDate",
"displayName": "formattedDate",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 5
}
],
"children": []
},
{
"id": "01b60442-f8ed-7d17-903d-77fe87fc5fa8",
"type": "CSS Definition",
"x": -255.7371272533187,
"y": 734.5000932378744,
"parameters": {
"style": ".share-item {\n margin:0px; \n padding:0px;\n}\n\n.fb-share .share-button a{\n display:flex;\n flex-direction: column;\n align-items: center;\n text-align: center; \n transition: ease-in-out 0.3s !important;\n text-decoration: none !important;\n font-size: 14px !important;\n color: #545454 !important;\n font-family: Inter !important;\n}\n\n.fb-share .share-button img {\n vertical-align: middle;\n margin-bottom:8px;\n}\n\n\n.twt-share a{\n display:flex;\n flex-direction: column;\n align-items: center;\n transition: ease-in-out 0.3s !important;\n text-decoration: none !important;\n font-size: 14px !important;\n color: #545454 !important;\n font-family: Inter !important;\n}\n\n.twt-share img {\n width:100%;\n vertical-align: middle;\n margin-bottom:8px;\n}\n\n\n.mail-share a{\n display:flex;\n flex-direction: column;\n align-items: center;\n transition: ease-in-out 0.3s !important;\n text-decoration: none !important;\n font-size: 14px !important;\n color: #545454 !important;\n font-family: Inter !important;\n}\n\n.mail-share img {\n width:100%;\n vertical-align: middle;\n margin-bottom:8px;\n}\n\n\n.link-share div{\n border: 1px solid #efefef !important;\n \n transition: ease-in-out 0.3s !important;\n text-decoration: none !important;\n border-radius: 8px !important;\n font-size: 16px !important;\n color: #333 !important;\n font-family: Inter !important;\n}\n.link-share div:hover{\n background: #333 !important;\n color: #fff !important;\n}"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "9c8643b9-0531-f3cc-43da-71ed696faef5",
"type": "NavigationShowPopup",
"x": -274.4137603320643,
"y": 1565.5035074924845,
"parameters": {
"target": "/Pop-ups/Share/Copied - Periodic"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "a34fe61c-3eab-6dce-808f-6554f2d0d750",
"type": "JavaScriptFunction",
"label": "copyToClipboard",
"x": -272.4137603320643,
"y": 1403.503507492484,
"parameters": {
"functionScript": "if(Inputs.link){\n navigator.clipboard.writeText(Inputs.link);\n Outputs.doShowCopiedPopup();\n}"
},
"ports": [],
"dynamicports": [
{
"name": "in-link",
"displayName": "link",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-doShowCopiedPopup",
"displayName": "doShowCopiedPopup",
"plug": "output",
"type": "signal",
"group": "Outputs",
"index": 5
}
],
"children": []
},
{
"id": "daac7c16-ad41-5385-ed2d-622b0dff16e2",
"type": "String Format",
"x": -269.4137603320643,
"y": 1288.0642928787897,
"parameters": {
"format": "https://shinearticles.sandbox.noodl.app/article/{slug}"
},
"ports": [],
"dynamicports": [
{
"name": "slug",
"type": "string",
"plug": "input",
"index": 2
}
],
"children": []
},
{
"id": "86bb125b-f5b4-4ba4-587f-0afef3ea918a",
"type": "Variable2",
"x": -261.007649893644,
"y": 1172.5035074924842,
"parameters": {
"name": "Current Slug"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "342f72e3-2b12-4515-e601-d845f31a49a1",
"type": "JavaScriptFunction",
"label": "generateMailTo",
"x": -274.6694123385711,
"y": 954.5895909192393,
"parameters": {
"functionScript": "if(Inputs.title && Inputs.body && Inputs.link){\n var mailto = '<a onclick=\"wasClicked()\" href=\"mailto:';\n mailto += '?subject=' + Inputs.title;\n mailto += '&body=' + Inputs.body.slice(0, 255) + '...';\n mailto += '%0D%0A%0D%0AClick on this link to view the full article: ' + Inputs.link;\n mailto += '%0D%0A%0D%0AAbout Shine - some text about shine goes here.%0D%0A%0D%0A\"><img srcset=\"/EmailShare.png 2x\" />Email</a>';\n \n var htmlObj = document.createElement('div');\n htmlObj.innerHTML = mailto;\n \n Outputs.result = mailto;\n}"
},
"ports": [],
"dynamicports": [
{
"name": "in-title",
"displayName": "title",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "in-body",
"displayName": "body",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 5
},
{
"name": "in-link",
"displayName": "link",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 6
},
{
"name": "out-result",
"displayName": "result",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 7
}
],
"conflicts": [],
"children": []
},
{
"id": "8ef1a1e5-d02f-5109-5560-2f7a8c57df91",
"type": "JavaScriptFunction",
"x": 447.35955383116027,
"y": 474.4219568737351,
"parameters": {
"functionScript": "window.wasClicked = function(type) {\n Outputs.clicked();\n Outputs.outlink = type;\n};"
},
"ports": [],
"dynamicports": [
{
"name": "out-clicked",
"displayName": "clicked",
"plug": "output",
"type": "signal",
"group": "Outputs",
"index": 4
},
{
"name": "out-outlink",
"displayName": "outlink",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 5
}
],
"children": []
},
{
"id": "a51ee561-d479-6274-84fa-f2228be00bde",
"type": "Event Sender",
"label": "outlink clicked",
"x": 670.5343139113978,
"y": 470.6387834869101,
"parameters": {
"channelName": "outlink clicked"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 7679.381198466383,
"y": -67.2481602635614
}
}
},
{
"name": "/Pop-ups/Sign in or Sign up /Forgotten Password",
"id": "6e901ef8-30eb-cd83-7790-eb046cc7cec4",
"graph": {
"connections": [
{
"fromId": "51e5cfb4-a3f4-04d9-27ff-6b92b7dfba95",
"fromProperty": "email",
"toId": "dd624f16-5ae3-d262-31ac-b488df9a06a7",
"toProperty": "email"
},
{
"fromId": "cc3f67d0-6c1b-a6f9-a9f7-37043afe84a9",
"fromProperty": "onClick",
"toId": "b51ccf57-9733-99b0-e833-dd857c9058a3",
"toProperty": "close"
},
{
"fromId": "b983e2a2-1492-7a72-96e3-545b6dfb6f3b",
"fromProperty": "onTextChanged",
"toId": "0fde3702-937b-89e3-d113-318be8c26621",
"toProperty": "email"
},
{
"fromId": "51e5cfb4-a3f4-04d9-27ff-6b92b7dfba95",
"fromProperty": "email",
"toId": "0fde3702-937b-89e3-d113-318be8c26621",
"toProperty": "userEmail"
},
{
"fromId": "0fde3702-937b-89e3-d113-318be8c26621",
"fromProperty": "result",
"toId": "260bc7cb-70fb-cf09-981a-3e87111820d4",
"toProperty": "condition"
},
{
"fromId": "260bc7cb-70fb-cf09-981a-3e87111820d4",
"fromProperty": "ontrue",
"toId": "dd624f16-5ae3-d262-31ac-b488df9a06a7",
"toProperty": "send"
},
{
"fromId": "485392e8-5e29-2628-bcfc-4216e29ae43a",
"fromProperty": "onClick",
"toId": "260bc7cb-70fb-cf09-981a-3e87111820d4",
"toProperty": "eval"
},
{
"fromId": "dd624f16-5ae3-d262-31ac-b488df9a06a7",
"fromProperty": "success",
"toId": "afb257b0-d063-063f-4998-d225e5db6cec",
"toProperty": "close"
}
],
"roots": [
{
"id": "b51ccf57-9733-99b0-e833-dd857c9058a3",
"type": "NavigationClosePopup",
"x": 246.25530027357053,
"y": 27.458452145665547,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "528c78dd-ae52-782d-d163-1e8826e74d7a",
"type": "Group",
"x": -51,
"y": -55,
"parameters": {
"backgroundColor": "Pop-up Grey Overlay",
"zIndex": 6
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "b73df524-67b3-0b79-06b3-c60d7aed703a",
"type": "Group",
"parameters": {
"backgroundColor": "#FFFFFF",
"alignItems": "center",
"paddingTop": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingBottom": {
"value": 24,
"unit": "px"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"sizeMode": "contentHeight",
"position": "absolute",
"alignY": "center",
"borderRadius": {
"value": 16,
"unit": "px"
},
"zIndex": 6,
"maxWidth": {
"value": 560,
"unit": "px"
},
"maxHeight": {
"value": 640,
"unit": "px"
},
"marginRight": {
"value": 24,
"unit": "px"
},
"marginLeft": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "cc3f67d0-6c1b-a6f9-a9f7-37043afe84a9",
"type": "Group",
"parameters": {
"alignItems": "flex-end",
"sizeMode": "contentSize",
"alignX": "right"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "4fe03199-1673-0bbb-3f68-6f90e412be13",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "close"
},
"iconColor": "Cyan Dark",
"iconSize": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "7485350e-c47c-2c3a-315a-a9a2a0d8aead",
"type": "Text",
"variant": "Large Cyan Text",
"label": "Profile created",
"parameters": {
"text": "Forgotten your password?",
"textAlignX": "center",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "0ee47e9f-a521-a110-e1aa-e00cbf450589",
"type": "Group",
"label": "Image container",
"parameters": {
"sizeMode": "contentHeight",
"alignItems": "center",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "c00518c5-380d-edcf-6a69-69237d20a4b0",
"type": "Image",
"label": "Mail icon",
"parameters": {
"src": "mail.svg"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "dbbd0bf3-5a62-f5b1-1d33-11d82d4ceaf2",
"type": "Text",
"label": "Verify with email",
"parameters": {
"text": "Enter the address you signed up with to recieve a password reset link",
"textAlignX": "center",
"marginBottom": {
"value": 24,
"unit": "px"
},
"lineHeight": {
"value": 24,
"unit": "px"
},
"fontSize": {
"value": 14,
"unit": "px"
},
"color": "Dark Gray"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "b983e2a2-1492-7a72-96e3-545b6dfb6f3b",
"type": "net.noodl.controls.textinput",
"variant": "UI Text Input",
"label": "Email",
"parameters": {
"type": "email",
"placeholder": "name@email.com",
"label": "Email",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "485392e8-5e29-2628-bcfc-4216e29ae43a",
"type": "net.noodl.controls.button",
"variant": "Button Primary",
"label": "Continue",
"parameters": {
"label": "Continue"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "dd624f16-5ae3-d262-31ac-b488df9a06a7",
"type": "net.noodl.user.RequestPasswordReset",
"x": 642.960847636943,
"y": 386.3123912753417,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "51e5cfb4-a3f4-04d9-27ff-6b92b7dfba95",
"type": "net.noodl.user.User",
"x": 632.8161555894352,
"y": 278.1678815830861,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 12
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 13
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 14
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 15
},
{
"type": {
"name": "boolean"
},
"plug": "output",
"group": "Properties",
"name": "prop-emailVerified",
"displayName": "emailVerified",
"index": 16
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "emailVerified Changed",
"name": "changed-emailVerified",
"index": 17
},
{
"type": {
"name": "*"
},
"plug": "output",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 18
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "liked_articles Changed",
"name": "changed-liked_articles",
"index": 19
}
],
"children": []
},
{
"id": "0fde3702-937b-89e3-d113-318be8c26621",
"type": "Expression",
"x": 281.44240032550283,
"y": 273.04663968599993,
"parameters": {
"expression": "email===userEmail"
},
"ports": [],
"dynamicports": [
{
"name": "email",
"type": {
"name": "*",
"editAsType": "string"
},
"plug": "input",
"index": 2
},
{
"name": "userEmail",
"type": {
"name": "*",
"editAsType": "string"
},
"plug": "input",
"index": 3
}
],
"children": []
},
{
"id": "260bc7cb-70fb-cf09-981a-3e87111820d4",
"type": "Condition",
"x": 323.5405555690237,
"y": 483.5374159036045,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "afb257b0-d063-063f-4998-d225e5db6cec",
"type": "NavigationClosePopup",
"x": 877.5892838564746,
"y": 375.8540492574152,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": -1838.507337795446,
"y": 0
}
}
},
{
"name": "/Pop-ups/Sign in or Sign up /Profile Created",
"id": "91e64875-d2b2-b398-8415-5405bb897b97",
"graph": {
"connections": [
{
"fromId": "530e454d-21a5-9706-e958-d71e8ee1617d",
"fromProperty": "onClick",
"toId": "4b9e40f6-a97e-4c9f-ef57-4641337ba414",
"toProperty": "close"
}
],
"roots": [
{
"id": "4b9e40f6-a97e-4c9f-ef57-4641337ba414",
"type": "NavigationClosePopup",
"x": 221.34915273296616,
"y": 261.2311952661972,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "a5dc2191-eb00-305d-08ab-af914308a821",
"type": "Group",
"x": -51,
"y": -55,
"parameters": {
"backgroundColor": "Pop-up Grey Overlay",
"zIndex": 6
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "19a6ee44-b049-d9ae-401c-98683f9b67e2",
"type": "Group",
"parameters": {
"backgroundColor": "#FFFFFF",
"alignItems": "center",
"paddingTop": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingBottom": {
"value": 24,
"unit": "px"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"sizeMode": "contentHeight",
"position": "absolute",
"alignY": "center",
"borderRadius": {
"value": 16,
"unit": "px"
},
"zIndex": 6,
"maxWidth": {
"value": 560,
"unit": "px"
},
"maxHeight": {
"value": 640,
"unit": "px"
},
"marginRight": {
"value": 24,
"unit": "px"
},
"marginLeft": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "fc3f38ad-51eb-9914-ee81-9687112c4353",
"type": "Text",
"variant": "Large Cyan Text",
"label": "Profile created",
"parameters": {
"text": "Profile created",
"textAlignX": "center",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "6eda6bfe-85c6-2665-a4a3-de7f06b59edd",
"type": "Group",
"label": "Image container",
"parameters": {
"sizeMode": "contentHeight",
"alignItems": "center",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "3c1ecfd4-a998-f628-b72c-31529d75b062",
"type": "Image",
"label": "Mail icon",
"parameters": {
"src": "mail.svg"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "d14cc2a1-a244-e636-eef7-b94bc9da3437",
"type": "Text",
"label": "Verify with email",
"parameters": {
"text": "You must verify your email address before your comments and likes will show up. Check your inbox for an email from us to do so. ",
"textAlignX": "center",
"marginBottom": {
"value": 24,
"unit": "px"
},
"lineHeight": {
"value": 24,
"unit": "px"
},
"fontSize": {
"value": 14,
"unit": "px"
},
"color": "Dark Gray"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "530e454d-21a5-9706-e958-d71e8ee1617d",
"type": "net.noodl.controls.button",
"variant": "Button Primary",
"label": "Continue",
"parameters": {
"label": "Continue"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
},
"metadata": {
"canvasPos": {
"x": -2293.507337795446,
"y": 0
}
}
},
{
"name": "/Pop-ups/Sign in or Sign up /Sign in",
"id": "1376cf34-5f35-ec90-1146-d799cb1c493d",
"graph": {
"connections": [
{
"fromId": "124f7789-2af8-1091-80fa-47235464da1c",
"fromProperty": "onClick",
"toId": "981d3d9e-8e03-800b-1282-07b1e0eb0da3",
"toProperty": "do"
},
{
"fromId": "cff182c1-2348-f0c6-6ced-67bf8ea2634e",
"fromProperty": "onClick",
"toId": "bb7741a3-658d-87f8-3dab-fa57db96c820",
"toProperty": "do"
},
{
"fromId": "a2b10578-894d-2909-fa9c-4a8b8bfaf8a6",
"fromProperty": "onTextChanged",
"toId": "8736e365-abd1-aa20-784b-5ae92c1d9841",
"toProperty": "username"
},
{
"fromId": "1a898f49-b8ee-7477-7ccb-0fcee6ac310f",
"fromProperty": "onTextChanged",
"toId": "8736e365-abd1-aa20-784b-5ae92c1d9841",
"toProperty": "password"
},
{
"fromId": "7f0f34ba-ad37-b536-6446-df543f52d144",
"fromProperty": "onClick",
"toId": "8736e365-abd1-aa20-784b-5ae92c1d9841",
"toProperty": "login"
},
{
"fromId": "8736e365-abd1-aa20-784b-5ae92c1d9841",
"fromProperty": "success",
"toId": "981d3d9e-8e03-800b-1282-07b1e0eb0da3",
"toProperty": "do"
}
],
"roots": [
{
"id": "77e0bd7e-1483-11f5-8a17-40d6eeeedc8a",
"type": "Group",
"x": 23.93621131882867,
"y": 63.71295093472895,
"parameters": {
"alignItems": "center",
"paddingTop": {
"value": 48,
"unit": "px"
},
"paddingBottom": {
"value": 48,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"backgroundColor": "#FFFFFF",
"scrollEnabled": true,
"marginLeft": {
"value": 24,
"unit": "px"
},
"marginTop": {
"value": 24,
"unit": "px"
},
"marginRight": {
"value": 24,
"unit": "px"
},
"marginBottom": {
"value": 24,
"unit": "px"
},
"borderRadius": {
"value": 16,
"unit": "px"
},
"maxHeight": {
"value": 640,
"unit": "px"
},
"maxWidth": {
"value": 560,
"unit": "px"
},
"alignX": "center",
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "124f7789-2af8-1091-80fa-47235464da1c",
"type": "Group",
"parameters": {
"alignItems": "flex-end",
"sizeMode": "contentSize",
"alignX": "right"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "95cda583-b331-7e06-32f8-7a19136fa895",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "close"
},
"iconColor": "Cyan Dark",
"iconSize": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "530eed45-23ea-235c-5b53-01419782acde",
"type": "Text",
"variant": "Large Cyan Text",
"label": "Sign in",
"parameters": {
"textAlignX": "center",
"text": "Sign in"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "c83cd0ab-6663-153a-7fa5-5a5587986415",
"type": "Group",
"parameters": {
"width": {
"value": 120,
"unit": "px"
},
"height": {
"value": 120,
"unit": "px"
},
"paddingTop": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingBottom": {
"value": 16,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"marginBottom": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "1c208dbd-c2c9-280a-6c49-d931aff621f4",
"type": "Image",
"parameters": {
"src": "profileIcon.svg",
"alignX": "center",
"sizeMode": "explicit",
"objectFit": "contain"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "5babb510-9e24-52d5-5b36-0b462b46289e",
"type": "Text",
"label": "To post or like",
"parameters": {
"textAlignX": "center",
"text": "Sign in to post or like",
"marginBottom": {
"value": 40,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "a2b10578-894d-2909-fa9c-4a8b8bfaf8a6",
"type": "net.noodl.controls.textinput",
"variant": "UI Text Input",
"label": "Username",
"parameters": {
"marginBottom": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "1a898f49-b8ee-7477-7ccb-0fcee6ac310f",
"type": "net.noodl.controls.textinput",
"variant": "UI Text Input",
"label": "Password",
"parameters": {
"label": "Password*",
"placeholder": ""
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "3af916c0-921b-ddd0-f8c2-627d19429920",
"type": "Group",
"parameters": {
"marginTop": {
"value": 32,
"unit": "px"
},
"alignItems": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7f0f34ba-ad37-b536-6446-df543f52d144",
"type": "net.noodl.controls.button",
"variant": "Button Primary",
"label": "Sign in",
"parameters": {
"marginBottom": {
"value": 24,
"unit": "px"
},
"label": "Sign in"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "cff182c1-2348-f0c6-6ced-67bf8ea2634e",
"type": "net.noodl.controls.button",
"variant": "Clickable Text",
"label": "Create a new profile",
"parameters": {
"marginBottom": {
"value": 0,
"unit": "px"
},
"label": "Create a new profile"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "bb7741a3-658d-87f8-3dab-fa57db96c820",
"type": "Set Variable",
"x": 404.81378382840694,
"y": 662.1617521156028,
"parameters": {
"name": "loginMethod",
"setWith": "string",
"value": "Sign Up"
},
"ports": [],
"dynamicports": [
{
"type": "string",
"plug": "input",
"group": "General",
"name": "value",
"displayName": "Value",
"index": 4
}
],
"children": []
},
{
"id": "981d3d9e-8e03-800b-1282-07b1e0eb0da3",
"type": "Set Variable",
"x": 361.0503653627543,
"y": 92.99382001140253,
"parameters": {
"name": "loginMethod",
"setWith": "string",
"value": "None"
},
"ports": [],
"dynamicports": [
{
"type": "string",
"plug": "input",
"group": "General",
"name": "value",
"displayName": "Value",
"index": 4
}
],
"children": []
},
{
"id": "8736e365-abd1-aa20-784b-5ae92c1d9841",
"type": "net.noodl.user.LogIn",
"x": 437.33767636914877,
"y": 352.85853248458284,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 4494.381198466383,
"y": -67.82669532526948
},
"canvasSize": {
"width": "375px",
"height": "613px"
}
}
},
{
"name": "/Pop-ups/Sign in or Sign up /Sign in or up Pop-up",
"id": "d445d0ec-de40-5478-4e87-8e4edd4b0b3e",
"graph": {
"connections": [
{
"fromId": "6d30db48-abf2-3c96-9450-0b161017c499",
"fromProperty": "Sign Up Mounted",
"toId": "eba2f50c-4c9c-b96f-590e-a0d40d3cef6e",
"toProperty": "mounted"
},
{
"fromId": "6d30db48-abf2-3c96-9450-0b161017c499",
"fromProperty": "Sign In Mounted",
"toId": "a48395f6-7b29-21d4-d379-e70c47679258",
"toProperty": "mounted"
},
{
"fromId": "117a29da-733b-d0e3-d8db-6acdd405f817",
"fromProperty": "value",
"toId": "6d30db48-abf2-3c96-9450-0b161017c499",
"toProperty": "currentState"
},
{
"fromId": "6d30db48-abf2-3c96-9450-0b161017c499",
"fromProperty": "reached-None",
"toId": "1fa620cd-1adf-5a8c-8c14-2dd13267940e",
"toProperty": "close"
}
],
"roots": [
{
"id": "487b72b8-368b-e5e5-0155-7480b4ef0ea5",
"type": "Group",
"x": 0,
"y": 0,
"parameters": {
"zIndex": 5,
"backgroundColor": "Pop-up Grey Overlay"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "eba2f50c-4c9c-b96f-590e-a0d40d3cef6e",
"type": "Group",
"parameters": {
"scrollEnabled": false
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7e5c4074-ad31-fded-27ae-9d5c1d9f2521",
"type": "/Pop-ups/Sign in or Sign up /Sign up",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "a48395f6-7b29-21d4-d379-e70c47679258",
"type": "Group",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7b0e7c41-2e2d-a37b-d911-c33d96ed23fd",
"type": "/Pop-ups/Sign in or Sign up /Sign in",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "6d30db48-abf2-3c96-9450-0b161017c499",
"type": "States",
"x": -271.7616680520725,
"y": 58.32975779828422,
"parameters": {
"states": "Sign Up,Sign In,None",
"values": "Sign Up Mounted,Sign In Mounted",
"type-Sign Up Mounted": "boolean",
"type-Sign In Mounted": "boolean",
"value-Sign Up-Sign Up Mounted": true,
"value-Sign In-Sign In Mounted": true,
"value-Sign Up-Sign In Mounted": false,
"value-Sign In-Sign Up Mounted": false
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "boolean",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "Sign Up Mounted",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "Sign Up Mounted",
"name": "type-Sign Up Mounted",
"index": 7
},
{
"type": {
"name": "boolean",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "Sign In Mounted",
"index": 8
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "Sign In Mounted",
"name": "type-Sign In Mounted",
"index": 9
},
{
"plug": "input",
"type": "boolean",
"group": "Sign Up Values",
"name": "value-Sign Up-Sign Up Mounted",
"displayName": "Sign Up Mounted",
"editorName": "Sign Up|Sign Up Mounted",
"index": 10
},
{
"plug": "input",
"type": "boolean",
"group": "Sign Up Values",
"name": "value-Sign Up-Sign In Mounted",
"displayName": "Sign In Mounted",
"editorName": "Sign Up|Sign In Mounted",
"index": 11
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Sign Up Transitions",
"name": "transitiondef-Sign Up",
"index": 12
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Sign Up",
"name": "to-Sign Up",
"group": "Go to state",
"index": 13
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Sign Up",
"name": "at-Sign Up",
"group": "Current state",
"index": 14
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Sign Up",
"name": "reached-Sign Up",
"group": "Current state",
"index": 15
},
{
"plug": "input",
"type": "boolean",
"group": "Sign In Values",
"name": "value-Sign In-Sign Up Mounted",
"displayName": "Sign Up Mounted",
"editorName": "Sign In|Sign Up Mounted",
"index": 16
},
{
"plug": "input",
"type": "boolean",
"group": "Sign In Values",
"name": "value-Sign In-Sign In Mounted",
"displayName": "Sign In Mounted",
"editorName": "Sign In|Sign In Mounted",
"index": 17
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Sign In Transitions",
"name": "transitiondef-Sign In",
"index": 18
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Sign In",
"name": "to-Sign In",
"group": "Go to state",
"index": 19
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Sign In",
"name": "at-Sign In",
"group": "Current state",
"index": 20
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Sign In",
"name": "reached-Sign In",
"group": "Current state",
"index": 21
},
{
"plug": "input",
"type": "boolean",
"group": "None Values",
"name": "value-None-Sign Up Mounted",
"displayName": "Sign Up Mounted",
"editorName": "None|Sign Up Mounted",
"index": 22
},
{
"plug": "input",
"type": "boolean",
"group": "None Values",
"name": "value-None-Sign In Mounted",
"displayName": "Sign In Mounted",
"editorName": "None|Sign In Mounted",
"index": 23
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "None Transitions",
"name": "transitiondef-None",
"index": 24
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To None",
"name": "to-None",
"group": "Go to state",
"index": 25
},
{
"plug": "output",
"type": "boolean",
"displayName": "At None",
"name": "at-None",
"group": "Current state",
"index": 26
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached None",
"name": "reached-None",
"group": "Current state",
"index": 27
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"Sign Up",
"Sign In",
"None"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "Sign Up",
"index": 28
}
],
"children": []
},
{
"id": "117a29da-733b-d0e3-d8db-6acdd405f817",
"type": "Variable2",
"x": -511.90147064270815,
"y": 54.84947080421705,
"parameters": {
"name": "loginMethod"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "1fa620cd-1adf-5a8c-8c14-2dd13267940e",
"type": "NavigationClosePopup",
"x": -31.621865461436812,
"y": -129.60573988134365,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 3346.727841715516,
"y": 518.8008062259569
}
}
},
{
"name": "/Pop-ups/Sign in or Sign up /Sign up",
"id": "b1aae751-c807-5810-24b2-97b85f757d59",
"graph": {
"connections": [
{
"fromId": "1ba0ef53-512a-526b-eaba-623b69cceb76",
"fromProperty": "onClick",
"toId": "4657bdc9-aefa-eb21-9a3e-31f593afe004",
"toProperty": "do"
},
{
"fromId": "3c21598f-1a91-84a8-f20c-81069fa2099d",
"fromProperty": "onClick",
"toId": "ea14dbc5-92c5-b2e3-c42f-1c9711360236",
"toProperty": "do"
},
{
"fromId": "21e982a4-d0a1-7f97-0019-30c0ba01c3e8",
"fromProperty": "onClick",
"toId": "25c85ea4-5754-75c0-4339-92e49ca1eacf",
"toProperty": "do"
},
{
"fromId": "ad9fa8d7-a3ca-3653-f4ef-6eeb0975b199",
"fromProperty": "onTextChanged",
"toId": "33dc8173-3432-13af-ca09-6090325c9e8b",
"toProperty": "username"
},
{
"fromId": "b38f05a0-f002-8192-2256-7f42107c236c",
"fromProperty": "checked",
"toId": "fb830cb2-8410-a6cd-8a39-189abc430337",
"toProperty": "condition"
},
{
"fromId": "21e982a4-d0a1-7f97-0019-30c0ba01c3e8",
"fromProperty": "onClick",
"toId": "fb830cb2-8410-a6cd-8a39-189abc430337",
"toProperty": "eval"
},
{
"fromId": "fb830cb2-8410-a6cd-8a39-189abc430337",
"fromProperty": "ontrue",
"toId": "33dc8173-3432-13af-ca09-6090325c9e8b",
"toProperty": "signup"
},
{
"fromId": "2e2f9947-1cea-6520-b884-4a08e52569f9",
"fromProperty": "input type",
"toId": "ecff6598-f135-8507-1e0a-d7ccc11cc1a5",
"toProperty": "type"
},
{
"fromId": "e1920626-eb21-b7ee-e25e-43530a4eb16c",
"fromProperty": "onClick",
"toId": "2e2f9947-1cea-6520-b884-4a08e52569f9",
"toProperty": "toggle"
},
{
"fromId": "b38f05a0-f002-8192-2256-7f42107c236c",
"fromProperty": "checked",
"toId": "21e982a4-d0a1-7f97-0019-30c0ba01c3e8",
"toProperty": "enabled"
},
{
"fromId": "34161ea1-c4fd-b67f-8edc-03b4a259b32c",
"fromProperty": "onTextChanged",
"toId": "33dc8173-3432-13af-ca09-6090325c9e8b",
"toProperty": "email"
},
{
"fromId": "3f681e59-aef1-5ecb-8ace-908c4d42fec0",
"fromProperty": "email",
"toId": "f4e991ef-0ff8-d969-3ea2-87ab18b20002",
"toProperty": "email"
},
{
"fromId": "f4e991ef-0ff8-d969-3ea2-87ab18b20002",
"fromProperty": "success",
"toId": "137828ad-ccbd-7348-5d31-8b90604c328e",
"toProperty": "show"
},
{
"fromId": "ecff6598-f135-8507-1e0a-d7ccc11cc1a5",
"fromProperty": "onTextChanged",
"toId": "33dc8173-3432-13af-ca09-6090325c9e8b",
"toProperty": "password"
},
{
"fromId": "33dc8173-3432-13af-ca09-6090325c9e8b",
"fromProperty": "success",
"toId": "3f681e59-aef1-5ecb-8ace-908c4d42fec0",
"toProperty": "fetch"
},
{
"fromId": "3f681e59-aef1-5ecb-8ace-908c4d42fec0",
"fromProperty": "fetched",
"toId": "f4e991ef-0ff8-d969-3ea2-87ab18b20002",
"toProperty": "send"
},
{
"fromId": "843dc023-aab3-ddac-cd6b-8476cc702627",
"fromProperty": "this",
"toId": "69e92ede-7b48-ea98-2fd1-65ca9dec47ff",
"toProperty": "in-ref"
},
{
"fromId": "843dc023-aab3-ddac-cd6b-8476cc702627",
"fromProperty": "didMount",
"toId": "69e92ede-7b48-ea98-2fd1-65ca9dec47ff",
"toProperty": "run"
},
{
"fromId": "69e92ede-7b48-ea98-2fd1-65ca9dec47ff",
"fromProperty": "out-linkName",
"toId": "f4bb0d5a-fc6d-8a7d-c44d-03087b0d0348",
"toProperty": "inputString"
},
{
"fromId": "69e92ede-7b48-ea98-2fd1-65ca9dec47ff",
"fromProperty": "out-clicked",
"toId": "57a24a7d-42b0-f57b-cad3-60558b3dfa86",
"toProperty": "show"
},
{
"fromId": "f4bb0d5a-fc6d-8a7d-c44d-03087b0d0348",
"fromProperty": "mappedString",
"toId": "57a24a7d-42b0-f57b-cad3-60558b3dfa86",
"toProperty": "popupParam-Type"
},
{
"fromId": "33dc8173-3432-13af-ca09-6090325c9e8b",
"fromProperty": "success",
"toId": "9168e008-8e61-9c75-366b-97289da0c7f0",
"toProperty": "sendEvent"
}
],
"roots": [
{
"id": "4657bdc9-aefa-eb21-9a3e-31f593afe004",
"type": "Set Variable",
"x": 690.9987241369142,
"y": 1315.6402531854642,
"parameters": {
"name": "loginMethod",
"setWith": "string",
"value": "Sign In"
},
"ports": [],
"dynamicports": [
{
"type": "string",
"plug": "input",
"group": "General",
"name": "value",
"displayName": "Value",
"index": 4
}
],
"children": []
},
{
"id": "ea14dbc5-92c5-b2e3-c42f-1c9711360236",
"type": "Set Variable",
"x": 646.89443023353,
"y": 328.0299339043786,
"parameters": {
"name": "loginMethod",
"setWith": "string",
"value": "None"
},
"ports": [],
"dynamicports": [
{
"type": "string",
"plug": "input",
"group": "General",
"name": "value",
"displayName": "Value",
"index": 4
}
],
"children": []
},
{
"id": "137828ad-ccbd-7348-5d31-8b90604c328e",
"type": "NavigationShowPopup",
"x": 1357.9407895878196,
"y": 496.52673550706834,
"parameters": {
"target": "/Pop-ups/Sign in or Sign up /Profile Created"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "f488a26f-f3bf-ada8-858f-9ba3fe6caa7d",
"type": "Group",
"x": 242.77007969545525,
"y": 270.90868183117493,
"parameters": {
"alignItems": "center",
"paddingTop": {
"value": 48,
"unit": "px"
},
"paddingBottom": {
"value": 48,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"backgroundColor": "#FFFFFF",
"marginLeft": {
"value": 24,
"unit": "px"
},
"marginTop": {
"value": 24,
"unit": "px"
},
"marginRight": {
"value": 24,
"unit": "px"
},
"marginBottom": {
"value": 24,
"unit": "px"
},
"borderRadius": {
"value": 16,
"unit": "px"
},
"scrollEnabled": true,
"alignX": "center",
"maxWidth": {
"value": 560,
"unit": "px"
},
"maxHeight": {
"value": 640,
"unit": "px"
},
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "3c21598f-1a91-84a8-f20c-81069fa2099d",
"type": "Group",
"parameters": {
"alignItems": "flex-end",
"sizeMode": "contentSize",
"alignX": "right"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "069001dc-f2c2-d378-5028-06a2cc86010e",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "close"
},
"iconColor": "Cyan Dark",
"iconSize": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "e1ce620b-fe1e-f052-030e-42fa40afc2ae",
"type": "Text",
"variant": "Large Cyan Text",
"label": "Create your profile",
"parameters": {
"textAlignX": "center",
"text": "Create your profile"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "2491604b-8282-a214-dd88-b2544a2c6f4a",
"type": "Group",
"parameters": {
"width": {
"value": 120,
"unit": "px"
},
"height": {
"value": 120,
"unit": "px"
},
"paddingTop": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingBottom": {
"value": 16,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"marginBottom": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "0fc3f142-1ec0-0e80-e006-ddd34851054d",
"type": "Image",
"parameters": {
"src": "profileIcon.svg",
"alignX": "center",
"sizeMode": "explicit",
"objectFit": "contain"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "ce0b7722-4853-26f4-93a8-835d3c5192a9",
"type": "Text",
"label": "To post or like",
"parameters": {
"textAlignX": "center",
"text": "To post or like you require a profile",
"marginBottom": {
"value": 40,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ad9fa8d7-a3ca-3653-f4ef-6eeb0975b199",
"type": "net.noodl.controls.textinput",
"variant": "UI Text Input",
"label": "Username",
"parameters": {
"marginBottom": {
"value": 16,
"unit": "px"
},
"label": "Username",
"type": "text",
"placeholder": "Ciara"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "34161ea1-c4fd-b67f-8edc-03b4a259b32c",
"type": "net.noodl.controls.textinput",
"variant": "UI Text Input",
"label": "Email",
"parameters": {
"marginBottom": {
"value": 16,
"unit": "px"
},
"label": "Email address"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "dbd8230d-3512-382d-a9c4-bf18a025061b",
"type": "Group",
"parameters": {
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "ecff6598-f135-8507-1e0a-d7ccc11cc1a5",
"type": "net.noodl.controls.textinput",
"variant": "UI Text Input",
"label": "Password",
"parameters": {
"label": "Password",
"placeholder": "",
"type": "password",
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "remove_red_eye"
},
"iconPlacement": "right",
"iconColor": "Cyan Dark"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "e1920626-eb21-b7ee-e25e-43530a4eb16c",
"type": "Group",
"label": "Hide Show Password",
"parameters": {
"height": {
"value": 40,
"unit": "px"
},
"width": {
"value": 40,
"unit": "px"
},
"backgroundColor": "transparent",
"position": "absolute",
"alignX": "right",
"alignY": "center",
"marginTop": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "4207fcda-3b50-446e-60c7-31e307ece6fd",
"type": "Group",
"parameters": {
"marginTop": {
"value": 32,
"unit": "px"
},
"alignItems": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "ead1e856-8b35-58c1-0b23-c7ad03d3ba58",
"type": "Group",
"parameters": {
"sizeMode": "contentHeight",
"justifyContent": "center",
"marginBottom": {
"value": 24,
"unit": "px"
},
"flexDirection": "row"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "b38f05a0-f002-8192-2256-7f42107c236c",
"type": "net.noodl.controls.checkbox",
"variant": "UI Checkbox",
"label": "Agree to ToS",
"parameters": {
"marginBottom": {
"value": 0,
"unit": "px"
},
"label": "I agree to the Shine Privacy Policy and TOS",
"labelfontSize": {
"value": 12,
"unit": "px"
},
"useLabel": false,
"marginRight": {
"value": 8,
"unit": "px"
},
"alignY": "center"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "d617927b-e677-8747-97cd-897c1d2abbd8",
"type": "Group",
"parameters": {
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "843dc023-aab3-ddac-cd6b-8476cc702627",
"type": "Markdown",
"parameters": {
"source": "I agree for my story to be used on this site and to the Shine [Privacy Policy]() and [TOS]()",
"cssClassName": "termsAndConds"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "21e982a4-d0a1-7f97-0019-30c0ba01c3e8",
"type": "net.noodl.controls.button",
"variant": "Button Primary",
"label": "Create profile",
"parameters": {
"marginBottom": {
"value": 24,
"unit": "px"
},
"label": "Create profile"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "1ba0ef53-512a-526b-eaba-623b69cceb76",
"type": "net.noodl.controls.button",
"variant": "Clickable Text",
"label": "Sign in with existing profile",
"parameters": {},
"stateParameters": {},
"stateTransitions": {},
"defaultStateTransitions": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "25c85ea4-5754-75c0-4339-92e49ca1eacf",
"type": "Set Variable",
"x": 699.1862173465554,
"y": 1179.7817137460447,
"parameters": {
"name": "loginMethod",
"setWith": "string",
"value": "None"
},
"ports": [],
"dynamicports": [
{
"type": "string",
"plug": "input",
"group": "General",
"name": "value",
"displayName": "Value",
"index": 4
}
],
"children": []
},
{
"id": "33dc8173-3432-13af-ca09-6090325c9e8b",
"type": "net.noodl.user.SignUp",
"x": 743.7474865073552,
"y": 473.7010943491317,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*"
},
"plug": "input",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 7
}
],
"children": []
},
{
"id": "fb830cb2-8410-a6cd-8a39-189abc430337",
"type": "Condition",
"x": 728.0889619613802,
"y": 881.2239522751017,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "2e2f9947-1cea-6520-b884-4a08e52569f9",
"type": "States",
"x": 740.0276051022162,
"y": 743.4187895040393,
"parameters": {
"states": "Hide Pword,Show Pword",
"values": "input type",
"type-input type": "string",
"value-Hide Pword-input type": "Password",
"value-Show Pword-input type": "Text"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "string",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "input type",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "input type",
"name": "type-input type",
"index": 7
},
{
"plug": "input",
"type": "string",
"group": "Hide Pword Values",
"name": "value-Hide Pword-input type",
"displayName": "input type",
"editorName": "Hide Pword|input type",
"index": 8
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Hide Pword Transitions",
"name": "transitiondef-Hide Pword",
"index": 9
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Hide Pword",
"name": "to-Hide Pword",
"group": "Go to state",
"index": 10
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Hide Pword",
"name": "at-Hide Pword",
"group": "Current state",
"index": 11
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Hide Pword",
"name": "reached-Hide Pword",
"group": "Current state",
"index": 12
},
{
"plug": "input",
"type": "string",
"group": "Show Pword Values",
"name": "value-Show Pword-input type",
"displayName": "input type",
"editorName": "Show Pword|input type",
"index": 13
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Show Pword Transitions",
"name": "transitiondef-Show Pword",
"index": 14
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Show Pword",
"name": "to-Show Pword",
"group": "Go to state",
"index": 15
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Show Pword",
"name": "at-Show Pword",
"group": "Current state",
"index": 16
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Show Pword",
"name": "reached-Show Pword",
"group": "Current state",
"index": 17
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"Hide Pword",
"Show Pword"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "Hide Pword",
"index": 18
}
],
"children": []
},
{
"id": "f4e991ef-0ff8-d969-3ea2-87ab18b20002",
"type": "net.noodl.user.SendEmailVerification",
"x": 1051.0100921147596,
"y": 466.8768751819364,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "3f681e59-aef1-5ecb-8ace-908c4d42fec0",
"type": "net.noodl.user.User",
"x": 1049.4529751420262,
"y": 600.2146141345221,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 12
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 13
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 14
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 15
},
{
"type": {
"name": "boolean"
},
"plug": "output",
"group": "Properties",
"name": "prop-emailVerified",
"displayName": "emailVerified",
"index": 16
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "emailVerified Changed",
"name": "changed-emailVerified",
"index": 17
},
{
"type": {
"name": "*"
},
"plug": "output",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 18
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "liked_articles Changed",
"name": "changed-liked_articles",
"index": 19
}
],
"children": []
},
{
"id": "57a24a7d-42b0-f57b-cad3-60558b3dfa86",
"type": "NavigationShowPopup",
"x": 1686.1749471910275,
"y": 1124.715889019564,
"parameters": {
"target": "/Pop-ups/Privacy/Terms of Use Popup"
},
"ports": [],
"dynamicports": [
{
"name": "popupParam-Type",
"displayName": "Type",
"type": "*",
"plug": "input",
"group": "Params",
"index": 3
}
],
"children": []
},
{
"id": "69e92ede-7b48-ea98-2fd1-65ca9dec47ff",
"type": "JavaScriptFunction",
"x": 1375.2939884938048,
"y": 1145.0935506160472,
"parameters": {
"functionScript": "var markdownDomElement = Inputs.ref.getDOMElement();\n\nvar links = markdownDomElement.querySelectorAll(\"a\");\n\n\nlinks.forEach(link => {\n link.addEventListener(\"click\", function () {\n event.preventDefault();\n Outputs.linkName = link.innerText;\n Outputs.clicked();\n });\n});\n\n"
},
"ports": [],
"dynamicports": [
{
"name": "in-ref",
"displayName": "ref",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-clicked",
"displayName": "clicked",
"plug": "output",
"type": "signal",
"group": "Outputs",
"index": 5
},
{
"name": "out-linkName",
"displayName": "linkName",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 6
}
],
"children": []
},
{
"id": "f4bb0d5a-fc6d-8a7d-c44d-03087b0d0348",
"type": "String Mapper",
"x": 1706.3351964416981,
"y": 1001.9998359092181,
"parameters": {
"input 0": "TOS",
"output 0": "tos",
"input 1": "Privacy Policy",
"output 1": "privacy"
},
"ports": [],
"dynamicports": [
{
"name": "input 0",
"displayName": "Input 0",
"type": "string",
"plug": "input",
"group": "Inputs",
"index": 10
},
{
"name": "input 1",
"displayName": "Input 1",
"type": "string",
"plug": "input",
"group": "Inputs",
"index": 11
},
{
"name": "input 2",
"displayName": "Input 2",
"type": "string",
"plug": "input",
"group": "Inputs",
"index": 12
},
{
"name": "output 0",
"displayName": "Mapping 0",
"type": "string",
"plug": "input",
"group": "Mappings",
"index": 1001
},
{
"name": "output 1",
"displayName": "Mapping 1",
"type": "string",
"plug": "input",
"group": "Mappings",
"index": 1002
},
{
"name": "output 2",
"displayName": "Mapping 2",
"type": "string",
"plug": "input",
"group": "Mappings",
"index": 1003
}
],
"children": []
},
{
"id": "f4753d07-7d40-72c1-220d-0d89bee18735",
"type": "CSS Definition",
"x": 1134.1770752150676,
"y": 979.9278106392369,
"parameters": {
"style": ".termsAndConds {\n font-family: Inter;\n font-weight:500;\n font-size:16px;\n \n}"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "9168e008-8e61-9c75-366b-97289da0c7f0",
"type": "Event Sender",
"x": 1050.3742804165122,
"y": 770.8881090337788,
"parameters": {
"channelName": "Signed Up"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 4490.839151430162,
"y": 788.6322409282349
},
"canvasSize": {
"width": "641px",
"height": "auto"
}
}
},
{
"name": "/Visual Components/Article/Article",
"id": "adab817a-ff0e-c294-04d0-f51a9c1f538e",
"graph": {
"connections": [
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "bodyTextMd",
"toId": "1f7b0595-12c9-65ca-38ea-cde41289bd7f",
"toProperty": "source"
},
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "coverImage",
"toId": "475c2501-0d45-a628-6f68-631d036fbc01",
"toProperty": "src"
},
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "publishedAt",
"toId": "52197658-a3dc-b47d-11fc-ad6161c6924d",
"toProperty": "in-date"
},
{
"fromId": "52197658-a3dc-b47d-11fc-ad6161c6924d",
"fromProperty": "out-formattedDate",
"toId": "6d2dcbad-19b0-66b4-a6e6-3ad51a98864b",
"toProperty": "text"
},
{
"fromId": "498658f0-fb26-5842-73f5-bf2f32aced61",
"fromProperty": "screenPositionY",
"toId": "7922d8f3-af7d-c165-345d-13510f66879e",
"toProperty": "inputValue"
},
{
"fromId": "7922d8f3-af7d-c165-345d-13510f66879e",
"fromProperty": "remappedValue",
"toId": "498658f0-fb26-5842-73f5-bf2f32aced61",
"toProperty": "paddingTop"
},
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "author",
"toId": "8f42c664-50f0-cf1e-8764-e4a3151c3404",
"toProperty": "author"
},
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "verified",
"toId": "8f42c664-50f0-cf1e-8764-e4a3151c3404",
"toProperty": "verifiedBy"
},
{
"fromId": "8f42c664-50f0-cf1e-8764-e4a3151c3404",
"fromProperty": "formatted",
"toId": "4d325072-4e40-2070-fecd-ea8c956f29ca",
"toProperty": "source"
},
{
"fromId": "475c2501-0d45-a628-6f68-631d036fbc01",
"fromProperty": "boundingHeight",
"toId": "1536049f-c30f-8093-c1b1-a30894abc0e9",
"toProperty": "Image Height"
},
{
"fromId": "475c2501-0d45-a628-6f68-631d036fbc01",
"fromProperty": "screenPositionY",
"toId": "1536049f-c30f-8093-c1b1-a30894abc0e9",
"toProperty": "Image Screen Pos Y"
},
{
"fromId": "1536049f-c30f-8093-c1b1-a30894abc0e9",
"fromProperty": "Mounted",
"toId": "5e16c28c-9a38-ef71-cae5-e07d3ec6c452",
"toProperty": "mounted"
},
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "References",
"toId": "09ec8d50-a79a-f602-0d2e-eeb4ae43aa7b",
"toProperty": "Reference Markdown"
},
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "articleId",
"toId": "48e0b5f6-f660-1c55-3a9f-52ede1fa4cf1",
"toProperty": "parent_id"
},
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "articleId",
"toId": "d594b52b-868e-ec0d-0826-221d2680947f",
"toProperty": "articleId"
},
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "articleId",
"toId": "628e681e-a92e-3d83-c37d-44d42c746116",
"toProperty": "qp-MyInput"
},
{
"fromId": "b2b07330-85dd-6c35-33b2-bc3a94d305ce",
"fromProperty": "didMount",
"toId": "628e681e-a92e-3d83-c37d-44d42c746116",
"toProperty": "storageFetch"
},
{
"fromId": "628e681e-a92e-3d83-c37d-44d42c746116",
"fromProperty": "firstItemId",
"toId": "d876b99e-1a92-8961-1f9a-2706d7dc7fdb",
"toProperty": "modelId"
},
{
"fromId": "d876b99e-1a92-8961-1f9a-2706d7dc7fdb",
"fromProperty": "id",
"toId": "d594b52b-868e-ec0d-0826-221d2680947f",
"toProperty": "articleObjId"
},
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "Mounted",
"toId": "b2b07330-85dd-6c35-33b2-bc3a94d305ce",
"toProperty": "mounted"
},
{
"fromId": "d876b99e-1a92-8961-1f9a-2706d7dc7fdb",
"fromProperty": "id",
"toId": "6e87a45f-b49c-527d-a766-85601257c92e",
"toProperty": "articleObjId"
},
{
"fromId": "d594b52b-868e-ec0d-0826-221d2680947f",
"fromProperty": "Comments Clicked",
"toId": "e3541e81-69f4-9362-124f-638b9aa4710d",
"toProperty": "run"
},
{
"fromId": "09ec8d50-a79a-f602-0d2e-eeb4ae43aa7b",
"fromProperty": "Reference",
"toId": "e3541e81-69f4-9362-124f-638b9aa4710d",
"toProperty": "in-ref"
},
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "footerText",
"toId": "b22047aa-63f7-521a-2a72-2299292fccea",
"toProperty": "source"
},
{
"fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"fromProperty": "title",
"toId": "de810a44-152c-6890-0a7c-e32d153924c2",
"toProperty": "prop-articleTitle"
}
],
"roots": [
{
"id": "b2b07330-85dd-6c35-33b2-bc3a94d305ce",
"type": "Group",
"x": 0,
"y": 0,
"parameters": {
"clip": false,
"scrollEnabled": false,
"alignItems": "center",
"paddingBottom": {
"value": 24,
"unit": "px"
},
"sizeMode": "explicit"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "1536049f-c30f-8093-c1b1-a30894abc0e9",
"type": "/Visual Components/Article/Article Page Header",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "d3e07743-6b70-cde2-d8ae-095ea8946ddf",
"type": "Group",
"label": "Article Header Area",
"parameters": {
"sizeMode": "contentHeight",
"scrollEnabled": false,
"position": "relative",
"maxWidth": {
"value": 1000,
"unit": "px"
},
"alignItems": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "475c2501-0d45-a628-6f68-631d036fbc01",
"type": "Image",
"parameters": {
"sizeMode": "contentHeight",
"width": {
"value": 100,
"unit": "%"
},
"alignX": "center",
"position": "relative"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "498658f0-fb26-5842-73f5-bf2f32aced61",
"type": "Group",
"label": "Group",
"parameters": {
"sizeMode": "contentHeight",
"backgroundColor": "#FFFFFF",
"borderBottomStyle": "none",
"boxShadowInset": false,
"boxShadowOffsetY": {
"value": 5,
"unit": "px"
},
"boxShadowSpreadRadius": {
"value": 0,
"unit": "px"
},
"styleCss": "/* background-color: red; */\nbox-shadow: 0 5px 2px -2px #e7e7e7;",
"width": {
"value": 100,
"unit": "%",
"isFixed": false
},
"zIndex": 2,
"position": "sticky",
"paddingTop": {
"value": 24,
"unit": "px"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingBottom": {
"value": 24,
"unit": "px"
},
"marginBottom": {
"value": 24,
"unit": "px"
},
"alignY": "top",
"marginTop": {
"value": 0,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "de810a44-152c-6890-0a7c-e32d153924c2",
"type": "module.inlineHtml",
"parameters": {
"html": "<h1>{{articleTitle}}</h1>",
"styleCss": "/* background-color: red; */\n",
"cssClassName": "titleArticle"
},
"ports": [],
"dynamicports": [
{
"name": "prop-articleTitle",
"displayName": "articleTitle",
"group": "Variables",
"type": "*",
"plug": "input",
"index": 14
}
],
"children": []
},
{
"id": "5e16c28c-9a38-ef71-cae5-e07d3ec6c452",
"type": "Group",
"parameters": {
"sizeMode": "contentHeight",
"height": {
"value": 72,
"unit": "px"
},
"flexWrap": "wrap"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "4d325072-4e40-2070-fecd-ea8c956f29ca",
"type": "Markdown",
"parameters": {
"cssClassName": "info"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "6d2dcbad-19b0-66b4-a6e6-3ad51a98864b",
"type": "Text",
"parameters": {
"fontFamily": "Inter-Bold.ttf",
"fontSize": {
"value": 13,
"unit": "px"
},
"color": "#505758",
"marginLeft": {
"value": 0,
"unit": "px"
},
"marginTop": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "d594b52b-868e-ec0d-0826-221d2680947f",
"type": "/Visual Components/Article/Like Comment Share Component",
"parameters": {
"numLikes": "0"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "4f878d89-4457-ca78-8e05-6d33ec7a52ed",
"type": "Group",
"parameters": {
"sizeMode": "contentHeight",
"alignItems": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "1f7b0595-12c9-65ca-38ea-cde41289bd7f",
"type": "Markdown",
"parameters": {
"cssClassName": "article"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "faf82dfd-45e1-974a-32ce-ae13e4891dc6",
"type": "Group",
"label": "Divider",
"parameters": {
"height": {
"value": 3,
"unit": "px"
},
"backgroundColor": "#EDEDED",
"borderRadius": {
"value": 5,
"unit": "px"
},
"width": {
"value": 90,
"unit": "%"
},
"alignX": "center",
"marginBottom": {
"value": 32,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "09ec8d50-a79a-f602-0d2e-eeb4ae43aa7b",
"type": "/Visual Components/Article/Reference Component",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ee18c745-5db9-df18-dab1-df00cb1b236d",
"type": "Group",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "48e0b5f6-f660-1c55-3a9f-52ede1fa4cf1",
"type": "/Visual Components/Article/Comments",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "6e87a45f-b49c-527d-a766-85601257c92e",
"type": "/Visual Components/Article/Rating/Rating Component",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ba513083-1ed4-f55b-6654-ad98df47f221",
"type": "Group",
"label": "Footer",
"parameters": {
"alignItems": "center",
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"marginTop": {
"value": 32,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "b22047aa-63f7-521a-2a72-2299292fccea",
"type": "Markdown",
"parameters": {
"cssClassName": "footer"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
},
{
"id": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
"type": "Component Inputs",
"x": -575.3849128901966,
"y": 537.0473079713851,
"parameters": {},
"ports": [
{
"name": "bodyTextMd",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "title",
"plug": "output",
"type": {
"name": "*"
},
"index": 2
},
{
"name": "coverImage",
"plug": "output",
"type": {
"name": "*"
},
"index": 3
},
{
"name": "author",
"plug": "output",
"type": {
"name": "*"
},
"index": 4
},
{
"name": "verified",
"plug": "output",
"type": {
"name": "*"
},
"index": 5
},
{
"name": "publishedAt",
"plug": "output",
"type": {
"name": "*"
},
"index": 6
},
{
"name": "Mounted",
"plug": "output",
"type": {
"name": "*"
},
"index": 7
},
{
"name": "References",
"plug": "output",
"type": {
"name": "*"
},
"index": 8
},
{
"name": "articleObjectId",
"plug": "output",
"type": {
"name": "*"
},
"index": 9
},
{
"name": "articleId",
"plug": "output",
"type": {
"name": "*"
},
"index": 10
},
{
"name": "footerText",
"plug": "output",
"type": {
"name": "*"
},
"index": 11
}
],
"dynamicports": [],
"children": []
},
{
"id": "cc916008-bdba-0a3c-3cf7-174f68dcfe65",
"type": "CSS Definition",
"x": -559.8395349442089,
"y": 431.41844242144265,
"parameters": {
"style": ".article{\n margin:0px;\n padding:0px;\n font-family:Inter;\n font-size:16px;\n color:#505758;\n padding:24px;\n width:100%;\n max-width:1000px;\n height:100%;\n}\n\n.article h3{\n color:#379EA5;\n font-size:19px;\n}\n\n.article ul{\n font-family:Inter;\n font-size:16px;\n padding-inline-start: 32px;\n}\n\n\n.article img{\n width:100%;\n height:auto;\n margin:0 auto;\n max-width:600px;\n display:block;\n}\n\n.article .imgDesc{\n margin-top:-1em;\n padding-left:1em;\n color:#505758;\n font-size:13px;\n}\n\n.footer{\n font-family:Inter;\n font-size:13px;\n color:black;\n line-height:20px;\n \n}"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "52197658-a3dc-b47d-11fc-ad6161c6924d",
"type": "JavaScriptFunction",
"x": -499.2014628923682,
"y": 948.869359696762,
"parameters": {
"functionScript": "Outputs.formattedDate = moment(Inputs.date).format(\"MMM Do YYYY\")\n"
},
"ports": [],
"dynamicports": [
{
"name": "in-date",
"displayName": "date",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-formattedDate",
"displayName": "formattedDate",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 5
}
],
"children": []
},
{
"id": "7922d8f3-af7d-c165-345d-13510f66879e",
"type": "Number Remapper",
"x": 321.7705327401352,
"y": 390.65065354351316,
"parameters": {
"maxInputValue": 100,
"maxOutputValue": 24,
"minOutputValue": 100
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "8f42c664-50f0-cf1e-8764-e4a3151c3404",
"type": "String Format",
"x": -203.9518439874593,
"y": 625.8719378924455,
"parameters": {
"format": "By <span>{author}</span> - Verified by <span>{verifiedBy}</span>"
},
"ports": [],
"dynamicports": [
{
"name": "author",
"type": "string",
"plug": "input",
"index": 2
},
{
"name": "verifiedBy",
"type": "string",
"plug": "input",
"index": 3
}
],
"children": []
},
{
"id": "6618fdd0-6eef-2e82-6113-bf3c474759a0",
"type": "CSS Definition",
"x": -370.6702464949774,
"y": 425.9524428075569,
"parameters": {
"style": ".info {\n font-family:Inter;\n font-size:13px;\n color:#505758;\n}\n\n.info span{\n color:#539CA0; \n}"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "d876b99e-1a92-8961-1f9a-2706d7dc7fdb",
"type": "Model2",
"label": "currentArticle",
"x": -850.0758668839255,
"y": 886.9836147719959,
"parameters": {
"properties": "likes_count,article_id"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-likes_count",
"displayName": "likes_count",
"index": 7
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "likes_count Changed",
"name": "changed-likes_count",
"index": 8
},
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-article_id",
"displayName": "article_id",
"index": 9
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "article_id Changed",
"name": "changed-article_id",
"index": 10
}
],
"children": []
},
{
"id": "628e681e-a92e-3d83-c37d-44d42c746116",
"type": "DbCollection2",
"x": -832.5282762944611,
"y": 730.1520238786559,
"parameters": {
"collectionName": "Article",
"visualFilter": {
"combinator": "or",
"rules": [
{
"combinator": "and",
"rules": [
{
"property": "article_id",
"operator": "equal to",
"input": "MyInput"
}
]
}
]
}
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"displayName": "Class",
"plug": "input",
"group": "General",
"index": 6
},
{
"name": "storageFilterType",
"type": {
"name": "enum",
"allowEditOnly": true,
"enums": [
{
"value": "simple",
"label": "Visual"
},
{
"value": "json",
"label": "Javascript"
}
]
},
"displayName": "Filter",
"default": "simple",
"plug": "input",
"group": "General",
"index": 7
},
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "storageEnableLimit",
"displayName": "Use limit",
"index": 8
},
{
"type": "signal",
"plug": "input",
"group": "Actions",
"name": "storageFetch",
"displayName": "Do",
"index": 9
},
{
"name": "visualFilter",
"plug": "input",
"type": {
"name": "query-filter",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"article_id": {
"type": "String",
"required": true
},
"likes_count": {
"type": "Number",
"required": false
},
"ratings": {
"type": "Object",
"required": false
}
}
},
"allowEditOnly": true
},
"displayName": "Filter",
"group": "Filter",
"index": 10
},
{
"name": "visualSort",
"plug": "input",
"type": {
"name": "query-sorting",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"article_id": {
"type": "String",
"required": true
},
"likes_count": {
"type": "Number",
"required": false
},
"ratings": {
"type": "Object",
"required": false
}
}
},
"allowEditOnly": true
},
"displayName": "Sort",
"group": "Sorting",
"index": 11
},
{
"name": "qp-MyInput",
"plug": "input",
"type": "*",
"displayName": "MyInput",
"group": "Query Parameters",
"index": 12
}
],
"children": []
},
{
"id": "e3541e81-69f4-9362-124f-638b9aa4710d",
"type": "JavaScriptFunction",
"x": 552.5278910933544,
"y": 1001.4487373311574,
"parameters": {
"functionScript": "var element = Inputs.ref.getDOMElement();\n\n\nelement.scrollIntoView(true)\n"
},
"ports": [],
"dynamicports": [
{
"name": "in-ref",
"displayName": "ref",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
}
],
"children": []
},
{
"id": "4e581e25-9fc8-0f2f-45c3-39bbe1c901af",
"type": "CSS Definition",
"x": 262.14048401326045,
"y": 537.6250063649132,
"parameters": {
"style": ".titleArticle {\n font-family:Inter;\n font-weight:700;\n font-size:10px;\n color:#379EA5;\n}"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 1659,
"y": -20
}
}
},
{
"name": "/Visual Components/Article/Article Page Header",
"id": "9980f559-4188-0fc1-1b4d-e8e7cb54ad6d",
"graph": {
"connections": [
{
"fromId": "2c4e83bb-be11-ebfb-646e-00c996777de5",
"fromProperty": "Height",
"toId": "4ab9dffd-406f-9114-e028-cce8284fabe1",
"toProperty": "height"
},
{
"fromId": "2c4e83bb-be11-ebfb-646e-00c996777de5",
"fromProperty": "Font Size",
"toId": "9ed73713-69e1-d037-b80c-8ea4851b1849",
"toProperty": "fontSize"
},
{
"fromId": "34f1e3ea-f97f-72d9-2a07-4c74b8bb19f6",
"fromProperty": "onfalse",
"toId": "2c4e83bb-be11-ebfb-646e-00c996777de5",
"toProperty": "to-Tall"
},
{
"fromId": "34f1e3ea-f97f-72d9-2a07-4c74b8bb19f6",
"fromProperty": "ontrue",
"toId": "2c4e83bb-be11-ebfb-646e-00c996777de5",
"toProperty": "to-Short"
},
{
"fromId": "2c4e83bb-be11-ebfb-646e-00c996777de5",
"fromProperty": "Author Section Height",
"toId": "a99cdc29-6d08-8a1d-483a-65af63358d8a",
"toProperty": "Mounted"
},
{
"fromId": "c397811b-7df5-4ae3-08d5-730057be7d37",
"fromProperty": "authenticated",
"toId": "a4a443c0-52a2-8480-a8c2-049d1f0ece10",
"toProperty": "condition"
},
{
"fromId": "a4a443c0-52a2-8480-a8c2-049d1f0ece10",
"fromProperty": "onfalse",
"toId": "e060ac95-7801-e0ac-a548-69237e7c298f",
"toProperty": "do"
},
{
"fromId": "e060ac95-7801-e0ac-a548-69237e7c298f",
"fromProperty": "done",
"toId": "2cccab2a-44d6-b26c-20b6-94ba04e91a6b",
"toProperty": "show"
},
{
"fromId": "a4a443c0-52a2-8480-a8c2-049d1f0ece10",
"fromProperty": "ontrue",
"toId": "e577c8e5-e491-b378-a639-45a13216db88",
"toProperty": "navigate"
},
{
"fromId": "16a8d1dc-cefe-9abb-20ec-fd6553922695",
"fromProperty": "value",
"toId": "cb19dc02-9724-a0c8-6c1c-75d9d0b13e16",
"toProperty": "pageTitle"
},
{
"fromId": "cb19dc02-9724-a0c8-6c1c-75d9d0b13e16",
"fromProperty": "result",
"toId": "75b15669-055a-c480-b00d-00cab1d61fed",
"toProperty": "condition"
},
{
"fromId": "09fe9a31-9095-badd-6c70-94216a47dedc",
"fromProperty": "onClick",
"toId": "75b15669-055a-c480-b00d-00cab1d61fed",
"toProperty": "eval"
},
{
"fromId": "75b15669-055a-c480-b00d-00cab1d61fed",
"fromProperty": "onfalse",
"toId": "a4a443c0-52a2-8480-a8c2-049d1f0ece10",
"toProperty": "eval"
},
{
"fromId": "75b15669-055a-c480-b00d-00cab1d61fed",
"fromProperty": "ontrue",
"toId": "94e331df-fa21-e4a8-0534-dc2c74ca53b2",
"toProperty": "navigate"
},
{
"fromId": "aab39e67-e1e8-5d18-6d09-6b331fc68915",
"fromProperty": "value",
"toId": "94e331df-fa21-e4a8-0534-dc2c74ca53b2",
"toProperty": "pm-slug"
},
{
"fromId": "6c3df549-744a-196f-4123-9858262c782a",
"fromProperty": "Image Screen Pos Y",
"toId": "abae5a29-9876-236e-e53c-6619b98a6b2d",
"toProperty": "screenPos"
},
{
"fromId": "abae5a29-9876-236e-e53c-6619b98a6b2d",
"fromProperty": "result",
"toId": "34f1e3ea-f97f-72d9-2a07-4c74b8bb19f6",
"toProperty": "condition"
}
],
"roots": [
{
"id": "4ab9dffd-406f-9114-e028-cce8284fabe1",
"type": "Group",
"label": "Page Header",
"x": 47,
"y": -117,
"parameters": {
"position": "sticky",
"sizeMode": "explicit",
"backgroundColor": "Cyan Dark",
"height": {
"value": 100,
"unit": "px"
},
"zIndex": 3,
"clip": false,
"justifyContent": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "6bdda72d-392d-fa6a-326a-bfc0bab04d98",
"type": "Image",
"parameters": {
"src": "header_pattern.png",
"position": "absolute",
"sizeMode": "explicit",
"objectFit": "cover",
"mixBlendMode": "multiply"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "7251a58c-b5fa-6ad5-f13f-3a31d3e0f0ca",
"type": "Group",
"parameters": {
"flexDirection": "row",
"justifyContent": "space-between",
"paddingTop": {
"value": 16,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"alignItems": "flex-start",
"sizeMode": "contentHeight",
"paddingBottom": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "729e458d-470d-21ca-f10b-ef07e4e5fd43",
"type": "net.noodl.visual.icon",
"label": "Menu Icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "dehaze"
},
"iconSize": {
"value": 24,
"unit": "px"
},
"styleCss": "/* background-color: red; */\ncursor:pointer;",
"marginTop": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "9ed73713-69e1-d037-b80c-8ea4851b1849",
"type": "Text",
"label": "Shine Logo",
"parameters": {
"fontFamily": "Rakkas-Regular.ttf",
"text": "Shine",
"fontSize": {
"value": 66,
"unit": "px"
},
"color": "#FFFFFF",
"textAlignX": "center",
"sizeMode": "contentSize",
"textAlignY": "top"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "09fe9a31-9095-badd-6c70-94216a47dedc",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "68572773-2676-63b7-6f61-30dd5397efdd",
"type": "net.noodl.visual.icon",
"label": "Profile Icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "account_circle"
},
"iconSize": {
"value": 24,
"unit": "px"
},
"marginTop": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
},
{
"id": "2c4e83bb-be11-ebfb-646e-00c996777de5",
"type": "States",
"x": 502.2441417783938,
"y": -77.5610055603047,
"parameters": {
"states": "Tall,Short",
"values": "Height,Font Size,Author Section Height",
"value-Tall-Height": 100,
"value-Short-Height": 66,
"value-Tall-Font Size": 66,
"value-Short-Font Size": 34,
"value-Tall-Author Section Height": 1,
"value-Short-Author Section Height": 0,
"useTransitions": true,
"transition-Tall-Author Section Height": {
"curve": [
0,
0,
0.58,
1
],
"dur": 0,
"delay": 0
},
"transition-Short-Author Section Height": {
"curve": [
0,
0,
0.58,
1
],
"dur": 0,
"delay": 0
},
"transition-Tall-Height": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transition-Tall-Font Size": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transition-Short-Height": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
},
"transition-Short-Font Size": {
"curve": [
0,
0,
0.58,
1
],
"dur": 150,
"delay": 0
}
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "number",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "Height",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "Height",
"name": "type-Height",
"index": 7
},
{
"type": {
"name": "number",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "Font Size",
"index": 8
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "Font Size",
"name": "type-Font Size",
"index": 9
},
{
"type": {
"name": "number",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "Author Section Height",
"index": 10
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "Author Section Height",
"name": "type-Author Section Height",
"index": 11
},
{
"plug": "input",
"type": "number",
"group": "Tall Values",
"name": "value-Tall-Height",
"displayName": "Height",
"editorName": "Tall|Height",
"index": 12
},
{
"plug": "input",
"type": "number",
"group": "Tall Values",
"name": "value-Tall-Font Size",
"displayName": "Font Size",
"editorName": "Tall|Font Size",
"index": 13
},
{
"plug": "input",
"type": "number",
"group": "Tall Values",
"name": "value-Tall-Author Section Height",
"displayName": "Author Section Height",
"editorName": "Tall|Author Section Height",
"index": 14
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Tall Transitions",
"name": "transitiondef-Tall",
"index": 15
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Tall Transitions",
"name": "transition-Tall-Height",
"displayName": "Height",
"editorName": "Transition Tall|Height",
"index": 16
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Tall Transitions",
"name": "transition-Tall-Font Size",
"displayName": "Font Size",
"editorName": "Transition Tall|Font Size",
"index": 17
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Tall Transitions",
"name": "transition-Tall-Author Section Height",
"displayName": "Author Section Height",
"editorName": "Transition Tall|Author Section Height",
"index": 18
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Tall",
"name": "to-Tall",
"group": "Go to state",
"index": 19
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Tall",
"name": "at-Tall",
"group": "Current state",
"index": 20
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Tall",
"name": "reached-Tall",
"group": "Current state",
"index": 21
},
{
"plug": "input",
"type": "number",
"group": "Short Values",
"name": "value-Short-Height",
"displayName": "Height",
"editorName": "Short|Height",
"index": 22
},
{
"plug": "input",
"type": "number",
"group": "Short Values",
"name": "value-Short-Font Size",
"displayName": "Font Size",
"editorName": "Short|Font Size",
"index": 23
},
{
"plug": "input",
"type": "number",
"group": "Short Values",
"name": "value-Short-Author Section Height",
"displayName": "Author Section Height",
"editorName": "Short|Author Section Height",
"index": 24
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Short Transitions",
"name": "transitiondef-Short",
"index": 25
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Short Transitions",
"name": "transition-Short-Height",
"displayName": "Height",
"editorName": "Transition Short|Height",
"index": 26
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Short Transitions",
"name": "transition-Short-Font Size",
"displayName": "Font Size",
"editorName": "Transition Short|Font Size",
"index": 27
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Short Transitions",
"name": "transition-Short-Author Section Height",
"displayName": "Author Section Height",
"editorName": "Transition Short|Author Section Height",
"index": 28
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Short",
"name": "to-Short",
"group": "Go to state",
"index": 29
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Short",
"name": "at-Short",
"group": "Current state",
"index": 30
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Short",
"name": "reached-Short",
"group": "Current state",
"index": 31
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"Tall",
"Short"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "Tall",
"index": 32
}
],
"children": []
},
{
"id": "34f1e3ea-f97f-72d9-2a07-4c74b8bb19f6",
"type": "Condition",
"x": 803.5914843698679,
"y": -268.5567821997731,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "2cccab2a-44d6-b26c-20b6-94ba04e91a6b",
"type": "NavigationShowPopup",
"x": 1005.1703049126334,
"y": 446.29967251023004,
"parameters": {
"target": "/Pop-ups/Sign in or Sign up /Sign in or up Pop-up"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "e060ac95-7801-e0ac-a548-69237e7c298f",
"type": "Set Variable",
"x": 813.5387905102389,
"y": 445.9760935329246,
"parameters": {
"name": "loginMethod",
"setWith": "string",
"value": "Sign Up"
},
"ports": [],
"dynamicports": [
{
"type": "string",
"plug": "input",
"group": "General",
"name": "value",
"displayName": "Value",
"index": 4
}
],
"children": []
},
{
"id": "6c3df549-744a-196f-4123-9858262c782a",
"type": "Component Inputs",
"x": 123.41857124166796,
"y": -373.1394589371412,
"parameters": {},
"ports": [
{
"name": "Image Screen Pos Y",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "Image Height",
"plug": "output",
"type": {
"name": "*"
},
"index": 2
}
],
"dynamicports": [],
"children": []
},
{
"id": "a99cdc29-6d08-8a1d-483a-65af63358d8a",
"type": "Component Outputs",
"x": 799.2972325196606,
"y": -43.09315915883252,
"parameters": {},
"ports": [
{
"name": "Mounted",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "c397811b-7df5-4ae3-08d5-730057be7d37",
"type": "net.noodl.user.User",
"x": 557.9599789894995,
"y": 293.4016136303223,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 12
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 13
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 14
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 15
},
{
"type": {
"name": "boolean"
},
"plug": "output",
"group": "Properties",
"name": "prop-emailVerified",
"displayName": "emailVerified",
"index": 16
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "emailVerified Changed",
"name": "changed-emailVerified",
"index": 17
},
{
"type": {
"name": "*"
},
"plug": "output",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 18
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "liked_articles Changed",
"name": "changed-liked_articles",
"index": 19
}
],
"children": []
},
{
"id": "a4a443c0-52a2-8480-a8c2-049d1f0ece10",
"type": "Condition",
"x": 562.9397805214335,
"y": 404.61718117684865,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "e577c8e5-e491-b378-a639-45a13216db88",
"type": "RouterNavigate",
"x": 810.2699232741562,
"y": 328.26022435386034,
"parameters": {
"router": "Main",
"target": "/Pages/Profile"
},
"ports": [],
"dynamicports": [
{
"plug": "input",
"type": {
"name": "component",
"title": "Choose page component",
"components": [
"/Pages/Article",
"/Pages/Profile"
],
"allowEditOnly": true
},
"group": "General",
"displayName": "Target Page",
"name": "target",
"index": 2
}
],
"children": []
},
{
"id": "16a8d1dc-cefe-9abb-20ec-fd6553922695",
"type": "Variable2",
"x": 3.6639469241890197,
"y": 617.8727524716627,
"parameters": {
"name": "Current Page Title"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "cb19dc02-9724-a0c8-6c1c-75d9d0b13e16",
"type": "Expression",
"x": 277.98781033798184,
"y": 627.3321960376555,
"parameters": {
"expression": "pageTitle===\"Profile\""
},
"ports": [],
"dynamicports": [
{
"name": "pageTitle",
"type": {
"name": "*",
"editAsType": "string"
},
"plug": "input",
"index": 2
}
],
"children": []
},
{
"id": "75b15669-055a-c480-b00d-00cab1d61fed",
"type": "Condition",
"x": 662.0412191172917,
"y": 701.1158558523996,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "94e331df-fa21-e4a8-0534-dc2c74ca53b2",
"type": "RouterNavigate",
"x": 923.1218615386945,
"y": 750.3049623955624,
"parameters": {
"router": "Main",
"target": "/Pages/Article"
},
"ports": [],
"dynamicports": [
{
"plug": "input",
"type": {
"name": "component",
"title": "Choose page component",
"components": [
"/Pages/Article",
"/Pages/Profile"
],
"allowEditOnly": true
},
"group": "General",
"displayName": "Target Page",
"name": "target",
"index": 2
},
{
"name": "pm-slug",
"displayName": "slug",
"type": "string",
"plug": "input",
"group": "Parameters",
"index": 3
}
],
"children": []
},
{
"id": "aab39e67-e1e8-5d18-6d09-6b331fc68915",
"type": "Variable2",
"x": 972.3109680818575,
"y": 901.6560594514481,
"parameters": {
"name": "Current Slug"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "abae5a29-9876-236e-e53c-6619b98a6b2d",
"type": "Expression",
"x": 547.9475702362333,
"y": -492.431827679094,
"parameters": {
"expression": "screenPos<-80"
},
"ports": [],
"dynamicports": [
{
"name": "screenPos",
"type": {
"name": "*",
"editAsType": "string"
},
"plug": "input",
"index": 2
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 2107.464377977726,
"y": 0
}
}
},
{
"name": "/Visual Components/Article/Comments",
"id": "e744d762-1ecd-0f2d-187d-a3d47274ba27",
"graph": {
"connections": [
{
"fromId": "a9f0b4b4-3fc3-44f4-99a5-c4c2c99b6b8b",
"fromProperty": "parent_id",
"toId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
"toProperty": "prop-comment_parent"
},
{
"fromId": "1bfd0d3b-b1c8-7b82-b26e-fe906dd739de",
"fromProperty": "onTextChanged",
"toId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
"toProperty": "prop-comment_text"
},
{
"fromId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
"fromProperty": "created",
"toId": "49ed8385-9bd9-2133-70b3-952c47e47129",
"toProperty": "storageFetch"
},
{
"fromId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
"fromProperty": "created",
"toId": "1bfd0d3b-b1c8-7b82-b26e-fe906dd739de",
"toProperty": "clear"
},
{
"fromId": "875ce743-ffd9-53a3-95f3-571e63c89d21",
"fromProperty": "out-doQuery",
"toId": "49ed8385-9bd9-2133-70b3-952c47e47129",
"toProperty": "storageFetch"
},
{
"fromId": "bf7e9ea8-428d-a9cd-50d4-fb240323eca4",
"fromProperty": "didMount",
"toId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
"toProperty": "storageFetch"
},
{
"fromId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
"fromProperty": "count",
"toId": "08b72a60-5372-c42d-452e-ef9ad2c3a6ab",
"toProperty": "in-totalCommentCount"
},
{
"fromId": "49ed8385-9bd9-2133-70b3-952c47e47129",
"fromProperty": "count",
"toId": "08b72a60-5372-c42d-452e-ef9ad2c3a6ab",
"toProperty": "in-currentCommentCount"
},
{
"fromId": "08b72a60-5372-c42d-452e-ef9ad2c3a6ab",
"fromProperty": "out-buttonVisible",
"toId": "334ef549-7a49-7dc2-bb53-13fe6054fbb3",
"toProperty": "mounted"
},
{
"fromId": "de8fab32-5034-71a9-96e9-3d4acbee5e0b",
"fromProperty": "savedValue",
"toId": "875ce743-ffd9-53a3-95f3-571e63c89d21",
"toProperty": "in-currentLimit"
},
{
"fromId": "de8fab32-5034-71a9-96e9-3d4acbee5e0b",
"fromProperty": "savedValue",
"toId": "49ed8385-9bd9-2133-70b3-952c47e47129",
"toProperty": "storageLimit"
},
{
"fromId": "875ce743-ffd9-53a3-95f3-571e63c89d21",
"fromProperty": "out-limit",
"toId": "de8fab32-5034-71a9-96e9-3d4acbee5e0b",
"toProperty": "value"
},
{
"fromId": "a9f0b4b4-3fc3-44f4-99a5-c4c2c99b6b8b",
"fromProperty": "parent_id",
"toId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
"toProperty": "qp-MyInput"
},
{
"fromId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
"fromProperty": "count",
"toId": "37673e78-9ed7-6f3a-33cd-7957bdccf4ad",
"toProperty": "in-totalCount"
},
{
"fromId": "37673e78-9ed7-6f3a-33cd-7957bdccf4ad",
"fromProperty": "out-text",
"toId": "334ef549-7a49-7dc2-bb53-13fe6054fbb3",
"toProperty": "label"
},
{
"fromId": "49ed8385-9bd9-2133-70b3-952c47e47129",
"fromProperty": "items",
"toId": "7ea5ca86-bdf9-2d66-e8d8-223e297360b4",
"toProperty": "items"
},
{
"fromId": "334ef549-7a49-7dc2-bb53-13fe6054fbb3",
"fromProperty": "onClick",
"toId": "875ce743-ffd9-53a3-95f3-571e63c89d21",
"toProperty": "run"
},
{
"fromId": "bf7e9ea8-428d-a9cd-50d4-fb240323eca4",
"fromProperty": "didMount",
"toId": "c4e57d65-cc2a-155e-e9fe-217fdbdf3766",
"toProperty": "restart"
},
{
"fromId": "c4e57d65-cc2a-155e-e9fe-217fdbdf3766",
"fromProperty": "timerFinished",
"toId": "49ed8385-9bd9-2133-70b3-952c47e47129",
"toProperty": "storageFetch"
},
{
"fromId": "a9f0b4b4-3fc3-44f4-99a5-c4c2c99b6b8b",
"fromProperty": "parent_id",
"toId": "49ed8385-9bd9-2133-70b3-952c47e47129",
"toProperty": "qp-MyInput"
},
{
"fromId": "aa0dd865-b380-e967-44b1-8c0806bc52b6",
"fromProperty": "authenticated",
"toId": "8fa96cba-bcf4-ae2b-ccfb-63d1bf31f271",
"toProperty": "condition"
},
{
"fromId": "356a513c-2e14-d92c-adea-b96ceeb9acf4",
"fromProperty": "onClick",
"toId": "8fa96cba-bcf4-ae2b-ccfb-63d1bf31f271",
"toProperty": "eval"
},
{
"fromId": "8fa96cba-bcf4-ae2b-ccfb-63d1bf31f271",
"fromProperty": "ontrue",
"toId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
"toProperty": "store"
},
{
"fromId": "8fa96cba-bcf4-ae2b-ccfb-63d1bf31f271",
"fromProperty": "onfalse",
"toId": "b6a675a3-7838-93a7-0664-b9ff9d53f455",
"toProperty": "do"
},
{
"fromId": "b6a675a3-7838-93a7-0664-b9ff9d53f455",
"fromProperty": "done",
"toId": "ba9572af-d18e-83e5-dddc-ffbbdb8d7cb7",
"toProperty": "show"
},
{
"fromId": "aa0dd865-b380-e967-44b1-8c0806bc52b6",
"fromProperty": "username",
"toId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
"toProperty": "prop-comment_author"
},
{
"fromId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
"fromProperty": "count",
"toId": "f3e344da-04a2-5509-944b-fe2839ff15ba",
"toProperty": "value"
},
{
"fromId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
"fromProperty": "fetched",
"toId": "f3e344da-04a2-5509-944b-fe2839ff15ba",
"toProperty": "do"
},
{
"fromId": "1bfd0d3b-b1c8-7b82-b26e-fe906dd739de",
"fromProperty": "focusState",
"toId": "356a513c-2e14-d92c-adea-b96ceeb9acf4",
"toProperty": "mounted"
}
],
"roots": [
{
"id": "49ed8385-9bd9-2133-70b3-952c47e47129",
"type": "DbCollection2",
"x": -624,
"y": -144,
"parameters": {
"collectionName": "Comment",
"visualFilter": {
"combinator": "or",
"rules": [
{
"combinator": "and",
"rules": [
{
"property": "comment_parent",
"operator": "equal to",
"input": "MyInput"
}
]
}
]
},
"storageEnableLimit": true,
"storageLimit": 3
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"displayName": "Class",
"plug": "input",
"group": "General",
"index": 6
},
{
"name": "storageFilterType",
"type": {
"name": "enum",
"allowEditOnly": true,
"enums": [
{
"value": "simple",
"label": "Visual"
},
{
"value": "json",
"label": "Javascript"
}
]
},
"displayName": "Filter",
"default": "simple",
"plug": "input",
"group": "General",
"index": 7
},
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "storageEnableLimit",
"displayName": "Use limit",
"index": 8
},
{
"type": "number",
"default": 10,
"plug": "input",
"group": "Limit",
"name": "storageLimit",
"displayName": "Limit",
"index": 9
},
{
"type": "number",
"default": 0,
"plug": "input",
"group": "Limit",
"name": "storageSkip",
"displayName": "Skip",
"index": 10
},
{
"type": "signal",
"plug": "input",
"group": "Actions",
"name": "storageFetch",
"displayName": "Do",
"index": 11
},
{
"name": "visualFilter",
"plug": "input",
"type": {
"name": "query-filter",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"comment_text": {
"type": "String",
"required": true
},
"comment_author": {
"type": "String",
"required": false
},
"comment_parent": {
"type": "String",
"required": true
}
}
},
"allowEditOnly": true
},
"displayName": "Filter",
"group": "Filter",
"index": 12
},
{
"name": "visualSort",
"plug": "input",
"type": {
"name": "query-sorting",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"comment_text": {
"type": "String",
"required": true
},
"comment_author": {
"type": "String",
"required": false
},
"comment_parent": {
"type": "String",
"required": true
}
}
},
"allowEditOnly": true
},
"displayName": "Sort",
"group": "Sorting",
"index": 13
},
{
"name": "qp-MyInput",
"plug": "input",
"type": "*",
"displayName": "MyInput",
"group": "Query Parameters",
"index": 14
}
],
"children": []
},
{
"id": "bf7e9ea8-428d-a9cd-50d4-fb240323eca4",
"type": "Group",
"x": -273,
"y": -146,
"parameters": {
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"marginTop": {
"value": 16,
"unit": "px"
},
"marginBottom": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "9cb70789-4b7a-c9e5-5c34-23557a3ce90f",
"type": "Group",
"parameters": {
"sizeMode": "contentHeight",
"height": {
"value": 250,
"unit": "px"
},
"scrollEnabled": true
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7ea5ca86-bdf9-2d66-e8d8-223e297360b4",
"type": "For Each",
"parameters": {
"template": "/Visual Components/Article/Comments/Comment Item"
},
"ports": [],
"dynamicports": [
{
"name": "inputMappingScript",
"type": {
"name": "string",
"codeeditor": "javascript"
},
"displayName": "Script",
"group": "Input Mapping",
"default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
"plug": "input",
"index": 6
}
],
"children": []
}
]
},
{
"id": "334ef549-7a49-7dc2-bb53-13fe6054fbb3",
"type": "net.noodl.controls.button",
"parameters": {
"alignY": "bottom",
"alignX": "center",
"marginTop": {
"value": 6,
"unit": "px"
},
"label": "show more...",
"backgroundColor": "transparent",
"color": "#72B6B9",
"mounted": false,
"fontFamily": "Inter-Bold.ttf",
"fontSize": {
"value": 14,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "33b9ab0d-4de6-8bea-15ea-96fbeeacf729",
"type": "Group",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "0f04d77d-3e25-e2d9-afe9-499ca7febc5b",
"type": "Group",
"parameters": {
"flexDirection": "row",
"sizeMode": "contentHeight",
"marginTop": {
"value": 15,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "ffd9e04a-8c9f-3223-b574-6c6d1cbd49ba",
"type": "Group",
"parameters": {
"width": {
"value": 15,
"unit": "%"
},
"sizeMode": "contentSize",
"alignX": "left",
"marginRight": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "2ee19d5d-a3ef-acac-19bc-5226f788e913",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "account_circle"
},
"iconColor": "Dark Gray",
"iconSize": {
"value": 55,
"unit": "px"
},
"alignX": "center",
"iconSourceType": "image",
"iconImageSource": "profileIcon.svg"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "1bfd0d3b-b1c8-7b82-b26e-fe906dd739de",
"type": "net.noodl.controls.textinput",
"variant": "UI Text Input",
"parameters": {
"sizeMode": "contentHeight",
"alignY": "center",
"useLabel": false,
"borderRadius": {
"value": 25,
"unit": "px"
},
"paddingLeft": {
"value": 15,
"unit": "px"
},
"paddingRight": {
"value": 15,
"unit": "px"
},
"placeholder": "Add a comment",
"paddingTop": {
"value": 10,
"unit": "px"
},
"paddingBottom": {
"value": 10,
"unit": "px"
},
"lineHeight": {
"value": 30,
"unit": "px"
},
"backgroundColor": "#FFFFFF"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "356a513c-2e14-d92c-adea-b96ceeb9acf4",
"type": "net.noodl.controls.button",
"variant": "Button Primary",
"parameters": {
"sizeMode": "explicit",
"alignY": "center",
"label": "Post",
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "send"
},
"borderRadius": {
"value": 25,
"unit": "px"
},
"height": {
"value": 50,
"unit": "px"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"marginTop": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "a9f0b4b4-3fc3-44f4-99a5-c4c2c99b6b8b",
"type": "Component Inputs",
"x": -621.806551176317,
"y": -346.4820788262954,
"parameters": {},
"ports": [
{
"name": "parent_id",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
"type": "NewDbModelProperties",
"x": 271.92266074210863,
"y": 192.87103168487658,
"parameters": {
"collectionName": "Comment",
"prop-comment_author": "Placeholder"
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"displayName": "Class",
"group": "General",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"plug": "input",
"index": 6
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 7
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 8
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-comment_text",
"displayName": "comment_text",
"index": 9
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-comment_author",
"displayName": "comment_author",
"index": 10
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-comment_parent",
"displayName": "comment_parent",
"index": 11
}
],
"children": []
},
{
"id": "875ce743-ffd9-53a3-95f3-571e63c89d21",
"type": "JavaScriptFunction",
"x": -503,
"y": 78,
"parameters": {
"functionScript": "if(Inputs.currentLimit){\n Outputs.limit = Inputs.currentLimit + 50;\n Outputs.doQuery();\n}"
},
"ports": [],
"dynamicports": [
{
"name": "in-currentLimit",
"displayName": "currentLimit",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-doQuery",
"displayName": "doQuery",
"plug": "output",
"type": "signal",
"group": "Outputs",
"index": 5
},
{
"name": "out-limit",
"displayName": "limit",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 6
}
],
"children": []
},
{
"id": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
"type": "DbCollection2",
"x": 99,
"y": -119,
"parameters": {
"storageEnableLimit": true,
"storageLimit": 99999999999,
"collectionName": "Comment",
"visualFilter": {
"combinator": "or",
"rules": [
{
"combinator": "and",
"rules": [
{
"property": "comment_parent",
"operator": "equal to",
"input": "MyInput"
}
]
}
]
}
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"displayName": "Class",
"plug": "input",
"group": "General",
"index": 6
},
{
"name": "storageFilterType",
"type": {
"name": "enum",
"allowEditOnly": true,
"enums": [
{
"value": "simple",
"label": "Visual"
},
{
"value": "json",
"label": "Javascript"
}
]
},
"displayName": "Filter",
"default": "simple",
"plug": "input",
"group": "General",
"index": 7
},
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "storageEnableLimit",
"displayName": "Use limit",
"index": 8
},
{
"type": "number",
"default": 10,
"plug": "input",
"group": "Limit",
"name": "storageLimit",
"displayName": "Limit",
"index": 9
},
{
"type": "number",
"default": 0,
"plug": "input",
"group": "Limit",
"name": "storageSkip",
"displayName": "Skip",
"index": 10
},
{
"type": "signal",
"plug": "input",
"group": "Actions",
"name": "storageFetch",
"displayName": "Do",
"index": 11
},
{
"name": "visualFilter",
"plug": "input",
"type": {
"name": "query-filter",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"comment_text": {
"type": "String",
"required": true
},
"comment_author": {
"type": "String",
"required": false
},
"comment_parent": {
"type": "String",
"required": true
}
}
},
"allowEditOnly": true
},
"displayName": "Filter",
"group": "Filter",
"index": 12
},
{
"name": "visualSort",
"plug": "input",
"type": {
"name": "query-sorting",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"comment_text": {
"type": "String",
"required": true
},
"comment_author": {
"type": "String",
"required": false
},
"comment_parent": {
"type": "String",
"required": true
}
}
},
"allowEditOnly": true
},
"displayName": "Sort",
"group": "Sorting",
"index": 13
},
{
"name": "qp-MyInput",
"plug": "input",
"type": "*",
"displayName": "MyInput",
"group": "Query Parameters",
"index": 14
}
],
"children": []
},
{
"id": "08b72a60-5372-c42d-452e-ef9ad2c3a6ab",
"type": "JavaScriptFunction",
"label": "checkCommentCount",
"x": 101,
"y": -322,
"parameters": {
"functionScript": "if(Inputs.totalCommentCount && Inputs.currentCommentCount){\n if(Inputs.currentCommentCount >= Inputs.totalCommentCount){\n Outputs.buttonVisible = false;\n }else{\n Outputs.buttonVisible = true;\n }\n}"
},
"ports": [],
"dynamicports": [
{
"name": "in-totalCommentCount",
"displayName": "totalCommentCount",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "in-currentCommentCount",
"displayName": "currentCommentCount",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 5
},
{
"name": "out-buttonVisible",
"displayName": "buttonVisible",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 6
}
],
"children": []
},
{
"id": "de8fab32-5034-71a9-96e9-3d4acbee5e0b",
"type": "Number",
"x": -871,
"y": -33,
"parameters": {
"value": 3
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "37673e78-9ed7-6f3a-33cd-7957bdccf4ad",
"type": "JavaScriptFunction",
"x": 323.99365069580267,
"y": -37.85177511637107,
"parameters": {
"functionScript": "if(Inputs.totalCount){\n Outputs.text = 'Show all ' + Inputs.totalCount + ' comments';\n}"
},
"ports": [],
"dynamicports": [
{
"name": "in-totalCount",
"displayName": "totalCount",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-text",
"displayName": "text",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 5
}
],
"children": []
},
{
"id": "c4e57d65-cc2a-155e-e9fe-217fdbdf3766",
"type": "Timer",
"x": -622.2717536294736,
"y": -242.172889192764,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "aa0dd865-b380-e967-44b1-8c0806bc52b6",
"type": "net.noodl.user.User",
"x": -160.96252193052973,
"y": 542.5865082960523,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 12
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 13
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 14
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 15
},
{
"type": {
"name": "boolean"
},
"plug": "output",
"group": "Properties",
"name": "prop-emailVerified",
"displayName": "emailVerified",
"index": 16
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "emailVerified Changed",
"name": "changed-emailVerified",
"index": 17
},
{
"type": {
"name": "*"
},
"plug": "output",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 18
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "liked_articles Changed",
"name": "changed-liked_articles",
"index": 19
}
],
"children": []
},
{
"id": "8fa96cba-bcf4-ae2b-ccfb-63d1bf31f271",
"type": "Condition",
"x": 193.13832137614895,
"y": 455.67087201480217,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ba9572af-d18e-83e5-dddc-ffbbdb8d7cb7",
"type": "NavigationShowPopup",
"x": 577.960114141171,
"y": 513.8802916787224,
"parameters": {
"target": "/Pop-ups/Sign in or Sign up /Sign in or up Pop-up"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "b6a675a3-7838-93a7-0664-b9ff9d53f455",
"type": "Set Variable",
"x": 582.4632853927774,
"y": 603.9437167108516,
"parameters": {
"name": "loginMethod",
"setWith": "string",
"value": "Sign Up"
},
"ports": [],
"dynamicports": [
{
"type": "string",
"plug": "input",
"group": "General",
"name": "value",
"displayName": "Value",
"index": 4
}
],
"children": []
},
{
"id": "f3e344da-04a2-5509-944b-fe2839ff15ba",
"type": "Set Variable",
"x": 348.5948266112931,
"y": -264.6324355304555,
"parameters": {
"name": "NbrComments",
"setWith": "number"
},
"ports": [],
"dynamicports": [
{
"type": "number",
"plug": "input",
"group": "General",
"name": "value",
"displayName": "Value",
"index": 4
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": -1,
"y": 1070
},
"canvasSize": {
"width": "809px",
"height": "687px"
}
}
},
{
"name": "/Visual Components/Article/Comments/Comment Item",
"id": "f42b7891-ac95-4cbb-988d-8f94840ca741",
"graph": {
"connections": [
{
"fromId": "a2fe4182-6bc8-33fa-6b51-d92d0c33c804",
"fromProperty": "itemId",
"toId": "e83d3410-ebdc-49ff-027e-5ac0322efc0c",
"toProperty": "modelId"
},
{
"fromId": "e83d3410-ebdc-49ff-027e-5ac0322efc0c",
"fromProperty": "prop-comment_text",
"toId": "a6981389-44dd-903c-f64f-a22b79a275dd",
"toProperty": "text"
},
{
"fromId": "e83d3410-ebdc-49ff-027e-5ac0322efc0c",
"fromProperty": "prop-comment_author",
"toId": "4d8b13e6-6405-08bb-eb98-f3e3413fb654",
"toProperty": "text"
},
{
"fromId": "a2fe4182-6bc8-33fa-6b51-d92d0c33c804",
"fromProperty": "itemId",
"toId": "7f34f6f0-5d85-7403-836a-7e3c928a0f46",
"toProperty": "qp-MyInput"
},
{
"fromId": "7f34f6f0-5d85-7403-836a-7e3c928a0f46",
"fromProperty": "items",
"toId": "29064fb1-d3af-d919-b007-6a243b133c08",
"toProperty": "items"
},
{
"fromId": "395b2cd0-39dd-59b9-bf98-3bb1171f0cda",
"fromProperty": "onClick",
"toId": "cc3cf80d-5975-98d0-090c-3799b60afb91",
"toProperty": "show"
},
{
"fromId": "a2fe4182-6bc8-33fa-6b51-d92d0c33c804",
"fromProperty": "itemId",
"toId": "cc3cf80d-5975-98d0-090c-3799b60afb91",
"toProperty": "popupParam-parent_comment_id"
},
{
"fromId": "e83d3410-ebdc-49ff-027e-5ac0322efc0c",
"fromProperty": "prop-createdAt",
"toId": "271c9771-f4bb-7d81-5a02-99456e2980ea",
"toProperty": "in-date"
},
{
"fromId": "271c9771-f4bb-7d81-5a02-99456e2980ea",
"fromProperty": "out-formattedDate",
"toId": "64090841-bb64-e851-8d62-0e069d957fdd",
"toProperty": "text"
},
{
"fromId": "eb9950b3-ee34-6f14-35cd-34d10471cdd8",
"fromProperty": "onClick",
"toId": "b4f1c236-06fc-cee4-3b12-95ae4ce96a79",
"toProperty": "flip"
},
{
"fromId": "b4f1c236-06fc-cee4-3b12-95ae4ce96a79",
"fromProperty": "state",
"toId": "97b5cdf6-967e-ba17-7446-5f5e4bfcd42e",
"toProperty": "mounted"
},
{
"fromId": "b4f1c236-06fc-cee4-3b12-95ae4ce96a79",
"fromProperty": "state",
"toId": "2fb948ba-77b9-ea12-e12d-cb1240949183",
"toProperty": "value"
},
{
"fromId": "2fb948ba-77b9-ea12-e12d-cb1240949183",
"fromProperty": "result",
"toId": "8fc3fc9c-a350-2d2d-0a45-14821aa4565a",
"toProperty": "mounted"
},
{
"fromId": "adad720b-d637-afc2-1535-15490b7f8f6e",
"fromProperty": "hoverStart",
"toId": "83d3dc5d-f9d5-225e-5d07-60f35de0b4c8",
"toProperty": "to-Hover"
},
{
"fromId": "adad720b-d637-afc2-1535-15490b7f8f6e",
"fromProperty": "hoverEnd",
"toId": "83d3dc5d-f9d5-225e-5d07-60f35de0b4c8",
"toProperty": "to-Hidden"
}
],
"roots": [
{
"id": "adad720b-d637-afc2-1535-15490b7f8f6e",
"type": "Group",
"x": -56,
"y": -125,
"parameters": {
"sizeMode": "contentHeight",
"backgroundColor": "#FFFFFF",
"boxShadowSpreadRadius": {
"value": 1,
"unit": "px"
},
"boxShadowBlurRadius": {
"value": 3,
"unit": "px"
},
"flexDirection": "row",
"marginBottom": {
"value": 16,
"unit": "px"
},
"marginTop": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "1c3280b9-fba6-6570-994e-0039fca76cd6",
"type": "Group",
"parameters": {
"width": {
"value": 15,
"unit": "%"
},
"sizeMode": "contentSize",
"alignX": "left"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "87170f23-2e2c-794f-7045-82fd68962f47",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "account_circle"
},
"iconColor": "Dark Gray",
"iconSize": {
"value": 58,
"unit": "px"
},
"paddingLeft": {
"value": 0,
"unit": "px"
},
"paddingRight": {
"value": 0,
"unit": "px"
},
"paddingTop": {
"value": 0,
"unit": "px"
},
"paddingBottom": {
"value": 0,
"unit": "px"
},
"iconSourceType": "image",
"iconImageSource": "profileIcon.svg"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "5e347219-a4a2-5c39-f3a3-5fb68fd878c5",
"type": "Group",
"parameters": {
"flexDirection": "column",
"sizeMode": "contentHeight",
"width": {
"value": 100,
"unit": "%"
},
"alignX": "left",
"flexWrap": "wrap",
"paddingLeft": {
"value": 25,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "59b98a81-72fd-5dc9-86f7-5e9b0aecf6e5",
"type": "Group",
"parameters": {
"flexDirection": "row"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "4d8b13e6-6405-08bb-eb98-f3e3413fb654",
"type": "Text",
"label": "Author",
"parameters": {
"sizeMode": "contentSize",
"color": "#505758",
"fontSize": {
"value": 16,
"unit": "px"
},
"fontFamily": "Inter-Bold.ttf"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "64090841-bb64-e851-8d62-0e069d957fdd",
"type": "Text",
"label": "timeposted",
"parameters": {
"sizeMode": "contentSize",
"fontSize": {
"value": 16,
"unit": "px"
},
"color": "Dark Gray",
"marginLeft": {
"value": 4,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "eb9950b3-ee34-6f14-35cd-34d10471cdd8",
"type": "Group",
"label": "This is unmounted",
"parameters": {
"position": "relative",
"alignX": "right",
"alignY": "center",
"sizeMode": "contentSize",
"marginRight": {
"value": 25,
"unit": "px"
},
"mounted": false
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "8fc3fc9c-a350-2d2d-0a45-14821aa4565a",
"type": "net.noodl.visual.icon",
"label": "Icon-default",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "favorite_outline"
},
"iconColor": "#000000",
"iconSize": {
"value": 26,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "97b5cdf6-967e-ba17-7446-5f5e4bfcd42e",
"type": "net.noodl.visual.icon",
"label": "Icon-hover/pressed",
"parameters": {
"iconSize": {
"value": 26,
"unit": "px"
},
"iconIconSource": {
"class": "material-icons",
"code": "favorite"
},
"iconColor": "#000000",
"mounted": false
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "4a7461a2-d16c-c942-d4d3-b91a2535964d",
"type": "Group",
"label": "Comment Text",
"parameters": {
"sizeMode": "contentHeight",
"width": {
"value": 100,
"unit": "%"
},
"marginTop": {
"value": 15,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "a6981389-44dd-903c-f64f-a22b79a275dd",
"type": "Text",
"parameters": {
"marginBottom": {
"value": 5,
"unit": "px"
},
"color": "#505758"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "17ad5ca5-5dc3-390d-a788-899b2f8e6153",
"type": "Group",
"label": "Comment Actions",
"parameters": {
"flexDirection": "row",
"marginTop": {
"value": 3,
"unit": "px"
},
"justifyContent": "flex-start"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "395b2cd0-39dd-59b9-bf98-3bb1171f0cda",
"type": "net.noodl.controls.button",
"variant": "Button Secondary (No Border)",
"parameters": {
"backgroundColor": "transparent",
"fontSize": {
"value": 12,
"unit": "px"
},
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "reply"
},
"label": "Reply",
"height": {
"value": 25,
"unit": "px"
},
"iconColor": "Cyan Dark",
"paddingLeft": {
"value": 0,
"unit": "px"
},
"paddingRight": {
"value": 0,
"unit": "px"
},
"sizeMode": "contentSize"
},
"stateParameters": {
"hover": {
"color": "Cyan Dark"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "25f6e777-3a8c-03a9-27ab-1a674c78827a",
"type": "net.noodl.controls.button",
"variant": "Button Secondary (No Border)",
"parameters": {
"backgroundColor": "transparent",
"fontSize": {
"value": 12,
"unit": "px"
},
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "thumb_up"
},
"iconColor": "Cyan Dark",
"label": "Like",
"height": {
"value": 25,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"sizeMode": "contentSize"
},
"stateParameters": {
"hover": {
"color": "Cyan Dark"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "87496893-4e3d-07fd-1446-ea1bebbb8bfa",
"type": "net.noodl.controls.button",
"variant": "Button Secondary (No Border)",
"parameters": {
"backgroundColor": "transparent",
"fontSize": {
"value": 12,
"unit": "px"
},
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "report_gmailerrorred"
},
"iconColor": "Cyan Dark",
"label": "Report",
"height": {
"value": 25,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"sizeMode": "contentSize"
},
"stateParameters": {
"hover": {
"color": "Cyan Dark"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "17f544e4-6591-f091-2db8-51570f20ab2b",
"type": "Group",
"label": "Replies",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "29064fb1-d3af-d919-b007-6a243b133c08",
"type": "For Each",
"parameters": {
"template": "/Visual Components/Article/Comments/Comment Replies"
},
"ports": [],
"dynamicports": [
{
"name": "inputMappingScript",
"type": {
"name": "string",
"codeeditor": "javascript"
},
"displayName": "Script",
"group": "Input Mapping",
"default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
"plug": "input",
"index": 6
}
],
"children": []
}
]
}
]
}
]
},
{
"id": "e83d3410-ebdc-49ff-027e-5ac0322efc0c",
"type": "DbModel2",
"x": -682.5759535956029,
"y": 240.0515257669803,
"parameters": {
"collectionName": "Comment"
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"displayName": "Class",
"group": "General",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"plug": "input",
"index": 8
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 9
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 10
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 11
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 12
},
{
"type": {
"name": "string"
},
"plug": "output",
"group": "Properties",
"name": "prop-comment_text",
"displayName": "comment_text",
"index": 13
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "comment_text Changed",
"name": "changed-comment_text",
"index": 14
},
{
"type": {
"name": "string"
},
"plug": "output",
"group": "Properties",
"name": "prop-comment_author",
"displayName": "comment_author",
"index": 15
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "comment_author Changed",
"name": "changed-comment_author",
"index": 16
},
{
"type": {
"name": "string"
},
"plug": "output",
"group": "Properties",
"name": "prop-comment_parent",
"displayName": "comment_parent",
"index": 17
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "comment_parent Changed",
"name": "changed-comment_parent",
"index": 18
}
],
"children": []
},
{
"id": "a2fe4182-6bc8-33fa-6b51-d92d0c33c804",
"type": "For Each Actions",
"x": -729.6286782232139,
"y": -20.3022801142165,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "7f34f6f0-5d85-7403-836a-7e3c928a0f46",
"type": "DbCollection2",
"label": "Comment Replies",
"x": -599.6708720507811,
"y": 493.68788473359666,
"parameters": {
"collectionName": "Comment",
"visualFilter": {
"combinator": "or",
"rules": [
{
"combinator": "and",
"rules": [
{
"property": "comment_parent",
"operator": "equal to",
"input": "MyInput"
}
]
}
]
}
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"displayName": "Class",
"plug": "input",
"group": "General",
"index": 6
},
{
"name": "storageFilterType",
"type": {
"name": "enum",
"allowEditOnly": true,
"enums": [
{
"value": "simple",
"label": "Visual"
},
{
"value": "json",
"label": "Javascript"
}
]
},
"displayName": "Filter",
"default": "simple",
"plug": "input",
"group": "General",
"index": 7
},
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "storageEnableLimit",
"displayName": "Use limit",
"index": 8
},
{
"type": "signal",
"plug": "input",
"group": "Actions",
"name": "storageFetch",
"displayName": "Do",
"index": 9
},
{
"name": "visualFilter",
"plug": "input",
"type": {
"name": "query-filter",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"comment_text": {
"type": "String",
"required": true
},
"comment_author": {
"type": "String",
"required": false
},
"comment_parent": {
"type": "String",
"required": true
}
}
},
"allowEditOnly": true
},
"displayName": "Filter",
"group": "Filter",
"index": 10
},
{
"name": "visualSort",
"plug": "input",
"type": {
"name": "query-sorting",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"comment_text": {
"type": "String",
"required": true
},
"comment_author": {
"type": "String",
"required": false
},
"comment_parent": {
"type": "String",
"required": true
}
}
},
"allowEditOnly": true
},
"displayName": "Sort",
"group": "Sorting",
"index": 11
},
{
"name": "qp-MyInput",
"plug": "input",
"type": "*",
"displayName": "MyInput",
"group": "Query Parameters",
"index": 12
}
],
"children": []
},
{
"id": "cc3cf80d-5975-98d0-090c-3799b60afb91",
"type": "NavigationShowPopup",
"x": 535.0782226616988,
"y": 587.6426587016877,
"parameters": {
"target": "/Pop-ups/Comment Reply Popup"
},
"ports": [],
"dynamicports": [
{
"name": "popupParam-parent_comment_id",
"displayName": "parent_comment_id",
"type": "*",
"plug": "input",
"group": "Params",
"index": 3
}
],
"children": []
},
{
"id": "271c9771-f4bb-7d81-5a02-99456e2980ea",
"type": "JavaScriptFunction",
"x": -471.5855544050368,
"y": 241.04696319260887,
"parameters": {
"functionScript": "Outputs.formattedDate = moment(Inputs.date).format(\"MMM Do\")\n"
},
"ports": [],
"dynamicports": [
{
"name": "in-date",
"displayName": "date",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-formattedDate",
"displayName": "formattedDate",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 5
}
],
"children": []
},
{
"id": "b4f1c236-06fc-cee4-3b12-95ae4ce96a79",
"type": "Switch",
"x": 499.8564921830001,
"y": 278.61165049531576,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "2fb948ba-77b9-ea12-e12d-cb1240949183",
"type": "Inverter",
"x": 476.51562346218475,
"y": 402.4977998596445,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "83d3dc5d-f9d5-225e-5d07-60f35de0b4c8",
"type": "States",
"x": 480.9474075784997,
"y": 755.1067485589351,
"parameters": {
"states": "Hidden,Hover",
"values": "Visible",
"type-Visible": "boolean",
"value-Hover-Visible": true
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "boolean",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "Visible",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "Visible",
"name": "type-Visible",
"index": 7
},
{
"plug": "input",
"type": "boolean",
"group": "Hidden Values",
"name": "value-Hidden-Visible",
"displayName": "Visible",
"editorName": "Hidden|Visible",
"index": 8
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Hidden Transitions",
"name": "transitiondef-Hidden",
"index": 9
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Hidden",
"name": "to-Hidden",
"group": "Go to state",
"index": 10
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Hidden",
"name": "at-Hidden",
"group": "Current state",
"index": 11
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Hidden",
"name": "reached-Hidden",
"group": "Current state",
"index": 12
},
{
"plug": "input",
"type": "boolean",
"group": "Hover Values",
"name": "value-Hover-Visible",
"displayName": "Visible",
"editorName": "Hover|Visible",
"index": 13
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Hover Transitions",
"name": "transitiondef-Hover",
"index": 14
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Hover",
"name": "to-Hover",
"group": "Go to state",
"index": 15
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Hover",
"name": "at-Hover",
"group": "Current state",
"index": 16
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Hover",
"name": "reached-Hover",
"group": "Current state",
"index": 17
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"Hidden",
"Hover"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "Hidden",
"index": 18
}
],
"children": []
}
],
"comments": [
{
"text": "The faving of the comment is unmounted currently",
"width": 595,
"height": 301,
"fill": true,
"x": 161,
"y": 286,
"id": "99abb346-3885-5e99-dc16-32150466a33f",
"color": "component"
}
]
},
"metadata": {
"canvasPos": {
"x": 1151.264776330471,
"y": 1048.529552660942
}
}
},
{
"name": "/Visual Components/Article/Comments/Comment Replies",
"id": "6d7bbcbf-6e51-d198-c8e0-87e5c27d8c5e",
"graph": {
"connections": [
{
"fromId": "eb9acac6-5995-2e65-b765-894f6be4a2f4",
"fromProperty": "itemId",
"toId": "ab5f7929-48f4-9f31-c861-495231595f14",
"toProperty": "modelId"
},
{
"fromId": "ab5f7929-48f4-9f31-c861-495231595f14",
"fromProperty": "prop-comment_author",
"toId": "df5c77cb-3fdf-0f71-d017-bc526cf987c1",
"toProperty": "text"
},
{
"fromId": "ab5f7929-48f4-9f31-c861-495231595f14",
"fromProperty": "prop-comment_text",
"toId": "98ba31a7-4035-aedf-a229-876c69bc16f0",
"toProperty": "text"
},
{
"fromId": "ab5f7929-48f4-9f31-c861-495231595f14",
"fromProperty": "prop-createdAt",
"toId": "ab85fd09-c92e-d782-0ffe-29242b6735af",
"toProperty": "in-date"
},
{
"fromId": "ab85fd09-c92e-d782-0ffe-29242b6735af",
"fromProperty": "out-formattedDate",
"toId": "838dcd3c-ab17-6d4f-dc78-74d0f186ae4b",
"toProperty": "text"
},
{
"fromId": "b88d7379-bad7-b2e7-c202-1c2fb92f992d",
"fromProperty": "onClick",
"toId": "b537ec46-05b8-5dfe-f8a5-f852a0d30c83",
"toProperty": "flip"
},
{
"fromId": "b537ec46-05b8-5dfe-f8a5-f852a0d30c83",
"fromProperty": "state",
"toId": "a17c7526-b874-8565-d0b8-85a50e95a56d",
"toProperty": "mounted"
},
{
"fromId": "b537ec46-05b8-5dfe-f8a5-f852a0d30c83",
"fromProperty": "state",
"toId": "a320624b-2a6f-ae7f-ba6c-3f39b278aba9",
"toProperty": "value"
},
{
"fromId": "a320624b-2a6f-ae7f-ba6c-3f39b278aba9",
"fromProperty": "result",
"toId": "d4b3872f-c3e1-b464-8396-9a240618b364",
"toProperty": "mounted"
},
{
"fromId": "a17295ed-a3f1-9d85-4834-78a69556653c",
"fromProperty": "hoverStart",
"toId": "44d4900f-c370-8937-6ee1-f00a791042ca",
"toProperty": "to-Hover"
},
{
"fromId": "a17295ed-a3f1-9d85-4834-78a69556653c",
"fromProperty": "hoverEnd",
"toId": "44d4900f-c370-8937-6ee1-f00a791042ca",
"toProperty": "to-Hidden"
}
],
"roots": [
{
"id": "a17295ed-a3f1-9d85-4834-78a69556653c",
"type": "Group",
"x": 0,
"y": 0,
"parameters": {
"marginTop": {
"value": 8,
"unit": "px"
},
"marginBottom": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "0fb89c89-fd5d-28d4-08da-0e919393064a",
"type": "Group",
"parameters": {
"flexDirection": "row",
"flexWrap": "wrap",
"marginBottom": {
"value": 6,
"unit": "px"
},
"alignItems": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "9cffa4e4-f43a-d03c-d4a8-3980992e9e91",
"type": "Group",
"parameters": {
"sizeMode": "contentSize",
"marginRight": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "0d8f1143-0934-14c1-3d98-1e38a16d1294",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "account_circle"
},
"iconColor": "Dark Gray",
"iconSize": {
"value": 35,
"unit": "px"
},
"iconSourceType": "image",
"iconImageSource": "profileIcon.svg",
"paddingTop": {
"value": 0,
"unit": "px"
},
"paddingBottom": {
"value": 0,
"unit": "px"
},
"paddingRight": {
"value": 0,
"unit": "px"
},
"paddingLeft": {
"value": 0,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "5cf49bf7-c678-a222-522f-566c781d85d9",
"type": "Group",
"parameters": {
"alignY": "center",
"flexDirection": "row",
"flexWrap": "wrap",
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "df5c77cb-3fdf-0f71-d017-bc526cf987c1",
"type": "Text",
"parameters": {
"sizeMode": "contentSize",
"alignY": "center",
"color": "Dark Gray",
"fontFamily": "Inter-Bold.ttf"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "838dcd3c-ab17-6d4f-dc78-74d0f186ae4b",
"type": "Text",
"parameters": {
"sizeMode": "contentSize",
"color": "Dark Gray",
"marginLeft": {
"value": 4,
"unit": "px"
},
"alignY": "center"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "b88d7379-bad7-b2e7-c202-1c2fb92f992d",
"type": "Group",
"parameters": {
"position": "absolute",
"alignX": "right",
"alignY": "center",
"sizeMode": "contentSize",
"mounted": false
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "d4b3872f-c3e1-b464-8396-9a240618b364",
"type": "net.noodl.visual.icon",
"label": "Icon-default",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "favorite_outline"
},
"iconColor": "#000000",
"iconSize": {
"value": 26,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "a17c7526-b874-8565-d0b8-85a50e95a56d",
"type": "net.noodl.visual.icon",
"label": "Icon-hover/pressed",
"parameters": {
"iconSize": {
"value": 26,
"unit": "px"
},
"iconIconSource": {
"class": "material-icons",
"code": "favorite"
},
"iconColor": "#000000",
"mounted": false
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "3fe7efd8-0ea7-f88d-1aa7-bd4a647442f3",
"type": "Group",
"parameters": {
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "98ba31a7-4035-aedf-a229-876c69bc16f0",
"type": "Text",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "7fecaf4e-224b-01e7-b966-7d9666d31ffc",
"type": "Group",
"label": "Comment Actions",
"parameters": {
"flexDirection": "row",
"marginTop": {
"value": 3,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "48d616e0-1978-2076-a6ee-72dd9af90349",
"type": "net.noodl.controls.button",
"variant": "Button Secondary (No Border)",
"parameters": {
"backgroundColor": "transparent",
"fontSize": {
"value": 12,
"unit": "px"
},
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "reply"
},
"label": "Reply",
"height": {
"value": 25,
"unit": "px"
},
"iconColor": "Cyan Dark",
"paddingLeft": {
"value": 0,
"unit": "px"
},
"sizeMode": "contentSize",
"paddingRight": {
"value": 0,
"unit": "px"
}
},
"stateParameters": {
"hover": {
"color": "Cyan Dark"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "f1f9ad94-0a7b-e6b2-f6de-3eadaae109e4",
"type": "net.noodl.controls.button",
"variant": "Button Secondary (No Border)",
"parameters": {
"backgroundColor": "transparent",
"fontSize": {
"value": 12,
"unit": "px"
},
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "thumb_up"
},
"iconColor": "Cyan Dark",
"label": "Like",
"height": {
"value": 25,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"sizeMode": "contentSize"
},
"stateParameters": {
"hover": {
"color": "Cyan Dark"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "6677ffbc-1e5e-5885-1828-fd53ecac029e",
"type": "net.noodl.controls.button",
"variant": "Button Secondary (No Border)",
"parameters": {
"backgroundColor": "transparent",
"fontSize": {
"value": 12,
"unit": "px"
},
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "report_gmailerrorred"
},
"iconColor": "Cyan Dark",
"label": "Report",
"height": {
"value": 25,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"sizeMode": "contentSize"
},
"stateParameters": {
"hover": {
"color": "Cyan Dark"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "eb9acac6-5995-2e65-b765-894f6be4a2f4",
"type": "For Each Actions",
"x": -446,
"y": -68,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ab5f7929-48f4-9f31-c861-495231595f14",
"type": "DbModel2",
"x": -352,
"y": 35,
"parameters": {
"collectionName": "Comment"
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"displayName": "Class",
"group": "General",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"plug": "input",
"index": 8
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 9
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 10
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 11
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 12
},
{
"type": {
"name": "string"
},
"plug": "output",
"group": "Properties",
"name": "prop-comment_text",
"displayName": "comment_text",
"index": 13
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "comment_text Changed",
"name": "changed-comment_text",
"index": 14
},
{
"type": {
"name": "string"
},
"plug": "output",
"group": "Properties",
"name": "prop-comment_author",
"displayName": "comment_author",
"index": 15
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "comment_author Changed",
"name": "changed-comment_author",
"index": 16
},
{
"type": {
"name": "string"
},
"plug": "output",
"group": "Properties",
"name": "prop-comment_parent",
"displayName": "comment_parent",
"index": 17
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "comment_parent Changed",
"name": "changed-comment_parent",
"index": 18
}
],
"children": []
},
{
"id": "ab85fd09-c92e-d782-0ffe-29242b6735af",
"type": "JavaScriptFunction",
"x": -235.53815337947486,
"y": 309.6086157240187,
"parameters": {
"functionScript": "Outputs.formattedDate = moment(Inputs.date).format(\"MMM Do\")\n"
},
"ports": [],
"dynamicports": [
{
"name": "in-date",
"displayName": "date",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-formattedDate",
"displayName": "formattedDate",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 5
}
],
"children": []
},
{
"id": "b537ec46-05b8-5dfe-f8a5-f852a0d30c83",
"type": "Switch",
"x": 914.4719538381314,
"y": 298.06882059767133,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "a320624b-2a6f-ae7f-ba6c-3f39b278aba9",
"type": "Inverter",
"x": 891.131085117316,
"y": 421.95496996200006,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "44d4900f-c370-8937-6ee1-f00a791042ca",
"type": "States",
"x": 378.5783374694092,
"y": 727.8949521566603,
"parameters": {
"states": "Hidden,Hover",
"values": "Visible",
"type-Visible": "boolean",
"value-Hover-Visible": true
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "boolean",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "Visible",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "Visible",
"name": "type-Visible",
"index": 7
},
{
"plug": "input",
"type": "boolean",
"group": "Hidden Values",
"name": "value-Hidden-Visible",
"displayName": "Visible",
"editorName": "Hidden|Visible",
"index": 8
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Hidden Transitions",
"name": "transitiondef-Hidden",
"index": 9
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Hidden",
"name": "to-Hidden",
"group": "Go to state",
"index": 10
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Hidden",
"name": "at-Hidden",
"group": "Current state",
"index": 11
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Hidden",
"name": "reached-Hidden",
"group": "Current state",
"index": 12
},
{
"plug": "input",
"type": "boolean",
"group": "Hover Values",
"name": "value-Hover-Visible",
"displayName": "Visible",
"editorName": "Hover|Visible",
"index": 13
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "Hover Transitions",
"name": "transitiondef-Hover",
"index": 14
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Hover",
"name": "to-Hover",
"group": "Go to state",
"index": 15
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Hover",
"name": "at-Hover",
"group": "Current state",
"index": 16
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Hover",
"name": "reached-Hover",
"group": "Current state",
"index": 17
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"Hidden",
"Hover"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "Hidden",
"index": 18
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 3369,
"y": 0
}
}
},
{
"name": "/Visual Components/Article/Like Comment Share Component",
"id": "8fdbe09b-e42f-d949-425b-766226afc229",
"graph": {
"connections": [
{
"fromId": "bcb2b60e-eff5-5a16-8a83-85a201ef6152",
"fromProperty": "value",
"toId": "e450e837-2d13-50d0-c791-2a1eb6af9f68",
"toProperty": "text"
},
{
"fromId": "6e4973ab-a6ba-27b9-9348-ff5297b8e65f",
"fromProperty": "onClick",
"toId": "ad0cb948-1130-815a-4e21-30bb40a6f11c",
"toProperty": "show"
},
{
"fromId": "5d57d19a-759b-63bf-9b79-e70f88bb51ec",
"fromProperty": "onClick",
"toId": "7ad4d668-97ab-8764-fa9b-db5f9499a4bc",
"toProperty": "updated"
},
{
"fromId": "6689eded-b926-2db8-308b-e91cf2799476",
"fromProperty": "articleObjId",
"toId": "5349e8dc-dc93-3e54-ff6b-f1ef33416f00",
"toProperty": "modelId"
},
{
"fromId": "5349e8dc-dc93-3e54-ff6b-f1ef33416f00",
"fromProperty": "prop-likes_count",
"toId": "c07e542c-8500-3062-6b85-a9ad0d5c2906",
"toProperty": "text"
},
{
"fromId": "93a2c9b6-0d19-ffeb-dd07-9de97005a426",
"fromProperty": "articleObjId",
"toId": "5a75067b-9bcd-919f-0851-2efe659b204d",
"toProperty": "modelId"
},
{
"fromId": "5349e8dc-dc93-3e54-ff6b-f1ef33416f00",
"fromProperty": "prop-likes_count",
"toId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
"toProperty": "startValue"
},
{
"fromId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
"fromProperty": "currentCount",
"toId": "5a75067b-9bcd-919f-0851-2efe659b204d",
"toProperty": "prop-likes_count"
},
{
"fromId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
"fromProperty": "countChanged",
"toId": "5a75067b-9bcd-919f-0851-2efe659b204d",
"toProperty": "store"
},
{
"fromId": "c1222d32-f6d7-56b9-61b6-12ff2859742b",
"fromProperty": "prop-liked_articles",
"toId": "91158bda-0c35-738a-6978-003aa9e84cfc",
"toProperty": "in-userLikedArticlesList"
},
{
"fromId": "93a2c9b6-0d19-ffeb-dd07-9de97005a426",
"fromProperty": "articleId",
"toId": "91158bda-0c35-738a-6978-003aa9e84cfc",
"toProperty": "in-currentArticleId"
},
{
"fromId": "91158bda-0c35-738a-6978-003aa9e84cfc",
"fromProperty": "out-result",
"toId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
"toProperty": "condition"
},
{
"fromId": "5a75067b-9bcd-919f-0851-2efe659b204d",
"fromProperty": "id",
"toId": "e50ef4ad-2203-ba8b-75eb-542df1ee448b",
"toProperty": "modelId"
},
{
"fromId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
"fromProperty": "currentCount",
"toId": "e50ef4ad-2203-ba8b-75eb-542df1ee448b",
"toProperty": "prop-likes_count"
},
{
"fromId": "5a75067b-9bcd-919f-0851-2efe659b204d",
"fromProperty": "stored",
"toId": "e50ef4ad-2203-ba8b-75eb-542df1ee448b",
"toProperty": "store"
},
{
"fromId": "91158bda-0c35-738a-6978-003aa9e84cfc",
"fromProperty": "out-userLikedArticles",
"toId": "5812b1f2-094c-ea7a-8ed9-61d14f28702a",
"toProperty": "prop-liked_articles"
},
{
"fromId": "c1222d32-f6d7-56b9-61b6-12ff2859742b",
"fromProperty": "fetched",
"toId": "91158bda-0c35-738a-6978-003aa9e84cfc",
"toProperty": "run"
},
{
"fromId": "5812b1f2-094c-ea7a-8ed9-61d14f28702a",
"fromProperty": "success",
"toId": "c1222d32-f6d7-56b9-61b6-12ff2859742b",
"toProperty": "fetch"
},
{
"fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
"fromProperty": "ontrue",
"toId": "5812b1f2-094c-ea7a-8ed9-61d14f28702a",
"toProperty": "store"
},
{
"fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
"fromProperty": "onfalse",
"toId": "5812b1f2-094c-ea7a-8ed9-61d14f28702a",
"toProperty": "store"
},
{
"fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
"fromProperty": "ontrue",
"toId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
"toProperty": "decrease"
},
{
"fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
"fromProperty": "onfalse",
"toId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
"toProperty": "increase"
},
{
"fromId": "91158bda-0c35-738a-6978-003aa9e84cfc",
"fromProperty": "out-activeButton",
"toId": "b6874852-7d34-71be-06bb-c840baf29ade",
"toProperty": "to-active"
},
{
"fromId": "b6874852-7d34-71be-06bb-c840baf29ade",
"fromProperty": "currentState",
"toId": "c9917a3c-af28-c39a-cbb1-1ca9e445f614",
"toProperty": "in-state"
},
{
"fromId": "c9917a3c-af28-c39a-cbb1-1ca9e445f614",
"fromProperty": "out-doEvalute",
"toId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
"toProperty": "eval"
},
{
"fromId": "b6874852-7d34-71be-06bb-c840baf29ade",
"fromProperty": "isLoading",
"toId": "39592ec8-312b-fcc8-60c5-29c055399b2c",
"toProperty": "value"
},
{
"fromId": "39592ec8-312b-fcc8-60c5-29c055399b2c",
"fromProperty": "result",
"toId": "3a874a33-7729-f8cf-33ae-606c6661a37a",
"toProperty": "mounted"
},
{
"fromId": "b6874852-7d34-71be-06bb-c840baf29ade",
"fromProperty": "isLoading",
"toId": "7d00695c-7202-1bc0-ed5f-f374ff88b817",
"toProperty": "mounted"
},
{
"fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
"fromProperty": "result",
"toId": "32fba955-8a0a-d617-0a3b-ba15ad35ca0e",
"toProperty": "mounted"
},
{
"fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
"fromProperty": "isfalse",
"toId": "6bd58e0a-d3e1-f22e-fa17-3763ff42fc96",
"toProperty": "mounted"
},
{
"fromId": "dfc109b4-df69-e26b-75ac-94b442d2954a",
"fromProperty": "didMount",
"toId": "c92311eb-33f3-4960-a387-05dc2cf420ce",
"toProperty": "Do"
},
{
"fromId": "c92311eb-33f3-4960-a387-05dc2cf420ce",
"fromProperty": "Success",
"toId": "c1222d32-f6d7-56b9-61b6-12ff2859742b",
"toProperty": "fetch"
},
{
"fromId": "5d57d19a-759b-63bf-9b79-e70f88bb51ec",
"fromProperty": "onClick",
"toId": "7864d015-e141-5c12-bc11-b5e63133c9d1",
"toProperty": "Do"
},
{
"fromId": "7864d015-e141-5c12-bc11-b5e63133c9d1",
"fromProperty": "Success",
"toId": "c9917a3c-af28-c39a-cbb1-1ca9e445f614",
"toProperty": "run"
},
{
"fromId": "c9917a3c-af28-c39a-cbb1-1ca9e445f614",
"fromProperty": "out-doEvalute",
"toId": "b6874852-7d34-71be-06bb-c840baf29ade",
"toProperty": "to-inactive"
},
{
"fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
"fromProperty": "onfalse",
"toId": "baa900d4-3f8a-947f-b055-9237ec4abf60",
"toProperty": "sendEvent"
},
{
"fromId": "93a2c9b6-0d19-ffeb-dd07-9de97005a426",
"fromProperty": "articleId",
"toId": "baa900d4-3f8a-947f-b055-9237ec4abf60",
"toProperty": "articleId"
},
{
"fromId": "fa13219a-10e7-b152-a773-efdbd08fcae8",
"fromProperty": "onClick",
"toId": "9be80e08-aae1-8627-6da1-c65dbc78fc25",
"toProperty": "Comments Clicked"
}
],
"roots": [
{
"id": "dfc109b4-df69-e26b-75ac-94b442d2954a",
"type": "Group",
"label": "Icons",
"x": -17,
"y": -83,
"parameters": {
"flexDirection": "row",
"marginTop": {
"value": 32,
"unit": "px"
},
"styleCss": "/* background-color: red; */\ncursor:pointer;"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "5d57d19a-759b-63bf-9b79-e70f88bb51ec",
"type": "Group",
"parameters": {
"flexDirection": "row",
"sizeMode": "contentSize",
"marginRight": {
"value": 32,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7d00695c-7202-1bc0-ed5f-f374ff88b817",
"type": "Group",
"label": "notLoading",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "32fba955-8a0a-d617-0a3b-ba15ad35ca0e",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "favorite_border"
},
"iconColor": "#1A1A1A",
"iconSize": {
"value": 18,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "6bd58e0a-d3e1-f22e-fa17-3763ff42fc96",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "favorite"
},
"iconColor": "#1A1A1A",
"iconSize": {
"value": 18,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "3a874a33-7729-f8cf-33ae-606c6661a37a",
"type": "Group",
"label": "Loading",
"parameters": {
"sizeMode": "explicit",
"width": {
"value": 18,
"unit": "px"
},
"height": {
"value": 18,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "00b17fb7-9389-5504-2543-601419c920f0",
"type": "Image",
"parameters": {
"src": "spinner.gif",
"sizeMode": "explicit",
"width": {
"value": 18,
"unit": "px"
},
"height": {
"value": 18,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "c07e542c-8500-3062-6b85-a9ad0d5c2906",
"type": "Text",
"parameters": {
"fontFamily": "Inter-Bold.ttf",
"fontSize": {
"value": 13,
"unit": "px"
},
"color": "#539CA0",
"text": "0",
"alignY": "center",
"sizeMode": "contentSize",
"marginLeft": {
"value": 4,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "fa13219a-10e7-b152-a773-efdbd08fcae8",
"type": "Group",
"parameters": {
"flexDirection": "row",
"sizeMode": "contentSize",
"marginRight": {
"value": 32,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "6c9c4fe2-153a-22e6-0201-3d082dabee0e",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "insert_comment"
},
"iconColor": "#1A1A1A",
"iconSize": {
"value": 18,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "e450e837-2d13-50d0-c791-2a1eb6af9f68",
"type": "Text",
"parameters": {
"fontFamily": "Inter-Bold.ttf",
"fontSize": {
"value": 13,
"unit": "px"
},
"color": "#539CA0",
"text": "5",
"alignY": "center",
"sizeMode": "contentSize",
"marginLeft": {
"value": 4,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "6e4973ab-a6ba-27b9-9348-ff5297b8e65f",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "45368f8e-4030-196a-7079-bcc700c823b8",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "share"
},
"iconColor": "#1A1A1A",
"iconSize": {
"value": 18,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "744283b0-3b8a-131a-3f66-28a2ae434557",
"type": "Group",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "bcb2b60e-eff5-5a16-8a83-85a201ef6152",
"type": "Variable2",
"x": -267.3111808750538,
"y": 240.56088206443235,
"parameters": {
"name": "NbrComments"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ad0cb948-1130-815a-4e21-30bb40a6f11c",
"type": "NavigationShowPopup",
"x": 499.69116235331126,
"y": 709.2481950921001,
"parameters": {
"target": "/Pop-ups/Share/Share Popup"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "6689eded-b926-2db8-308b-e91cf2799476",
"type": "Component Inputs",
"x": -493.96908616194935,
"y": -37.895304258374665,
"parameters": {},
"ports": [
{
"name": "articleId",
"plug": "output",
"type": {
"name": "*"
},
"index": 5
},
{
"name": "articleObjId",
"plug": "output",
"type": {
"name": "*"
},
"index": 6
}
],
"dynamicports": [],
"children": []
},
{
"id": "7ad4d668-97ab-8764-fa9b-db5f9499a4bc",
"type": "Component Outputs",
"x": -54.87475267434641,
"y": -238.834218419498,
"parameters": {},
"ports": [
{
"name": "updated",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "Comments Clicked",
"plug": "input",
"type": {
"name": "*"
},
"index": 2
}
],
"dynamicports": [],
"children": []
},
{
"id": "5349e8dc-dc93-3e54-ff6b-f1ef33416f00",
"type": "Model2",
"x": -268.50697181028147,
"y": 54.94111550154673,
"parameters": {
"properties": "likes_count,article_id"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-likes_count",
"displayName": "likes_count",
"index": 7
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "likes_count Changed",
"name": "changed-likes_count",
"index": 8
},
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-article_id",
"displayName": "article_id",
"index": 9
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "article_id Changed",
"name": "changed-article_id",
"index": 10
}
],
"children": []
},
{
"id": "5a75067b-9bcd-919f-0851-2efe659b204d",
"type": "SetModelProperties",
"x": 1079.911411289705,
"y": -193.81596944338798,
"parameters": {
"properties": "likes_count"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*"
},
"plug": "input",
"group": "Property Values",
"displayName": "likes_count",
"name": "prop-likes_count",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "likes_count",
"name": "type-likes_count",
"index": 7
}
],
"children": []
},
{
"id": "93a2c9b6-0d19-ffeb-dd07-9de97005a426",
"type": "Component Inputs",
"x": 809.0010040233958,
"y": -272.66275976995513,
"parameters": {},
"ports": [
{
"name": "numLikes",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "isLikedByUser",
"plug": "output",
"type": {
"name": "*"
},
"index": 2
},
{
"name": "unliked",
"plug": "output",
"type": {
"name": "*"
},
"index": 3
},
{
"name": "parentState",
"plug": "output",
"type": {
"name": "*"
},
"index": 4
},
{
"name": "articleId",
"plug": "output",
"type": {
"name": "*"
},
"index": 5
},
{
"name": "articleObjId",
"plug": "output",
"type": {
"name": "*"
},
"index": 6
}
],
"dynamicports": [],
"children": []
},
{
"id": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
"type": "Counter",
"x": 1347.0376108885173,
"y": 161.79345566362372,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
"type": "Condition",
"x": 1076.0376108885168,
"y": 26.793455663623718,
"parameters": {
"condition": false
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "c1222d32-f6d7-56b9-61b6-12ff2859742b",
"type": "net.noodl.user.User",
"x": 547.0376108885168,
"y": -159.20654433637628,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 12
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 13
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 14
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 15
},
{
"type": {
"name": "boolean"
},
"plug": "output",
"group": "Properties",
"name": "prop-emailVerified",
"displayName": "emailVerified",
"index": 16
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "emailVerified Changed",
"name": "changed-emailVerified",
"index": 17
},
{
"type": {
"name": "*"
},
"plug": "output",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 18
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "liked_articles Changed",
"name": "changed-liked_articles",
"index": 19
}
],
"children": []
},
{
"id": "91158bda-0c35-738a-6978-003aa9e84cfc",
"type": "JavaScriptFunction",
"x": 802.0376108885168,
"y": -99.20654433637628,
"parameters": {
"functionScript": "if(Inputs.userLikedArticlesList && Inputs.currentArticleId){\n var result = false;\n if(Inputs.userLikedArticlesList.items.length > 0){\n //user has liked articles\n if(Inputs.userLikedArticlesList.items.filter(item => item.article_id == Inputs.currentArticleId).length < 0){\n let newList = Inputs.userLikedArticlesList;\n newList.push(Noodl.Object.create({'article_id':Inputs.currentArticleId}));\n Outputs.userLikedArticles = newList;\n result = false;\n }else{\n \n let newList = Inputs.userLikedArticlesList;\n \n if(newList.items.length > 1){\n newList.items = newList.items.filter(item => item.article_id !== Inputs.currentArticleId);\n }else{\n newList.set([]);\n }\n \n Outputs.userLikedArticles = newList;\n result = true;\n }\n }else{\n let newList = Inputs.userLikedArticlesList;\n newList.items.push(Noodl.Object.create({'article_id':Inputs.currentArticleId}));\n Outputs.userLikedArticles = newList;\n }\n Outputs.result = result;\n Outputs.activeButton();\n}"
},
"ports": [],
"dynamicports": [
{
"name": "in-userLikedArticlesList",
"displayName": "userLikedArticlesList",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "in-currentArticleId",
"displayName": "currentArticleId",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 5
},
{
"name": "out-activeButton",
"displayName": "activeButton",
"plug": "output",
"type": "signal",
"group": "Outputs",
"index": 6
},
{
"name": "out-userLikedArticles",
"displayName": "userLikedArticles",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 7
},
{
"name": "out-result",
"displayName": "result",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 8
}
],
"children": []
},
{
"id": "e50ef4ad-2203-ba8b-75eb-542df1ee448b",
"type": "SetDbModelProperties",
"x": 1352.0376108885173,
"y": -57.20654433637628,
"parameters": {
"collectionName": "Article"
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"displayName": "Class",
"group": "General",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"plug": "input",
"index": 9
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 10
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 11
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-article_id",
"displayName": "article_id",
"index": 12
},
{
"type": {
"name": "number"
},
"plug": "input",
"group": "Properties",
"name": "prop-likes_count",
"displayName": "likes_count",
"index": 13
},
{
"type": {
"name": "*"
},
"plug": "input",
"group": "Properties",
"name": "prop-ratings",
"displayName": "ratings",
"index": 14
}
],
"children": []
},
{
"id": "5812b1f2-094c-ea7a-8ed9-61d14f28702a",
"type": "net.noodl.user.SetUserProperties",
"x": 558.1015794187738,
"y": 183.01657390306684,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*"
},
"plug": "input",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 5
}
],
"children": []
},
{
"id": "b6874852-7d34-71be-06bb-c840baf29ade",
"type": "States",
"x": 869.5088870844263,
"y": 269.3005742069415,
"parameters": {
"states": "active,inactive",
"values": "isLoading",
"type-isLoading": "boolean",
"value-active-isLoading": true,
"value-inactive-isLoading": false
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "boolean",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "isLoading",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "isLoading",
"name": "type-isLoading",
"index": 7
},
{
"plug": "input",
"type": "boolean",
"group": "active Values",
"name": "value-active-isLoading",
"displayName": "isLoading",
"editorName": "active|isLoading",
"index": 8
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "active Transitions",
"name": "transitiondef-active",
"index": 9
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To active",
"name": "to-active",
"group": "Go to state",
"index": 10
},
{
"plug": "output",
"type": "boolean",
"displayName": "At active",
"name": "at-active",
"group": "Current state",
"index": 11
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached active",
"name": "reached-active",
"group": "Current state",
"index": 12
},
{
"plug": "input",
"type": "boolean",
"group": "inactive Values",
"name": "value-inactive-isLoading",
"displayName": "isLoading",
"editorName": "inactive|isLoading",
"index": 13
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "inactive Transitions",
"name": "transitiondef-inactive",
"index": 14
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To inactive",
"name": "to-inactive",
"group": "Go to state",
"index": 15
},
{
"plug": "output",
"type": "boolean",
"displayName": "At inactive",
"name": "at-inactive",
"group": "Current state",
"index": 16
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached inactive",
"name": "reached-inactive",
"group": "Current state",
"index": 17
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"active",
"inactive"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "active",
"index": 18
}
],
"children": []
},
{
"id": "c9917a3c-af28-c39a-cbb1-1ca9e445f614",
"type": "JavaScriptFunction",
"label": "hantera hetsklickare",
"x": 566.8129494161617,
"y": -12.557599636333748,
"parameters": {
"functionScript": "switch(Inputs.state){\n case 'active':\n Outputs.doEvalute();\n break;\n \n case 'inactive':\n return;\n break;\n}"
},
"ports": [],
"dynamicports": [
{
"name": "in-state",
"displayName": "state",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-doEvalute",
"displayName": "doEvalute",
"plug": "output",
"type": "signal",
"group": "Outputs",
"index": 5
}
],
"children": []
},
{
"id": "39592ec8-312b-fcc8-60c5-29c055399b2c",
"type": "Inverter",
"x": 596.8225568040616,
"y": 377.7202277358925,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "c92311eb-33f3-4960-a387-05dc2cf420ce",
"type": "/Logic Components/Is user logged in?",
"x": 309.15597060936625,
"y": -193.22728528875962,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "7864d015-e141-5c12-bc11-b5e63133c9d1",
"type": "/Logic Components/Is user logged in?",
"x": 285.15597060936625,
"y": 25.772714711240383,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "baa900d4-3f8a-947f-b055-9237ec4abf60",
"type": "Event Sender",
"label": "Liked Article",
"x": 1647.7917801146673,
"y": 49.9139489679564,
"parameters": {
"channelName": "Liked Article"
},
"ports": [
{
"name": "articleId",
"plug": "input",
"type": {
"name": "*",
"allowConnectionOnly": true
},
"group": "Payload",
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "9be80e08-aae1-8627-6da1-c65dbc78fc25",
"type": "Component Outputs",
"x": 310.16276064999056,
"y": 568.5741538546004,
"parameters": {},
"ports": [
{
"name": "updated",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "Comments Clicked",
"plug": "input",
"type": {
"name": "*"
},
"index": 2
}
],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 4949.381198466383,
"y": 0
}
}
},
{
"name": "/Visual Components/Article/Rating/Bad",
"id": "898aa9fd-fdc4-5cbc-3cfd-ce5433b5b924",
"graph": {
"connections": [
{
"fromId": "44d84926-d295-9008-2676-a2d001f9ab2b",
"fromProperty": "mounted",
"toId": "cadfd425-366b-9673-7a01-cf7399430bed",
"toProperty": "mounted"
},
{
"fromId": "cadfd425-366b-9673-7a01-cf7399430bed",
"fromProperty": "didMount",
"toId": "03b0f4e1-1f23-862b-a34d-78918c8cf7d9",
"toProperty": "focus"
},
{
"fromId": "8112180d-4262-bcbf-3f38-13f37a621bdf",
"fromProperty": "onClick",
"toId": "3d101108-5728-b01d-83ea-396194e0e615",
"toProperty": "Unselect Bad"
}
],
"roots": [
{
"id": "cadfd425-366b-9673-7a01-cf7399430bed",
"type": "Group",
"x": 0,
"y": 0,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "8112180d-4262-bcbf-3f38-13f37a621bdf",
"type": "Group",
"parameters": {
"sizeMode": "contentSize",
"alignX": "right"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "93aa089c-bdae-0a6c-3b31-4c8aaccdb38f",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "close"
},
"iconColor": "#1A1A1A"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "461ddee6-6468-f1d5-be5e-ae4d21b18a5d",
"type": "Text",
"parameters": {
"text": "Uh oh!",
"sizeMode": "contentHeight",
"textAlignX": "center",
"fontSize": {
"value": 16,
"unit": "px"
},
"fontFamily": "Inter-Bold.ttf",
"color": "#505758"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "03493d52-3dbd-8816-2052-98b82e9451ba",
"type": "Group",
"parameters": {
"sizeMode": "contentSize",
"alignX": "center",
"paddingTop": {
"value": 20,
"unit": "px"
},
"paddingBottom": {
"value": 20,
"unit": "px"
},
"paddingLeft": {
"value": 20,
"unit": "px"
},
"paddingRight": {
"value": 20,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "d1a1a961-cbe1-1c49-0bb7-5c5b7a6ab033",
"type": "Image",
"parameters": {
"src": "SadFace.png"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "6a23daa3-8803-0072-8841-c2e3027cbca2",
"type": "Group",
"parameters": {
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "de628a27-5fa4-2e50-e6d2-a8d0fd006fe9",
"type": "Text",
"parameters": {
"textAlignX": "center",
"fontSize": {
"value": 16,
"unit": "px"
},
"text": "Looks like we can do better. Since we are still learning and improving, your feedback helps us know how we can"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "d9d78382-c2cf-2a26-93fc-9515f6951a24",
"type": "Group",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "03b0f4e1-1f23-862b-a34d-78918c8cf7d9",
"type": "net.noodl.controls.textinput",
"parameters": {
"useLabel": false,
"marginTop": {
"value": 20,
"unit": "px"
},
"marginBottom": {
"value": 20,
"unit": "px"
},
"borderRadius": {
"value": 100,
"unit": "px"
},
"placeholder": "Add a comment",
"paddingTop": {
"value": 15,
"unit": "px"
},
"paddingBottom": {
"value": 15,
"unit": "px"
},
"height": {
"value": 70,
"unit": "px"
},
"fontSize": {
"value": 18,
"unit": "px"
},
"paddingLeft": {
"value": 25,
"unit": "px"
},
"paddingRight": {
"value": 25,
"unit": "px"
},
"borderColor": "Cyan Darkest",
"backgroundColor": "#FFFFFF"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "91b6a949-f2e1-4796-901b-16eb4a980f60",
"type": "net.noodl.controls.button",
"parameters": {
"alignX": "right",
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "send"
},
"borderRadius": {
"value": 25,
"unit": "px"
},
"label": "Post",
"iconPlacement": "right",
"paddingLeft": {
"value": 30,
"unit": "px"
},
"paddingRight": {
"value": 30,
"unit": "px"
},
"iconSize": {
"value": 25,
"unit": "px"
},
"fontSize": {
"value": 20,
"unit": "px"
},
"backgroundColor": "Cyan Dark"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "44d84926-d295-9008-2676-a2d001f9ab2b",
"type": "Component Inputs",
"x": -296.33333333333337,
"y": 49.666666666666686,
"parameters": {},
"ports": [
{
"name": "mounted",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "3d101108-5728-b01d-83ea-396194e0e615",
"type": "Component Outputs",
"x": 373.2004322064046,
"y": 99.6279775755192,
"parameters": {},
"ports": [
{
"name": "Unselect Bad",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 10409.381198466383,
"y": 0
}
}
},
{
"name": "/Visual Components/Article/Rating/Good",
"id": "6af1b02c-3a8a-1cf2-bea7-59e22b72051a",
"graph": {
"connections": [
{
"fromId": "53ba6c58-81ee-6b11-1760-2148feda56a9",
"fromProperty": "mounted",
"toId": "f756c7be-9d49-e36c-8480-4c39a9b7b6e3",
"toProperty": "mounted"
},
{
"fromId": "7129a020-0f97-5304-ce45-77a52cd2d18f",
"fromProperty": "onClick",
"toId": "21bd3b24-ebd3-a79c-c9fb-a4526d2f4654",
"toProperty": "Unselect Good"
}
],
"roots": [
{
"id": "f756c7be-9d49-e36c-8480-4c39a9b7b6e3",
"type": "Group",
"x": 0,
"y": 0,
"parameters": {
"paddingTop": {
"value": 30,
"unit": "px"
},
"paddingBottom": {
"value": 30,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7129a020-0f97-5304-ce45-77a52cd2d18f",
"type": "Group",
"parameters": {
"sizeMode": "contentSize",
"alignX": "right"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "8295ca46-894a-bfc1-08c2-e9b74406db3d",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "close"
},
"iconColor": "#1A1A1A"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "1fcae03e-47de-41b8-84ce-5e3be4a7e201",
"type": "Text",
"parameters": {
"text": "Great!",
"sizeMode": "contentHeight",
"textAlignX": "center",
"fontSize": {
"value": 16,
"unit": "px"
},
"fontFamily": "Inter-Bold.ttf",
"color": "#505758"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "bd93870f-c434-2157-23ac-67f828598a0d",
"type": "Group",
"parameters": {
"sizeMode": "contentSize",
"alignX": "center",
"paddingTop": {
"value": 20,
"unit": "px"
},
"paddingBottom": {
"value": 20,
"unit": "px"
},
"paddingLeft": {
"value": 20,
"unit": "px"
},
"paddingRight": {
"value": 20,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "a9ea67a3-a96b-05f4-97c4-8f50bf4b4faa",
"type": "Image",
"parameters": {
"src": "HappyFace.png"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "6bde0d0d-96ef-91bc-277e-26fd3e8202bb",
"type": "Group",
"parameters": {
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "cccab44b-cbb0-9fcb-d0a1-1477d2a09139",
"type": "Text",
"parameters": {
"textAlignX": "center",
"fontSize": {
"value": 16,
"unit": "px"
},
"text": "Since we are still learning and improving, your feedback helps us know when we get things right!"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "53ba6c58-81ee-6b11-1760-2148feda56a9",
"type": "Component Inputs",
"x": -255.33333333333337,
"y": -96.33333333333331,
"parameters": {},
"ports": [
{
"name": "mounted",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "21bd3b24-ebd3-a79c-c9fb-a4526d2f4654",
"type": "Component Outputs",
"x": 413.9714789628563,
"y": 46.358310050811355,
"parameters": {},
"ports": [
{
"name": "Unselect Good",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 9499.381198466383,
"y": 0
}
}
},
{
"name": "/Visual Components/Article/Rating/Neutral",
"id": "e44b89b7-095d-e890-7424-2e5afeb8d0ec",
"graph": {
"connections": [
{
"fromId": "9fc850bb-8449-c3db-71b6-2669692fe4f3",
"fromProperty": "mounted",
"toId": "86338cb8-4351-7a7b-3b0d-9976714c2df2",
"toProperty": "mounted"
},
{
"fromId": "4104e448-e3ed-cc61-eadb-4ded6610cc42",
"fromProperty": "onClick",
"toId": "c0e51c9c-590d-8af7-0a10-3386937b18b0",
"toProperty": "Unselect Neutral"
}
],
"roots": [
{
"id": "86338cb8-4351-7a7b-3b0d-9976714c2df2",
"type": "Group",
"x": 0,
"y": 0,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "4104e448-e3ed-cc61-eadb-4ded6610cc42",
"type": "Group",
"parameters": {
"sizeMode": "contentSize",
"alignX": "right"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "6155f00f-5ac9-2b1e-35da-afd82364002b",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "close"
},
"iconColor": "#1A1A1A"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "d5149951-4611-5d84-2c8c-0f25de3a07a7",
"type": "Text",
"parameters": {
"text": "Looks like we can do better",
"sizeMode": "contentHeight",
"textAlignX": "center",
"fontSize": {
"value": 16,
"unit": "px"
},
"fontFamily": "Inter-Bold.ttf",
"color": "#505758"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "d6fa17b0-6473-7cd2-807e-1d6f569ae407",
"type": "Group",
"parameters": {
"sizeMode": "contentSize",
"alignX": "center",
"paddingTop": {
"value": 20,
"unit": "px"
},
"paddingBottom": {
"value": 20,
"unit": "px"
},
"paddingLeft": {
"value": 20,
"unit": "px"
},
"paddingRight": {
"value": 20,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "fe3b2fba-d240-f73c-ff97-fc6ca60dcdb8",
"type": "Image",
"parameters": {
"src": "OkFace.png"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "80d80250-df20-7e69-1125-eb78d6f737c4",
"type": "Group",
"parameters": {
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "f5a715ed-3038-85be-7cc0-e4607ba6fa2c",
"type": "Text",
"parameters": {
"textAlignX": "center",
"fontSize": {
"value": 16,
"unit": "px"
},
"text": "Since we are still learning and improving, your feedback helps us know when we get things right!"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "9fc850bb-8449-c3db-71b6-2669692fe4f3",
"type": "Component Inputs",
"x": -268.33333333333337,
"y": -100.33333333333331,
"parameters": {},
"ports": [
{
"name": "mounted",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "c0e51c9c-590d-8af7-0a10-3386937b18b0",
"type": "Component Outputs",
"x": 281.9227200473726,
"y": 53.63952222376798,
"parameters": {},
"ports": [
{
"name": "Unselect Neutral",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 9954.381198466383,
"y": 0
}
}
},
{
"name": "/Visual Components/Article/Rating/Rating Component",
"id": "3de4f541-850c-6c87-389b-cad99a547d96",
"graph": {
"connections": [
{
"fromId": "8af6e821-f930-e58b-2ea8-aa1e7feadde3",
"fromProperty": "onClick",
"toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"toProperty": "to-good"
},
{
"fromId": "7c81b991-9b0e-f2aa-f0bc-2924fedbe065",
"fromProperty": "onClick",
"toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"toProperty": "to-neutral"
},
{
"fromId": "c6ddcdc7-f752-fab7-9ab2-ada219af6ab8",
"fromProperty": "onClick",
"toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"toProperty": "to-bad"
},
{
"fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"fromProperty": "currentState",
"toId": "6dcef870-779a-df7e-0d82-28f155d55d9e",
"toProperty": "popupParam-state"
},
{
"fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"fromProperty": "reached-good",
"toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
"toProperty": "run"
},
{
"fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"fromProperty": "reached-neutral",
"toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
"toProperty": "run"
},
{
"fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"fromProperty": "reached-bad",
"toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
"toProperty": "run"
},
{
"fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"fromProperty": "currentState",
"toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
"toProperty": "in-state"
},
{
"fromId": "2d62032a-1c52-a49b-df34-21f60a9d01d3",
"fromProperty": "articleObjId",
"toId": "51369573-d9f3-88e2-8777-a4a72508fc97",
"toProperty": "modelId"
},
{
"fromId": "51369573-d9f3-88e2-8777-a4a72508fc97",
"fromProperty": "prop-ratings",
"toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
"toProperty": "in-articleRatings"
},
{
"fromId": "da30afc6-6280-e4e4-6ef8-ff1fc8f9e5b5",
"fromProperty": "id",
"toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
"toProperty": "in-userId"
},
{
"fromId": "51369573-d9f3-88e2-8777-a4a72508fc97",
"fromProperty": "id",
"toId": "83fb3a01-58b0-bc47-5c94-bb78815be930",
"toProperty": "modelId"
},
{
"fromId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
"fromProperty": "out-result",
"toId": "83fb3a01-58b0-bc47-5c94-bb78815be930",
"toProperty": "prop-ratings"
},
{
"fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"fromProperty": "at-bad",
"toId": "9fbfe476-c6cd-7e91-fad9-059adfade1de",
"toProperty": "mounted"
},
{
"fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"fromProperty": "at-default",
"toId": "24cc565e-4978-2833-19ed-4a5645771d52",
"toProperty": "mounted"
},
{
"fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"fromProperty": "at-default",
"toId": "6c96d00e-fff3-7a1b-8d33-af546c29de0d",
"toProperty": "mounted"
},
{
"fromId": "9fbfe476-c6cd-7e91-fad9-059adfade1de",
"fromProperty": "Unselect Bad",
"toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"toProperty": "to-default"
},
{
"fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"fromProperty": "at-neutral",
"toId": "cad66b2c-ef6a-81d4-009d-44681639bb21",
"toProperty": "mounted"
},
{
"fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"fromProperty": "at-good",
"toId": "0e125ab1-7557-9f20-0f55-46cdd021f393",
"toProperty": "mounted"
},
{
"fromId": "cad66b2c-ef6a-81d4-009d-44681639bb21",
"fromProperty": "Unselect Neutral",
"toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"toProperty": "to-default"
},
{
"fromId": "0e125ab1-7557-9f20-0f55-46cdd021f393",
"fromProperty": "Unselect Good",
"toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"toProperty": "to-default"
}
],
"roots": [
{
"id": "4c3381aa-c231-a8bd-4062-dd8899965077",
"type": "Group",
"label": "Rating Component",
"x": -64,
"y": -71,
"parameters": {
"backgroundColor": "#F0F0F0",
"paddingTop": {
"value": 16,
"unit": "px"
},
"paddingBottom": {
"value": 16,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"alignItems": "center",
"height": {
"value": 100,
"unit": "%"
},
"width": {
"value": 100,
"unit": "vw"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "d7d8c4fc-85d5-26c3-b593-5e7265ffa84e",
"type": "Group",
"parameters": {
"alignItems": "center",
"maxWidth": {
"value": 500,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "24cc565e-4978-2833-19ed-4a5645771d52",
"type": "Text",
"parameters": {
"fontFamily": "Inter-Bold.ttf",
"text": "Was this article helpful?",
"color": "#505758",
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "6c96d00e-fff3-7a1b-8d33-af546c29de0d",
"type": "Group",
"label": "Rating Picker",
"parameters": {
"flexDirection": "row",
"justifyContent": "space-around",
"marginTop": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "8af6e821-f930-e58b-2ea8-aa1e7feadde3",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "44f733f1-748a-02d0-1af0-6ca1cd26229f",
"type": "Image",
"label": "Happy",
"parameters": {
"srcSet": "HappyFace.png 2x"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "7c81b991-9b0e-f2aa-f0bc-2924fedbe065",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "fd18d90c-23c0-4856-9233-efaaaac7af1f",
"type": "Image",
"label": "Ok",
"parameters": {
"srcSet": "OkFace.png 2x"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "c6ddcdc7-f752-fab7-9ab2-ada219af6ab8",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "1bd62ba9-17b0-c89f-d1cb-1e184b9cbd79",
"type": "Image",
"label": "Sad",
"parameters": {
"srcSet": "SadFace.png 2x"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "9fbfe476-c6cd-7e91-fad9-059adfade1de",
"type": "/Visual Components/Article/Rating/Bad",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "cad66b2c-ef6a-81d4-009d-44681639bb21",
"type": "/Visual Components/Article/Rating/Neutral",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "0e125ab1-7557-9f20-0f55-46cdd021f393",
"type": "/Visual Components/Article/Rating/Good",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "8f151a02-ee44-4256-707d-01c0a1fdf984",
"type": "States",
"x": 641.5321689533259,
"y": 67.65206768385002,
"parameters": {
"states": "good,neutral,bad,default,ratingReceived",
"currentState": "default",
"values": "showRatingPicker",
"type-showRatingPicker": "boolean",
"value-good-showRatingPicker": true,
"value-neutral-showRatingPicker": true,
"value-bad-showRatingPicker": true,
"value-default-showRatingPicker": true,
"value-ratingReceived-showRatingPicker": false
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "boolean",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "showRatingPicker",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "showRatingPicker",
"name": "type-showRatingPicker",
"index": 7
},
{
"plug": "input",
"type": "boolean",
"group": "good Values",
"name": "value-good-showRatingPicker",
"displayName": "showRatingPicker",
"editorName": "good|showRatingPicker",
"index": 8
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "good Transitions",
"name": "transitiondef-good",
"index": 9
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To good",
"name": "to-good",
"group": "Go to state",
"index": 10
},
{
"plug": "output",
"type": "boolean",
"displayName": "At good",
"name": "at-good",
"group": "Current state",
"index": 11
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached good",
"name": "reached-good",
"group": "Current state",
"index": 12
},
{
"plug": "input",
"type": "boolean",
"group": "neutral Values",
"name": "value-neutral-showRatingPicker",
"displayName": "showRatingPicker",
"editorName": "neutral|showRatingPicker",
"index": 13
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "neutral Transitions",
"name": "transitiondef-neutral",
"index": 14
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To neutral",
"name": "to-neutral",
"group": "Go to state",
"index": 15
},
{
"plug": "output",
"type": "boolean",
"displayName": "At neutral",
"name": "at-neutral",
"group": "Current state",
"index": 16
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached neutral",
"name": "reached-neutral",
"group": "Current state",
"index": 17
},
{
"plug": "input",
"type": "boolean",
"group": "bad Values",
"name": "value-bad-showRatingPicker",
"displayName": "showRatingPicker",
"editorName": "bad|showRatingPicker",
"index": 18
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "bad Transitions",
"name": "transitiondef-bad",
"index": 19
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To bad",
"name": "to-bad",
"group": "Go to state",
"index": 20
},
{
"plug": "output",
"type": "boolean",
"displayName": "At bad",
"name": "at-bad",
"group": "Current state",
"index": 21
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached bad",
"name": "reached-bad",
"group": "Current state",
"index": 22
},
{
"plug": "input",
"type": "boolean",
"group": "default Values",
"name": "value-default-showRatingPicker",
"displayName": "showRatingPicker",
"editorName": "default|showRatingPicker",
"index": 23
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "default Transitions",
"name": "transitiondef-default",
"index": 24
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To default",
"name": "to-default",
"group": "Go to state",
"index": 25
},
{
"plug": "output",
"type": "boolean",
"displayName": "At default",
"name": "at-default",
"group": "Current state",
"index": 26
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached default",
"name": "reached-default",
"group": "Current state",
"index": 27
},
{
"plug": "input",
"type": "boolean",
"group": "ratingReceived Values",
"name": "value-ratingReceived-showRatingPicker",
"displayName": "showRatingPicker",
"editorName": "ratingReceived|showRatingPicker",
"index": 28
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "ratingReceived Transitions",
"name": "transitiondef-ratingReceived",
"index": 29
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To ratingReceived",
"name": "to-ratingReceived",
"group": "Go to state",
"index": 30
},
{
"plug": "output",
"type": "boolean",
"displayName": "At ratingReceived",
"name": "at-ratingReceived",
"group": "Current state",
"index": 31
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached ratingReceived",
"name": "reached-ratingReceived",
"group": "Current state",
"index": 32
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"good",
"neutral",
"bad",
"default",
"ratingReceived"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "good",
"index": 33
}
],
"children": []
},
{
"id": "6dcef870-779a-df7e-0d82-28f155d55d9e",
"type": "NavigationShowPopup",
"x": 932.1620839503163,
"y": 34.40600435756397,
"parameters": {
"target": "/Pop-ups/Rating/Rating Popup"
},
"ports": [],
"dynamicports": [
{
"name": "popupParam-state",
"displayName": "state",
"type": "*",
"plug": "input",
"group": "Params",
"index": 3
}
],
"children": []
},
{
"id": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
"type": "JavaScriptFunction",
"label": "update articlerating",
"x": 603.6666666666666,
"y": 485.6666666666666,
"parameters": {
"functionScript": "if(Inputs.state && Inputs.articleRatings && Inputs.userId){\n \n //Inputs.articleRatings = object{ state:array[], state:array[], state:array[] }\n //Inputs.articleRatings[state] = noodl.array( {user:user.id}, ... )\n \n const state = Inputs.state;\n let myRatings = Inputs.articleRatings;\n let ratingsArray = Noodl.Array.create({});\n \n //is the current user in the list of rating for any state this article has?\n let isRated = false;\n for(let x in myRatings.data){\n console.log(x);\n switch(x){\n case 'good':\n if(myRatings[x].items.filter(item => item.user == Inputs.userId).length){\n alert('You already rated this article ' + x + '. You cannot change your rating after it has been given. In other words, no takesies backsies.');\n isRated = true;\n }\n break;\n \n case 'neutral':\n if(myRatings[x].items.filter(item => item.user == Inputs.userId).length){\n alert('You already rated this article ' + x + '. You cannot change your rating after it has been given. In other words, no takesies backsies.');\n isRated = true;\n }\n break;\n \n case 'bad':\n if(myRatings[x].items.filter(item => item.user == Inputs.userId).length){\n alert('You already rated this article ' + x + '. You cannot change your rating after it has been given. In other words, no takesies backsies.');\n isRated = true;\n }\n break;\n }\n }\n \n if(!isRated){\n //does the selected state exist in db?\n if(myRatings[state] != undefined){\n //yes\n \n //does the selected state contain any ratings?\n if(myRatings[state].items != undefined && myRatings[state].items.length > 0){\n //yes\n ratingsArray.items = myRatings[state].items;\n \n //if user is not in list of ratings for this state, push user rating\n if(ratingsArray.items.filter(item => item.user == Inputs.userId).length != 1){\n ratingsArray.items.push( Noodl.Object.create({'user':Inputs.userId}) ); \n }\n }else{\n //no ratings found for this state\n ratingsArray.items.push( Noodl.Object.create({'user':Inputs.userId}) );\n myRatings[state] = ratingsArray;\n }\n }else{\n //the state wasn't found for this article\n ratingsArray.items.push( Noodl.Object.create({'user':Inputs.userId}) );\n myRatings[state] = ratingsArray;\n }\n \n Outputs.result = myRatings;\n }\n}\n "
},
"ports": [],
"dynamicports": [
{
"name": "in-state",
"displayName": "state",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "in-articleRatings",
"displayName": "articleRatings",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 5
},
{
"name": "in-userId",
"displayName": "userId",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 6
},
{
"name": "out-result",
"displayName": "result",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 7
}
],
"children": []
},
{
"id": "a0da8364-9a59-720b-71b9-d0324a07a5da",
"type": "Component Outputs",
"x": 873.4766438626275,
"y": 294.3521837173381,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "2d62032a-1c52-a49b-df34-21f60a9d01d3",
"type": "Component Inputs",
"x": 320.9947953157351,
"y": 754.3963140110352,
"parameters": {},
"ports": [
{
"name": "articleObjId",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "51369573-d9f3-88e2-8777-a4a72508fc97",
"type": "DbModel2",
"x": 550.4727250853969,
"y": 745.2707689081878,
"parameters": {
"collectionName": "Article"
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"displayName": "Class",
"group": "General",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"plug": "input",
"index": 8
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 9
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 10
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 11
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 12
},
{
"type": {
"name": "string"
},
"plug": "output",
"group": "Properties",
"name": "prop-article_id",
"displayName": "article_id",
"index": 13
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "article_id Changed",
"name": "changed-article_id",
"index": 14
},
{
"type": {
"name": "number"
},
"plug": "output",
"group": "Properties",
"name": "prop-likes_count",
"displayName": "likes_count",
"index": 15
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "likes_count Changed",
"name": "changed-likes_count",
"index": 16
},
{
"type": {
"name": "*"
},
"plug": "output",
"group": "Properties",
"name": "prop-ratings",
"displayName": "ratings",
"index": 17
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "ratings Changed",
"name": "changed-ratings",
"index": 18
}
],
"children": []
},
{
"id": "da30afc6-6280-e4e4-6ef8-ff1fc8f9e5b5",
"type": "net.noodl.user.User",
"x": 913.3298471874574,
"y": 613.4058059882454,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 12
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 13
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 14
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 15
},
{
"type": {
"name": "boolean"
},
"plug": "output",
"group": "Properties",
"name": "prop-emailVerified",
"displayName": "emailVerified",
"index": 16
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "emailVerified Changed",
"name": "changed-emailVerified",
"index": 17
},
{
"type": {
"name": "*"
},
"plug": "output",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 18
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "liked_articles Changed",
"name": "changed-liked_articles",
"index": 19
}
],
"children": []
},
{
"id": "83fb3a01-58b0-bc47-5c94-bb78815be930",
"type": "SetDbModelProperties",
"x": 919.727421186174,
"y": 721.8195985990706,
"parameters": {
"collectionName": "Article"
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"displayName": "Class",
"group": "General",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"plug": "input",
"index": 9
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 10
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 11
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-article_id",
"displayName": "article_id",
"index": 12
},
{
"type": {
"name": "number"
},
"plug": "input",
"group": "Properties",
"name": "prop-likes_count",
"displayName": "likes_count",
"index": 13
},
{
"type": {
"name": "*"
},
"plug": "input",
"group": "Properties",
"name": "prop-ratings",
"displayName": "ratings",
"index": 14
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 5859.381198466383,
"y": 0
}
}
},
{
"name": "/Visual Components/Article/Reference Component",
"id": "c4af0f8e-9599-b92e-b9e7-4857f847be05",
"graph": {
"connections": [
{
"fromId": "d3b8fe05-5c6c-4485-e8a6-802868c1b379",
"fromProperty": "onClick",
"toId": "c7bbd946-153c-17f6-5299-2e306030d1a5",
"toProperty": "toggle"
},
{
"fromId": "c7bbd946-153c-17f6-5299-2e306030d1a5",
"fromProperty": "Mounted",
"toId": "ad022c67-dd05-cb1e-48bf-784a9fab0383",
"toProperty": "mounted"
},
{
"fromId": "c7bbd946-153c-17f6-5299-2e306030d1a5",
"fromProperty": "Rotation",
"toId": "526f461a-01fd-ef72-10df-03f90aaefbb3",
"toProperty": "transformRotation"
},
{
"fromId": "6a993069-deda-5a58-4e57-422088b8ea69",
"fromProperty": "Reference Markdown",
"toId": "f9f1e448-293e-32ce-907a-ceef0f810a91",
"toProperty": "source"
},
{
"fromId": "f523e0da-e16c-6581-17ad-6d99f2433c9f",
"fromProperty": "this",
"toId": "c5ac467f-5168-f8af-878e-07f46676c2e8",
"toProperty": "Reference"
}
],
"roots": [
{
"id": "f523e0da-e16c-6581-17ad-6d99f2433c9f",
"type": "Group",
"label": "References",
"x": -14,
"y": -57,
"parameters": {
"flexDirection": "column",
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingBottom": {
"value": 24,
"unit": "px"
},
"justifyContent": "space-between",
"styleCss": "/* background-color: red; */\n"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "d3b8fe05-5c6c-4485-e8a6-802868c1b379",
"type": "Group",
"parameters": {
"flexDirection": "row",
"sizeMode": "contentHeight",
"justifyContent": "space-between",
"styleCss": "/* background-color: red; */\ncursor:pointer;"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "975ed988-e751-7e94-f9a5-2f3344da98c1",
"type": "Text",
"parameters": {
"fontFamily": "Inter-Bold.ttf",
"color": "#505758",
"text": "References",
"alignY": "center",
"styleCss": "/* background-color: red; */\n"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "526f461a-01fd-ef72-10df-03f90aaefbb3",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "5e1606d1-a303-278d-6092-791d1fae5cc0",
"type": "net.noodl.visual.icon",
"parameters": {
"iconIconSource": {
"class": "material-icons",
"code": "chevron_right"
},
"iconColor": "#67A8AC",
"iconSize": {
"value": 32,
"unit": "px"
},
"alignY": "center",
"styleCss": "/* background-color: red; */\n",
"alignX": "right"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "ad022c67-dd05-cb1e-48bf-784a9fab0383",
"type": "Group",
"parameters": {
"clip": false
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "f9f1e448-293e-32ce-907a-ceef0f810a91",
"type": "Markdown",
"parameters": {
"cssClassName": "article"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "c7bbd946-153c-17f6-5299-2e306030d1a5",
"type": "States",
"x": 428.06118812261127,
"y": 93.98759366165177,
"parameters": {
"states": "RefCollapsed,RefExpanded",
"values": "Mounted,Height,Rotation",
"value-RefCollapsed-Mounted": 0,
"value-RefExpanded-Mounted": 1,
"transition-RefCollapsed-Mounted": {
"curve": [
0,
0,
1,
1
],
"dur": 0,
"delay": 0
},
"transition-RefExpanded-Mounted": {
"curve": [
0,
0,
1,
1
],
"dur": 0,
"delay": 0
},
"value-RefCollapsed-Height": 0,
"value-RefExpanded-Height": 100,
"value-RefCollapsed-Rotation": 0,
"value-RefExpanded-Rotation": 90,
"transition-RefExpanded-Height": {
"curve": [
0.42,
0,
0.58,
1
],
"dur": 1500,
"delay": 0
}
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "number",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "Mounted",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "Mounted",
"name": "type-Mounted",
"index": 7
},
{
"type": {
"name": "number",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "Height",
"index": 8
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "Height",
"name": "type-Height",
"index": 9
},
{
"type": {
"name": "number",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "Rotation",
"index": 10
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "Rotation",
"name": "type-Rotation",
"index": 11
},
{
"plug": "input",
"type": "number",
"group": "RefCollapsed Values",
"name": "value-RefCollapsed-Mounted",
"displayName": "Mounted",
"editorName": "RefCollapsed|Mounted",
"index": 12
},
{
"plug": "input",
"type": "number",
"group": "RefCollapsed Values",
"name": "value-RefCollapsed-Height",
"displayName": "Height",
"editorName": "RefCollapsed|Height",
"index": 13
},
{
"plug": "input",
"type": "number",
"group": "RefCollapsed Values",
"name": "value-RefCollapsed-Rotation",
"displayName": "Rotation",
"editorName": "RefCollapsed|Rotation",
"index": 14
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "RefCollapsed Transitions",
"name": "transitiondef-RefCollapsed",
"index": 15
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "RefCollapsed Transitions",
"name": "transition-RefCollapsed-Mounted",
"displayName": "Mounted",
"editorName": "Transition RefCollapsed|Mounted",
"index": 16
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "RefCollapsed Transitions",
"name": "transition-RefCollapsed-Height",
"displayName": "Height",
"editorName": "Transition RefCollapsed|Height",
"index": 17
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "RefCollapsed Transitions",
"name": "transition-RefCollapsed-Rotation",
"displayName": "Rotation",
"editorName": "Transition RefCollapsed|Rotation",
"index": 18
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To RefCollapsed",
"name": "to-RefCollapsed",
"group": "Go to state",
"index": 19
},
{
"plug": "output",
"type": "boolean",
"displayName": "At RefCollapsed",
"name": "at-RefCollapsed",
"group": "Current state",
"index": 20
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached RefCollapsed",
"name": "reached-RefCollapsed",
"group": "Current state",
"index": 21
},
{
"plug": "input",
"type": "number",
"group": "RefExpanded Values",
"name": "value-RefExpanded-Mounted",
"displayName": "Mounted",
"editorName": "RefExpanded|Mounted",
"index": 22
},
{
"plug": "input",
"type": "number",
"group": "RefExpanded Values",
"name": "value-RefExpanded-Height",
"displayName": "Height",
"editorName": "RefExpanded|Height",
"index": 23
},
{
"plug": "input",
"type": "number",
"group": "RefExpanded Values",
"name": "value-RefExpanded-Rotation",
"displayName": "Rotation",
"editorName": "RefExpanded|Rotation",
"index": 24
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "RefExpanded Transitions",
"name": "transitiondef-RefExpanded",
"index": 25
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "RefExpanded Transitions",
"name": "transition-RefExpanded-Mounted",
"displayName": "Mounted",
"editorName": "Transition RefExpanded|Mounted",
"index": 26
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "RefExpanded Transitions",
"name": "transition-RefExpanded-Height",
"displayName": "Height",
"editorName": "Transition RefExpanded|Height",
"index": 27
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "RefExpanded Transitions",
"name": "transition-RefExpanded-Rotation",
"displayName": "Rotation",
"editorName": "Transition RefExpanded|Rotation",
"index": 28
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To RefExpanded",
"name": "to-RefExpanded",
"group": "Go to state",
"index": 29
},
{
"plug": "output",
"type": "boolean",
"displayName": "At RefExpanded",
"name": "at-RefExpanded",
"group": "Current state",
"index": 30
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached RefExpanded",
"name": "reached-RefExpanded",
"group": "Current state",
"index": 31
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"RefCollapsed",
"RefExpanded"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "RefCollapsed",
"index": 32
}
],
"children": []
},
{
"id": "6a993069-deda-5a58-4e57-422088b8ea69",
"type": "Component Inputs",
"x": -283,
"y": 152,
"parameters": {},
"ports": [
{
"name": "Reference Markdown",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "c5ac467f-5168-f8af-878e-07f46676c2e8",
"type": "Component Outputs",
"x": 350.74941034277913,
"y": -118.36435818049335,
"parameters": {},
"ports": [
{
"name": "Reference",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 5404.381198466383,
"y": 0
}
}
},
{
"name": "/Visual Components/Bottom Button Section",
"id": "7f06e1d9-8e22-0546-c86b-6880a814058a",
"graph": {
"connections": [
{
"fromId": "ad39e980-9775-4b7c-cc51-9843695ccda3",
"fromProperty": "onClick",
"toId": "4c5320d0-12c8-f64b-ddeb-c465db714b57",
"toProperty": "Back Button Click"
},
{
"fromId": "34cf1766-25d1-e652-7185-17d36aa8c348",
"fromProperty": "onClick",
"toId": "4c5320d0-12c8-f64b-ddeb-c465db714b57",
"toProperty": "Next Button Click"
}
],
"roots": [
{
"id": "b12cebdf-3dfa-01b6-9c40-8148bb55743b",
"type": "Group",
"x": -388,
"y": -135,
"parameters": {
"flexDirection": "row",
"justifyContent": "space-between",
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "ad39e980-9775-4b7c-cc51-9843695ccda3",
"type": "net.noodl.controls.button",
"variant": "Button Secondary",
"label": "Back Button",
"parameters": {
"height": {
"value": 40,
"unit": "px"
},
"sizeMode": "explicit",
"marginRight": {
"value": 24,
"unit": "px"
},
"label": "Back"
},
"stateParameters": {},
"stateTransitions": {},
"defaultStateTransitions": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "34cf1766-25d1-e652-7185-17d36aa8c348",
"type": "net.noodl.controls.button",
"variant": "Button Primary",
"label": "Next Button",
"parameters": {
"label": "Next"
},
"stateParameters": {},
"stateTransitions": {},
"defaultStateTransitions": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "4c5320d0-12c8-f64b-ddeb-c465db714b57",
"type": "Component Outputs",
"x": -18.08460970301121,
"y": -82.77062949295305,
"parameters": {},
"ports": [
{
"name": "Back Button Click",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "Next Button Click",
"plug": "input",
"type": {
"name": "*"
},
"index": 2
}
],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 2739,
"y": 29.01498438671254
}
}
},
{
"name": "/Visual Components/Mobile Content Container",
"id": "0053890a-54f5-721b-63a5-7cf764f66d7a",
"graph": {
"connections": [
{
"fromId": "bc586218-aedd-6aec-a79c-628d79419fed",
"fromProperty": "screenPositionY",
"toId": "34aae098-ef2e-eab1-a89f-648b1c0ecb31",
"toProperty": "Screen Position Y"
}
],
"roots": [
{
"id": "bc586218-aedd-6aec-a79c-628d79419fed",
"type": "Group",
"label": "Mobile Content Container",
"x": 0,
"y": 0,
"parameters": {
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingBottom": {
"value": 24,
"unit": "px"
},
"alignX": "center",
"maxWidth": {
"value": 488,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "cbbd6a06-c1e6-3d3a-9c8d-14de3203cde4",
"type": "Component Children",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "34aae098-ef2e-eab1-a89f-648b1c0ecb31",
"type": "Component Outputs",
"x": 259.71432675695223,
"y": -5.002190856515796,
"parameters": {},
"ports": [
{
"name": "Screen Position Y",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": -2748.507337795446,
"y": 0
}
}
},
{
"name": "/Visual Components/Mobile Page Content Container",
"id": "b64fb5c7-e0d6-7c62-f734-c262a3516ac3",
"graph": {
"connections": [],
"roots": [
{
"id": "85fcd23c-8221-2c3b-2f15-01f5dc203247",
"type": "Group",
"label": "Content Container",
"x": 55,
"y": 12,
"parameters": {
"alignX": "center",
"alignItems": "center",
"maxWidth": {
"value": 488,
"unit": "px"
},
"paddingBottom": {
"value": 48,
"unit": "px"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "913e1c7b-9f07-0c09-bbe5-7c2d76357cbd",
"type": "Component Children",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
"metadata": {
"canvasPos": {
"x": -6550.855962682566,
"y": 0
}
}
},
{
"name": "/Visual Components/New Pill Popup",
"id": "a3ec71a5-67ee-2cdb-289a-4ed3b3442cf6",
"graph": {
"connections": [
{
"fromId": "21712f65-0dee-d57c-7533-6889db6803d9",
"fromProperty": "onClick",
"toId": "eedf5109-d8d4-4b9c-5a7e-6ec37d850ff7",
"toProperty": "close"
},
{
"fromId": "4490be02-988f-1102-ee91-585c23310cd5",
"fromProperty": "Label",
"toId": "e6e3b606-425b-af26-5797-163f38495e2e",
"toProperty": "label"
},
{
"fromId": "4490be02-988f-1102-ee91-585c23310cd5",
"fromProperty": "Array Id",
"toId": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
"toProperty": "collectionId"
},
{
"fromId": "e6e3b606-425b-af26-5797-163f38495e2e",
"fromProperty": "onTextChanged",
"toId": "e06c9b7f-eb7e-deaa-faa5-3fa5893af346",
"toProperty": "prop-label"
},
{
"fromId": "e06c9b7f-eb7e-deaa-faa5-3fa5893af346",
"fromProperty": "id",
"toId": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
"toProperty": "modifyId"
},
{
"fromId": "e06c9b7f-eb7e-deaa-faa5-3fa5893af346",
"fromProperty": "created",
"toId": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
"toProperty": "add"
},
{
"fromId": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
"fromProperty": "modified",
"toId": "a99fdf9b-9c73-0bd6-6919-5ff026294fd7",
"toProperty": "close"
},
{
"fromId": "4490be02-988f-1102-ee91-585c23310cd5",
"fromProperty": "Array Id",
"toId": "dd5ddd03-861b-172c-c515-01664f0cc0b7",
"toProperty": "arrayId"
},
{
"fromId": "dd5ddd03-861b-172c-c515-01664f0cc0b7",
"fromProperty": "result",
"toId": "0714f827-236f-1a75-116b-9ebd41cafaf4",
"toProperty": "condition"
},
{
"fromId": "2845d0ed-61a2-d8fd-98db-c3e86f781bcb",
"fromProperty": "onClick",
"toId": "0714f827-236f-1a75-116b-9ebd41cafaf4",
"toProperty": "eval"
},
{
"fromId": "0714f827-236f-1a75-116b-9ebd41cafaf4",
"fromProperty": "onfalse",
"toId": "e06c9b7f-eb7e-deaa-faa5-3fa5893af346",
"toProperty": "new"
},
{
"fromId": "4490be02-988f-1102-ee91-585c23310cd5",
"fromProperty": "Symptom Bucket",
"toId": "84c1b706-a230-8d06-8774-c002b4ce8d37",
"toProperty": "prop-Symptom Bucket"
},
{
"fromId": "e6e3b606-425b-af26-5797-163f38495e2e",
"fromProperty": "onTextChanged",
"toId": "84c1b706-a230-8d06-8774-c002b4ce8d37",
"toProperty": "prop-Symptom"
},
{
"fromId": "0714f827-236f-1a75-116b-9ebd41cafaf4",
"fromProperty": "ontrue",
"toId": "84c1b706-a230-8d06-8774-c002b4ce8d37",
"toProperty": "new"
},
{
"fromId": "84c1b706-a230-8d06-8774-c002b4ce8d37",
"fromProperty": "id",
"toId": "bb966ea1-8ac2-a014-be1b-482bf4218909",
"toProperty": "modifyId"
},
{
"fromId": "84c1b706-a230-8d06-8774-c002b4ce8d37",
"fromProperty": "created",
"toId": "bb966ea1-8ac2-a014-be1b-482bf4218909",
"toProperty": "add"
},
{
"fromId": "4490be02-988f-1102-ee91-585c23310cd5",
"fromProperty": "Array Id",
"toId": "bb966ea1-8ac2-a014-be1b-482bf4218909",
"toProperty": "collectionId"
},
{
"fromId": "bb966ea1-8ac2-a014-be1b-482bf4218909",
"fromProperty": "modified",
"toId": "a99fdf9b-9c73-0bd6-6919-5ff026294fd7",
"toProperty": "close"
},
{
"fromId": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
"fromProperty": "modified",
"toId": "c79bd404-dc41-79d1-5f7a-0f9d450eaf9b",
"toProperty": "do"
},
{
"fromId": "12f0a0f5-2389-78a7-7b7f-fbef1db23bf6",
"fromProperty": "didMount",
"toId": "e6e3b606-425b-af26-5797-163f38495e2e",
"toProperty": "focus"
}
],
"roots": [
{
"id": "12f0a0f5-2389-78a7-7b7f-fbef1db23bf6",
"type": "Group",
"x": 0,
"y": 0,
"parameters": {
"backgroundColor": "#00000033"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "a76dfa2d-7227-5554-37ba-8df6c36ec305",
"type": "Group",
"label": "Popup BG",
"parameters": {
"height": {
"value": 240,
"unit": "px"
},
"width": {
"value": 90,
"unit": "%"
},
"alignY": "center",
"alignX": "center",
"backgroundColor": "#FFFFFF",
"borderRadius": {
"value": 15,
"unit": "px"
},
"boxShadowEnabled": true,
"paddingTop": {
"value": 16,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingBottom": {
"value": 16,
"unit": "px"
},
"maxWidth": {
"value": 440,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "21712f65-0dee-d57c-7533-6889db6803d9",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "9fba8624-e3a1-c929-368c-aeb84411e68c",
"type": "net.noodl.visual.icon",
"parameters": {
"iconColor": "Dark",
"iconIconSource": {
"class": "material-icons",
"code": "close"
},
"iconSize": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "e6e3b606-425b-af26-5797-163f38495e2e",
"type": "net.noodl.controls.textinput",
"parameters": {
"marginTop": {
"value": 24,
"unit": "px"
},
"label": "What other symptom do you have?",
"labelfontFamily": "Inter-Regular.ttf",
"labelfontSize": {
"value": 16,
"unit": "px"
},
"labelSpacing": {
"value": 24,
"unit": "px"
},
"fontFamily": "Inter-Medium.ttf",
"borderStyle": "none",
"borderBottomStyle": "solid",
"borderBottomWidth": {
"value": 2,
"unit": "px"
},
"borderBottomColor": "Medium Gray",
"borderRadius": {
"value": 0,
"unit": "px"
},
"placeholder": "",
"labeltextTransform": "none"
},
"stateParameters": {
"focused": {
"labelcolor": "Cyan Dark"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "2845d0ed-61a2-d8fd-98db-c3e86f781bcb",
"type": "net.noodl.controls.button",
"parameters": {
"marginTop": {
"value": 12,
"unit": "px"
},
"alignX": "right",
"backgroundColor": "Cyan Dark",
"borderRadius": {
"value": 50,
"unit": "px"
},
"label": "Add",
"fontFamily": "Inter-SemiBold.ttf",
"fontSize": {
"value": 20,
"unit": "px"
},
"useIcon": true,
"iconPlacement": "right",
"iconIconSource": {
"class": "material-icons",
"code": "add"
},
"iconSize": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "eedf5109-d8d4-4b9c-5a7e-6ec37d850ff7",
"type": "NavigationClosePopup",
"x": 408,
"y": 46.5,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "4490be02-988f-1102-ee91-585c23310cd5",
"type": "Component Inputs",
"x": -225.42020555539565,
"y": 317.76739218486136,
"parameters": {},
"ports": [
{
"name": "Label",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
},
{
"name": "Array Id",
"plug": "output",
"type": {
"name": "*"
},
"index": 2
},
{
"name": "Symptom Bucket",
"plug": "output",
"type": {
"name": "*"
},
"index": 3
}
],
"dynamicports": [],
"children": []
},
{
"id": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
"type": "CollectionInsert",
"x": 245.65169727172798,
"y": 378.25090963942444,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "e06c9b7f-eb7e-deaa-faa5-3fa5893af346",
"type": "NewModel",
"x": 578.8025074759412,
"y": 261.81450129976116,
"parameters": {
"properties": "label,value,otherCondition",
"type-label": "string",
"type-selected": "boolean",
"type-value": "boolean",
"prop-value": true,
"type-otherCondition": "boolean",
"prop-otherCondition": true
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Property Values",
"displayName": "label",
"name": "prop-label",
"index": 4
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "label",
"name": "type-label",
"index": 5
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Property Values",
"displayName": "value",
"name": "prop-value",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "value",
"name": "type-value",
"index": 7
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Property Values",
"displayName": "otherCondition",
"name": "prop-otherCondition",
"index": 8
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "otherCondition",
"name": "type-otherCondition",
"index": 9
}
],
"children": []
},
{
"id": "a99fdf9b-9c73-0bd6-6919-5ff026294fd7",
"type": "NavigationClosePopup",
"x": 579.2816116151281,
"y": 450.48059375030033,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "dd5ddd03-861b-172c-c515-01664f0cc0b7",
"type": "Expression",
"x": -4.7385854906731595,
"y": 733.8588693588007,
"parameters": {
"expression": "arrayId==\"Selected Symptoms\""
},
"ports": [],
"dynamicports": [
{
"name": "arrayId",
"type": {
"name": "*",
"editAsType": "string"
},
"plug": "input",
"index": 2
}
],
"children": []
},
{
"id": "0714f827-236f-1a75-116b-9ebd41cafaf4",
"type": "Condition",
"x": 259.6405627444634,
"y": 699.7334820261842,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "84c1b706-a230-8d06-8774-c002b4ce8d37",
"type": "NewModel",
"x": 565.7027157506121,
"y": 767.9042322925476,
"parameters": {
"properties": "Symptom,Symptom Bucket,userAdded",
"type-Symptom": "string",
"type-Symptom Bucket": "string",
"type-userAdded": "boolean",
"prop-userAdded": true
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Property Values",
"displayName": "Symptom",
"name": "prop-Symptom",
"index": 4
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "Symptom",
"name": "type-Symptom",
"index": 5
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Property Values",
"displayName": "Symptom Bucket",
"name": "prop-Symptom Bucket",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "Symptom Bucket",
"name": "type-Symptom Bucket",
"index": 7
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Property Values",
"displayName": "userAdded",
"name": "prop-userAdded",
"index": 8
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "userAdded",
"name": "type-userAdded",
"index": 9
}
],
"children": []
},
{
"id": "bb966ea1-8ac2-a014-be1b-482bf4218909",
"type": "CollectionInsert",
"x": 574.6269414522902,
"y": 596.8565730103801,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "c79bd404-dc41-79d1-5f7a-0f9d450eaf9b",
"type": "Set Variable",
"x": 842.0941500275709,
"y": 290.3620009168993,
"parameters": {
"name": "otherDiagnosisAdded",
"setWith": "boolean",
"value": true
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "General",
"name": "value",
"displayName": "Value",
"index": 4
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": -9159.308480860791,
"y": 0
}
}
},
{
"name": "/Visual Components/Pills/I don't know Pill",
"id": "10bb35d4-93b0-b67d-55ea-56629005fb89",
"graph": {
"connections": [
{
"fromId": "7da9cac5-90a1-de14-b3bc-e2ba53889a83",
"fromProperty": "prop-label",
"toId": "589a7cc8-30e1-afd3-3db7-1fbda0c60587",
"toProperty": "text"
},
{
"fromId": "80aedf1b-b682-c887-66e3-eabaf8258de7",
"fromProperty": "onClick",
"toId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
"toProperty": "toggle"
},
{
"fromId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
"fromProperty": "bgcolor",
"toId": "80aedf1b-b682-c887-66e3-eabaf8258de7",
"toProperty": "backgroundColor"
},
{
"fromId": "35f01fd3-fea3-6d5a-5772-5c858d7bfd6b",
"fromProperty": "result",
"toId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
"toProperty": "to-selected"
},
{
"fromId": "7da9cac5-90a1-de14-b3bc-e2ba53889a83",
"fromProperty": "prop-value",
"toId": "35f01fd3-fea3-6d5a-5772-5c858d7bfd6b",
"toProperty": "condition"
},
{
"fromId": "fd62e948-c739-756c-7388-6ab2715a020c",
"fromProperty": "items",
"toId": "ad31aab7-643a-c455-cae3-9c244c55b91b",
"toProperty": "items"
},
{
"fromId": "ad31aab7-643a-c455-cae3-9c244c55b91b",
"fromProperty": "items",
"toId": "e9f05753-f536-d22a-aa3a-3106ac8216dd",
"toProperty": "items"
},
{
"fromId": "e9f05753-f536-d22a-aa3a-3106ac8216dd",
"fromProperty": "items",
"toId": "c3eafe51-1ce7-59e8-2eb3-48361aa7704d",
"toProperty": "items"
},
{
"fromId": "106bf0e8-1245-1ad6-2167-e51dbb02d391",
"fromProperty": "eventReceived",
"toId": "c3eafe51-1ce7-59e8-2eb3-48361aa7704d",
"toProperty": "filter"
},
{
"fromId": "c3eafe51-1ce7-59e8-2eb3-48361aa7704d",
"fromProperty": "count",
"toId": "72a6bc69-db67-c5b5-1004-f2d20034524e",
"toProperty": "condition"
},
{
"fromId": "72a6bc69-db67-c5b5-1004-f2d20034524e",
"fromProperty": "ontrue",
"toId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
"toProperty": "to-not selected"
},
{
"fromId": "35f01fd3-fea3-6d5a-5772-5c858d7bfd6b",
"fromProperty": "ontrue",
"toId": "2a4d92d1-9ee0-c6b1-e9e0-39d1919ddb1e",
"toProperty": "store"
},
{
"fromId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
"fromProperty": "reached-selected",
"toId": "2a4d92d1-9ee0-c6b1-e9e0-39d1919ddb1e",
"toProperty": "store"
},
{
"fromId": "2a4d92d1-9ee0-c6b1-e9e0-39d1919ddb1e",
"fromProperty": "stored",
"toId": "fcc09312-ec82-2e42-f515-9b5f8fc5765f",
"toProperty": "do"
},
{
"fromId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
"fromProperty": "reached-not selected",
"toId": "f27277ba-cf83-53d0-ec8b-dee5fca438b1",
"toProperty": "store"
},
{
"fromId": "f27277ba-cf83-53d0-ec8b-dee5fca438b1",
"fromProperty": "stored",
"toId": "dbbdf0d2-7267-fa1e-3ef5-09dc095896e3",
"toProperty": "do"
},
{
"fromId": "2a4d92d1-9ee0-c6b1-e9e0-39d1919ddb1e",
"fromProperty": "stored",
"toId": "89aa9557-e37c-a296-2040-96d21aa2911f",
"toProperty": "sendEvent"
},
{
"fromId": "f27277ba-cf83-53d0-ec8b-dee5fca438b1",
"fromProperty": "stored",
"toId": "89aa9557-e37c-a296-2040-96d21aa2911f",
"toProperty": "sendEvent"
}
],
"roots": [
{
"id": "80aedf1b-b682-c887-66e3-eabaf8258de7",
"type": "Group",
"x": -245.39233388816194,
"y": 385.3063181742477,
"parameters": {
"sizeMode": "contentWidth",
"backgroundColor": "transparent",
"borderStyle": "solid",
"borderWidth": {
"value": 2,
"unit": "px"
},
"borderColor": "Cyan Dark",
"borderRadius": {
"value": 50,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"marginRight": {
"value": 4,
"unit": "px"
},
"marginLeft": {
"value": 4,
"unit": "px"
},
"marginTop": {
"value": 4,
"unit": "px"
},
"marginBottom": {
"value": 4,
"unit": "px"
},
"height": {
"value": 40,
"unit": "px"
},
"styleCss": "/* background-color: red; */\ncursor:pointer;"
},
"stateParameters": {
"hover": {
"backgroundColor": "Blue Cloud"
}
},
"defaultStateTransitions": {
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "589a7cc8-30e1-afd3-3db7-1fbda0c60587",
"type": "Text",
"parameters": {
"pointerEventsMode": "explicit",
"pointerEventsEnabled": false,
"blockTouch": false
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "7da9cac5-90a1-de14-b3bc-e2ba53889a83",
"type": "Model2",
"x": -491.34809301724323,
"y": 189.3278455277992,
"parameters": {
"idSource": "foreach",
"properties": "label,value"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-label",
"displayName": "label",
"index": 7
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "label Changed",
"name": "changed-label",
"index": 8
},
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-value",
"displayName": "value",
"index": 9
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "value Changed",
"name": "changed-value",
"index": 10
}
],
"children": []
},
{
"id": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
"type": "States",
"label": "States",
"x": 107.01936827481097,
"y": 375.66991598914575,
"parameters": {
"states": "selected,not selected",
"currentState": "not selected",
"values": "bgcolor",
"type-bgcolor": "color",
"value-selected-bgcolor": "Cyan Dark",
"value-not selected-bgcolor": "#FFFFFF00"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "color",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "bgcolor",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "bgcolor",
"name": "type-bgcolor",
"index": 7
},
{
"plug": "input",
"type": "color",
"group": "selected Values",
"name": "value-selected-bgcolor",
"displayName": "bgcolor",
"editorName": "selected|bgcolor",
"index": 8
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "selected Transitions",
"name": "transitiondef-selected",
"index": 9
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "selected Transitions",
"name": "transition-selected-bgcolor",
"displayName": "bgcolor",
"editorName": "Transition selected|bgcolor",
"index": 10
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To selected",
"name": "to-selected",
"group": "Go to state",
"index": 11
},
{
"plug": "output",
"type": "boolean",
"displayName": "At selected",
"name": "at-selected",
"group": "Current state",
"index": 12
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached selected",
"name": "reached-selected",
"group": "Current state",
"index": 13
},
{
"plug": "input",
"type": "color",
"group": "not selected Values",
"name": "value-not selected-bgcolor",
"displayName": "bgcolor",
"editorName": "not selected|bgcolor",
"index": 14
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "not selected Transitions",
"name": "transitiondef-not selected",
"index": 15
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "not selected Transitions",
"name": "transition-not selected-bgcolor",
"displayName": "bgcolor",
"editorName": "Transition not selected|bgcolor",
"index": 16
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To not selected",
"name": "to-not selected",
"group": "Go to state",
"index": 17
},
{
"plug": "output",
"type": "boolean",
"displayName": "At not selected",
"name": "at-not selected",
"group": "Current state",
"index": 18
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached not selected",
"name": "reached-not selected",
"group": "Current state",
"index": 19
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"selected",
"not selected"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "selected",
"index": 20
}
],
"children": []
},
{
"id": "35f01fd3-fea3-6d5a-5772-5c858d7bfd6b",
"type": "Condition",
"x": 94.5883049089,
"y": 218.9607160815474,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "bbf62076-5523-69a6-42ce-a257b9cf0049",
"type": "Variable2",
"x": 655.0215203763349,
"y": 78.6363599587691,
"parameters": {
"name": "I don't know selected"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "fcc09312-ec82-2e42-f515-9b5f8fc5765f",
"type": "Set Variable",
"x": 728.3281006977107,
"y": 301.9657093099373,
"parameters": {
"name": "I don't know selected",
"setWith": "boolean",
"value": true
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "General",
"name": "value",
"displayName": "Value",
"index": 4
}
],
"children": []
},
{
"id": "dbbdf0d2-7267-fa1e-3ef5-09dc095896e3",
"type": "Set Variable",
"x": 757.3097719875569,
"y": 574.7343802731962,
"parameters": {
"name": "I don't know selected",
"setWith": "boolean",
"value": false
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "General",
"name": "value",
"displayName": "Value",
"index": 4
}
],
"children": []
},
{
"id": "fd62e948-c739-756c-7388-6ab2715a020c",
"type": "Collection2",
"x": -431.4682576423992,
"y": 660.2609141765596,
"parameters": {
"collectionId": "Conditions"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ad31aab7-643a-c455-cae3-9c244c55b91b",
"type": "Filter Collection",
"x": -156.46527573936038,
"y": 680.432240271459,
"parameters": {
"filterFilter": "label",
"filterFilterOp-label": "neq",
"filterFilterValue-label": "I don't know"
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "filterEnableLimit",
"displayName": "Use limit",
"index": 7
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Filter",
"name": "filterFilter",
"displayName": "Filter",
"index": 8
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Sort",
"name": "filterSort",
"displayName": "Sort",
"index": 9
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "string",
"label": "String"
},
{
"value": "number",
"label": "Number"
},
{
"value": "boolean",
"label": "Boolean"
}
]
},
"default": "string",
"plug": "input",
"group": "label filter",
"displayName": "Type",
"editorName": "label filter | Type",
"name": "filterFilterType-label",
"index": 10
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "eq",
"label": "Equals"
},
{
"value": "neq",
"label": "Not Equals"
},
{
"value": "regex",
"label": "Matches RegEx"
}
]
},
"default": "eq",
"plug": "input",
"group": "label filter",
"displayName": "Op",
"editorName": "label filter| Op",
"name": "filterFilterOp-label",
"index": 11
},
{
"type": "string",
"plug": "input",
"group": "label filter",
"displayName": "Value",
"editorName": "label Filter Value",
"name": "filterFilterValue-label",
"index": 12
}
],
"children": []
},
{
"id": "e9f05753-f536-d22a-aa3a-3106ac8216dd",
"type": "Collection2",
"x": -147.94125477175857,
"y": 796.358925430844,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "c3eafe51-1ce7-59e8-2eb3-48361aa7704d",
"type": "Filter Collection",
"x": 80.36007047818907,
"y": 813.8066427760275,
"parameters": {
"filterFilter": "value",
"filterFilterType-value": "boolean",
"filterFilterValue-value": true
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "filterEnableLimit",
"displayName": "Use limit",
"index": 7
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Filter",
"name": "filterFilter",
"displayName": "Filter",
"index": 8
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Sort",
"name": "filterSort",
"displayName": "Sort",
"index": 9
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "string",
"label": "String"
},
{
"value": "number",
"label": "Number"
},
{
"value": "boolean",
"label": "Boolean"
}
]
},
"default": "string",
"plug": "input",
"group": "value filter",
"displayName": "Type",
"editorName": "value filter | Type",
"name": "filterFilterType-value",
"index": 10
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "eq",
"label": "Equals"
},
{
"value": "neq",
"label": "Not Equals"
}
]
},
"default": "eq",
"plug": "input",
"group": "value filter",
"displayName": "Op",
"editorName": "value filter| Op",
"name": "filterFilterOp-value",
"index": 11
},
{
"type": "boolean",
"plug": "input",
"group": "value filter",
"displayName": "Value",
"editorName": "value Filter Value",
"name": "filterFilterValue-value",
"index": 12
}
],
"children": []
},
{
"id": "106bf0e8-1245-1ad6-2167-e51dbb02d391",
"type": "Event Receiver",
"x": 25.94877296731903,
"y": 1004.3813711685091,
"parameters": {
"channelName": "Condition Changed"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "72a6bc69-db67-c5b5-1004-f2d20034524e",
"type": "Condition",
"x": 401.3545376689086,
"y": 795.8226130009591,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "2a4d92d1-9ee0-c6b1-e9e0-39d1919ddb1e",
"type": "SetModelProperties",
"x": 433.8456128492978,
"y": 304.5835996208014,
"parameters": {
"idSource": "foreach",
"properties": "value",
"type-value": "boolean",
"prop-value": true
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Property Values",
"displayName": "value",
"name": "prop-value",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "value",
"name": "type-value",
"index": 7
}
],
"children": []
},
{
"id": "f27277ba-cf83-53d0-ec8b-dee5fca438b1",
"type": "SetModelProperties",
"x": 485.46034441599477,
"y": 555.865845406037,
"parameters": {
"idSource": "foreach",
"properties": "value",
"type-value": "boolean"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Property Values",
"displayName": "value",
"name": "prop-value",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "value",
"name": "type-value",
"index": 7
}
],
"children": []
},
{
"id": "89aa9557-e37c-a296-2040-96d21aa2911f",
"type": "Event Sender",
"x": 716.1094989303141,
"y": 434.94546462079654,
"parameters": {
"channelName": "I don't Know Changed"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 3840.943162561708,
"y": 264.72753823016166
}
}
},
{
"name": "/Visual Components/Pills/Multi Select Pill",
"id": "f8971cc2-f487-8572-ac4d-957db4d084b6",
"graph": {
"connections": [
{
"fromId": "e18e3fa7-e4fb-9963-4518-6759ecf95290",
"fromProperty": "prop-label",
"toId": "d6b450fd-f166-188f-7ead-ebf0d1eb7fc4",
"toProperty": "text"
},
{
"fromId": "de4629bd-77f8-ec4f-9a18-839448d0409e",
"fromProperty": "onClick",
"toId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
"toProperty": "toggle"
},
{
"fromId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
"fromProperty": "bgcolor",
"toId": "de4629bd-77f8-ec4f-9a18-839448d0409e",
"toProperty": "backgroundColor"
},
{
"fromId": "e18e3fa7-e4fb-9963-4518-6759ecf95290",
"fromProperty": "prop-value",
"toId": "93444b7d-9954-e0c6-e2e9-c7b0362c1b04",
"toProperty": "condition"
},
{
"fromId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
"fromProperty": "reached-selected",
"toId": "f2127297-872c-82e7-52e1-cd6fec358d61",
"toProperty": "store"
},
{
"fromId": "93444b7d-9954-e0c6-e2e9-c7b0362c1b04",
"fromProperty": "ontrue",
"toId": "f2127297-872c-82e7-52e1-cd6fec358d61",
"toProperty": "store"
},
{
"fromId": "f2127297-872c-82e7-52e1-cd6fec358d61",
"fromProperty": "stored",
"toId": "28962f73-5161-9263-c08e-ed4ba509d0b1",
"toProperty": "sendEvent"
},
{
"fromId": "7095c2db-e95b-5bee-c81a-c1d80fb723b1",
"fromProperty": "value",
"toId": "4a0bc5c7-859e-97b5-7d72-0e9ea092f5e9",
"toProperty": "condition"
},
{
"fromId": "93444b7d-9954-e0c6-e2e9-c7b0362c1b04",
"fromProperty": "ontrue",
"toId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
"toProperty": "to-selected"
},
{
"fromId": "4a0bc5c7-859e-97b5-7d72-0e9ea092f5e9",
"fromProperty": "ontrue",
"toId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
"toProperty": "to-not selected"
},
{
"fromId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
"fromProperty": "reached-not selected",
"toId": "35c6cd99-7dc5-4187-7db7-8b37fddc5044",
"toProperty": "store"
},
{
"fromId": "35c6cd99-7dc5-4187-7db7-8b37fddc5044",
"fromProperty": "stored",
"toId": "28962f73-5161-9263-c08e-ed4ba509d0b1",
"toProperty": "sendEvent"
}
],
"roots": [
{
"id": "de4629bd-77f8-ec4f-9a18-839448d0409e",
"type": "Group",
"x": -245.39233388816194,
"y": 385.3063181742477,
"parameters": {
"sizeMode": "contentWidth",
"backgroundColor": "transparent",
"borderStyle": "solid",
"borderWidth": {
"value": 2,
"unit": "px"
},
"borderColor": "Cyan Dark",
"borderRadius": {
"value": 50,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"marginRight": {
"value": 4,
"unit": "px"
},
"marginLeft": {
"value": 4,
"unit": "px"
},
"marginTop": {
"value": 4,
"unit": "px"
},
"marginBottom": {
"value": 4,
"unit": "px"
},
"height": {
"value": 40,
"unit": "px"
},
"styleCss": "/* background-color: red; */\ncursor:pointer;"
},
"stateParameters": {
"hover": {
"backgroundColor": "Blue Cloud"
}
},
"defaultStateTransitions": {
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "d6b450fd-f166-188f-7ead-ebf0d1eb7fc4",
"type": "Text",
"parameters": {
"pointerEventsMode": "explicit",
"pointerEventsEnabled": false,
"blockTouch": false
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "e18e3fa7-e4fb-9963-4518-6759ecf95290",
"type": "Model2",
"x": -563.2985951835633,
"y": 173.33884504639454,
"parameters": {
"idSource": "foreach",
"properties": "label,value"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-label",
"displayName": "label",
"index": 7
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "label Changed",
"name": "changed-label",
"index": 8
},
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-value",
"displayName": "value",
"index": 9
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "value Changed",
"name": "changed-value",
"index": 10
}
],
"children": []
},
{
"id": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
"type": "States",
"label": "States",
"x": 107.01936827481097,
"y": 375.66991598914575,
"parameters": {
"states": "selected,not selected",
"currentState": "not selected",
"values": "bgcolor",
"type-bgcolor": "color",
"value-selected-bgcolor": "Cyan Dark",
"value-not selected-bgcolor": "#FFFFFF00"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "color",
"allowConnectionsOnly": true
},
"plug": "output",
"group": "Values",
"name": "bgcolor",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "Number",
"value": "number"
},
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Color",
"value": "color"
},
{
"label": "Text Style",
"value": "textStyle"
}
],
"allowEditOnly": true
},
"default": "number",
"plug": "input",
"group": "Types",
"displayName": "bgcolor",
"name": "type-bgcolor",
"index": 7
},
{
"plug": "input",
"type": "color",
"group": "selected Values",
"name": "value-selected-bgcolor",
"displayName": "bgcolor",
"editorName": "selected|bgcolor",
"index": 8
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "selected Transitions",
"name": "transitiondef-selected",
"index": 9
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "selected Transitions",
"name": "transition-selected-bgcolor",
"displayName": "bgcolor",
"editorName": "Transition selected|bgcolor",
"index": 10
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To selected",
"name": "to-selected",
"group": "Go to state",
"index": 11
},
{
"plug": "output",
"type": "boolean",
"displayName": "At selected",
"name": "at-selected",
"group": "Current state",
"index": 12
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached selected",
"name": "reached-selected",
"group": "Current state",
"index": 13
},
{
"plug": "input",
"type": "color",
"group": "not selected Values",
"name": "value-not selected-bgcolor",
"displayName": "bgcolor",
"editorName": "not selected|bgcolor",
"index": 14
},
{
"plug": "input",
"type": "curve",
"displayName": "Default",
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "not selected Transitions",
"name": "transitiondef-not selected",
"index": 15
},
{
"plug": "input",
"type": {
"name": "curve"
},
"default": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"group": "not selected Transitions",
"name": "transition-not selected-bgcolor",
"displayName": "bgcolor",
"editorName": "Transition not selected|bgcolor",
"index": 16
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To not selected",
"name": "to-not selected",
"group": "Go to state",
"index": 17
},
{
"plug": "output",
"type": "boolean",
"displayName": "At not selected",
"name": "at-not selected",
"group": "Current state",
"index": 18
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached not selected",
"name": "reached-not selected",
"group": "Current state",
"index": 19
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"selected",
"not selected"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "selected",
"index": 20
}
],
"children": []
},
{
"id": "93444b7d-9954-e0c6-e2e9-c7b0362c1b04",
"type": "Condition",
"x": 94.5883049089,
"y": 218.9607160815474,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "f2127297-872c-82e7-52e1-cd6fec358d61",
"type": "SetModelProperties",
"x": 468.7867717459694,
"y": 258.17868086125003,
"parameters": {
"idSource": "foreach",
"properties": "value",
"type-value": "boolean",
"prop-value": true
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Property Values",
"displayName": "value",
"name": "prop-value",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "value",
"name": "type-value",
"index": 7
}
],
"children": []
},
{
"id": "28962f73-5161-9263-c08e-ed4ba509d0b1",
"type": "Event Sender",
"x": 756.5975741843794,
"y": 330.11129354358815,
"parameters": {
"channelName": "Condition Changed"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "7095c2db-e95b-5bee-c81a-c1d80fb723b1",
"type": "Variable2",
"x": -265.834301741128,
"y": 684.2665345972246,
"parameters": {
"name": "I don't know selected"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "4a0bc5c7-859e-97b5-7d72-0e9ea092f5e9",
"type": "Condition",
"x": 9.97595656310068,
"y": 694.2596598981027,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "35c6cd99-7dc5-4187-7db7-8b37fddc5044",
"type": "SetModelProperties",
"x": 401.70646835751256,
"y": 480.40677845931623,
"parameters": {
"idSource": "foreach",
"properties": "value",
"type-value": "boolean"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Property Values",
"displayName": "value",
"name": "prop-value",
"index": 6
},
{
"type": {
"name": "enum",
"enums": [
{
"label": "String",
"value": "string"
},
{
"label": "Boolean",
"value": "boolean"
},
{
"label": "Number",
"value": "number"
},
{
"label": "Date",
"value": "date"
},
{
"label": "Array",
"value": "array"
},
{
"label": "Object",
"value": "object"
},
{
"label": "Any",
"value": "*"
}
],
"allowEditOnly": true
},
"default": "*",
"plug": "input",
"group": "Property Types",
"displayName": "value",
"name": "type-value",
"index": 7
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 3983.942991431733,
"y": 266.53840087786017
}
}
},
{
"name": "/Visual Components/Pills/Other Diagnose Pill",
"id": "6be64240-ba39-72f5-b2d5-48039c96290a",
"graph": {
"connections": [
{
"fromId": "1d89b831-b742-5dc2-4938-384f5c9d9a72",
"fromProperty": "onClick",
"toId": "9de3f7eb-b8c9-bddd-34ae-f537f244627d",
"toProperty": "show"
},
{
"fromId": "166b5e52-797c-6a79-cf08-ab685bde2934",
"fromProperty": "savedValue",
"toId": "9de3f7eb-b8c9-bddd-34ae-f537f244627d",
"toProperty": "popupParam-Label"
},
{
"fromId": "b49b38f5-5353-085f-cf9d-fb13678fdbf6",
"fromProperty": "id",
"toId": "9de3f7eb-b8c9-bddd-34ae-f537f244627d",
"toProperty": "popupParam-Array Id"
}
],
"roots": [
{
"id": "1d89b831-b742-5dc2-4938-384f5c9d9a72",
"type": "Group",
"x": -364.5611186070986,
"y": -26.44075892279716,
"parameters": {
"sizeMode": "contentWidth",
"backgroundColor": "transparent",
"borderStyle": "solid",
"borderWidth": {
"value": 2,
"unit": "px"
},
"borderColor": "Cyan Dark",
"borderRadius": {
"value": 50,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"marginRight": {
"value": 4,
"unit": "px"
},
"marginLeft": {
"value": 4,
"unit": "px"
},
"marginTop": {
"value": 4,
"unit": "px"
},
"marginBottom": {
"value": 4,
"unit": "px"
},
"height": {
"value": 40,
"unit": "px"
}
},
"stateParameters": {
"hover": {
"backgroundColor": "Blue Cloud"
}
},
"defaultStateTransitions": {
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "a39a3077-e16f-0101-7b5b-90f5895c93a6",
"type": "Text",
"parameters": {
"text": "+ Other",
"blockTouch": false,
"pointerEventsMode": "explicit",
"pointerEventsEnabled": false
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "9de3f7eb-b8c9-bddd-34ae-f537f244627d",
"type": "NavigationShowPopup",
"x": -59.21371298474105,
"y": -42.62277696706178,
"parameters": {
"target": "/Visual Components/New Pill Popup"
},
"ports": [],
"dynamicports": [
{
"name": "popupParam-Label",
"displayName": "Label",
"type": "*",
"plug": "input",
"group": "Params",
"index": 3
},
{
"name": "popupParam-Array Id",
"displayName": "Array Id",
"type": "*",
"plug": "input",
"group": "Params",
"index": 4
},
{
"name": "popupParam-Symptom Bucket",
"displayName": "Symptom Bucket",
"type": "*",
"plug": "input",
"group": "Params",
"index": 5
}
],
"children": []
},
{
"id": "166b5e52-797c-6a79-cf08-ab685bde2934",
"type": "String",
"x": -58.88741579591988,
"y": -136.03176794492947,
"parameters": {
"value": "What other hormonal health concerns do you have?"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "b49b38f5-5353-085f-cf9d-fb13678fdbf6",
"type": "Collection2",
"x": -63.88741579591988,
"y": 95.96823205507053,
"parameters": {
"collectionId": "Conditions"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 3997.9074000739506,
"y": 145.78591187134404
}
}
},
{
"name": "/Visual Components/Pills/Other Symptom Pill",
"id": "d92e0b68-83ee-9cad-8a52-43e27db5e443",
"graph": {
"connections": [
{
"fromId": "116daf18-6b7c-9f20-5c68-5af5b6393a22",
"fromProperty": "onClick",
"toId": "a20ab3eb-7619-2498-ab82-af330d622eb3",
"toProperty": "show"
},
{
"fromId": "dfe5e61c-3972-5eee-ae13-e21d3bf5369c",
"fromProperty": "id",
"toId": "a20ab3eb-7619-2498-ab82-af330d622eb3",
"toProperty": "popupParam-Array Id"
},
{
"fromId": "1123a393-a968-91c2-30de-bb928e799ad8",
"fromProperty": "Symptom Bucket",
"toId": "bf14c3f8-0f2f-6622-7df4-1e9f417ea418",
"toProperty": "value"
},
{
"fromId": "bf14c3f8-0f2f-6622-7df4-1e9f417ea418",
"fromProperty": "savedValue",
"toId": "a20ab3eb-7619-2498-ab82-af330d622eb3",
"toProperty": "popupParam-Symptom Bucket"
}
],
"roots": [
{
"id": "116daf18-6b7c-9f20-5c68-5af5b6393a22",
"type": "Group",
"x": -366.0997043917507,
"y": -24.90217313814503,
"parameters": {
"sizeMode": "contentWidth",
"backgroundColor": "transparent",
"borderStyle": "solid",
"borderWidth": {
"value": 2,
"unit": "px"
},
"borderColor": "Cyan Dark",
"borderRadius": {
"value": 50,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"marginRight": {
"value": 4,
"unit": "px"
},
"marginLeft": {
"value": 4,
"unit": "px"
},
"marginTop": {
"value": 4,
"unit": "px"
},
"marginBottom": {
"value": 4,
"unit": "px"
},
"height": {
"value": 40,
"unit": "px"
},
"styleCss": "/* background-color: red; */\ncursor:pointer;"
},
"stateParameters": {
"hover": {
"backgroundColor": "Blue Cloud"
}
},
"defaultStateTransitions": {
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "15675978-fa11-4387-e90e-ee7bcb00023e",
"type": "Text",
"parameters": {
"text": "+ Other",
"pointerEventsMode": "explicit",
"pointerEventsEnabled": false
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "a20ab3eb-7619-2498-ab82-af330d622eb3",
"type": "NavigationShowPopup",
"x": -34.21371298474105,
"y": -27.62277696706178,
"parameters": {
"target": "/Visual Components/New Pill Popup"
},
"ports": [],
"dynamicports": [
{
"name": "popupParam-Label",
"displayName": "Label",
"type": "*",
"plug": "input",
"group": "Params",
"index": 3
},
{
"name": "popupParam-Array Id",
"displayName": "Array Id",
"type": "*",
"plug": "input",
"group": "Params",
"index": 4
},
{
"name": "popupParam-Symptom Bucket",
"displayName": "Symptom Bucket",
"type": "*",
"plug": "input",
"group": "Params",
"index": 5
}
],
"children": []
},
{
"id": "dfe5e61c-3972-5eee-ae13-e21d3bf5369c",
"type": "Collection2",
"x": -35.21371298474105,
"y": 102.37722303293822,
"parameters": {
"collectionId": "Selected Symptoms"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "1123a393-a968-91c2-30de-bb928e799ad8",
"type": "Component Inputs",
"x": -470.13727436254766,
"y": 158.28319724851139,
"parameters": {},
"ports": [
{
"name": "Symptom Bucket",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "bf14c3f8-0f2f-6622-7df4-1e9f417ea418",
"type": "String",
"x": -135.5193976226842,
"y": 229.82219158599946,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 3970.825334430071,
"y": -2.5757174171303632e-14
}
}
},
{
"name": "/Visual Components/Pills/Pill",
"id": "bf221679-f1c2-7070-3ad6-c917e1064dcd",
"graph": {
"connections": [
{
"fromId": "3a876b72-a134-6578-6e3b-f497446a7754",
"fromProperty": "onClick",
"toId": "8b6252cf-78ac-b586-3a28-38861f069f52",
"toProperty": "add"
},
{
"fromId": "7208b6e7-6dfd-989b-014d-01b5ffc622a0",
"fromProperty": "id",
"toId": "8b6252cf-78ac-b586-3a28-38861f069f52",
"toProperty": "modifyId"
},
{
"fromId": "7208b6e7-6dfd-989b-014d-01b5ffc622a0",
"fromProperty": "id",
"toId": "32eb4461-51c2-fc0a-b7ef-65867e825a13",
"toProperty": "modifyId"
},
{
"fromId": "8b6252cf-78ac-b586-3a28-38861f069f52",
"fromProperty": "modified",
"toId": "32eb4461-51c2-fc0a-b7ef-65867e825a13",
"toProperty": "remove"
},
{
"fromId": "7208b6e7-6dfd-989b-014d-01b5ffc622a0",
"fromProperty": "prop-Symptom",
"toId": "3f28df64-b13a-8153-c6eb-4c47a7fc85c8",
"toProperty": "in-string"
},
{
"fromId": "3f28df64-b13a-8153-c6eb-4c47a7fc85c8",
"fromProperty": "out-capitalizedText",
"toId": "f6304b60-b221-d5cc-9622-599ad2a9f98c",
"toProperty": "text"
}
],
"roots": [
{
"id": "3a876b72-a134-6578-6e3b-f497446a7754",
"type": "Group",
"x": -375.9504556050059,
"y": -26.44075892279716,
"parameters": {
"sizeMode": "contentWidth",
"backgroundColor": "transparent",
"borderStyle": "solid",
"borderWidth": {
"value": 2,
"unit": "px"
},
"borderColor": "Cyan Dark",
"borderRadius": {
"value": 50,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"marginRight": {
"value": 4,
"unit": "px"
},
"marginTop": {
"value": 4,
"unit": "px"
},
"marginBottom": {
"value": 4,
"unit": "px"
},
"height": {
"value": 40,
"unit": "px"
},
"styleCss": "/* background-color: red; */\ncursor:pointer;",
"marginLeft": {
"value": 4,
"unit": "px"
}
},
"stateParameters": {
"hover": {
"backgroundColor": "Blue Cloud"
}
},
"defaultStateTransitions": {
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "f6304b60-b221-d5cc-9622-599ad2a9f98c",
"type": "Text",
"parameters": {
"pointerEventsMode": "explicit",
"pointerEventsEnabled": false
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "7208b6e7-6dfd-989b-014d-01b5ffc622a0",
"type": "Model2",
"x": -604.6720906419213,
"y": -170.9501465722759,
"parameters": {
"idSource": "foreach",
"properties": "label,Symptom"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-label",
"displayName": "label",
"index": 7
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "label Changed",
"name": "changed-label",
"index": 8
},
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-Symptom",
"displayName": "Symptom",
"index": 9
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "Symptom Changed",
"name": "changed-Symptom",
"index": 10
}
],
"children": []
},
{
"id": "8b6252cf-78ac-b586-3a28-38861f069f52",
"type": "CollectionInsert",
"x": 134.24572611499127,
"y": -116.16520636563678,
"parameters": {
"collectionId": "Selected Symptoms"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "32eb4461-51c2-fc0a-b7ef-65867e825a13",
"type": "CollectionRemove",
"x": 145.80183797570112,
"y": 60.06549951018849,
"parameters": {
"collectionId": "Symptoms"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "3f28df64-b13a-8153-c6eb-4c47a7fc85c8",
"type": "JavaScriptFunction",
"x": -598.1309104812831,
"y": 45.79784332631323,
"parameters": {
"functionScript": "Outputs.capitalizedText = Inputs.string.charAt(0).toUpperCase() + Inputs.string.slice(1);"
},
"ports": [],
"dynamicports": [
{
"name": "in-string",
"displayName": "string",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-capitalizedText",
"displayName": "capitalizedText",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 5
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 3843.790357923064,
"y": 0
}
}
},
{
"name": "/Visual Components/Pills/Selected Pill",
"id": "132b4208-a8f1-05f4-6833-9128128f12b1",
"graph": {
"connections": [
{
"fromId": "95bf063a-4c95-699a-1250-f1808a0d5750",
"fromProperty": "onClick",
"toId": "95ab9ff7-77db-3412-3b92-535837fe7dbd",
"toProperty": "add"
},
{
"fromId": "cd5d1b0e-b9ea-bb0b-70b1-922631a15984",
"fromProperty": "id",
"toId": "95ab9ff7-77db-3412-3b92-535837fe7dbd",
"toProperty": "modifyId"
},
{
"fromId": "cd5d1b0e-b9ea-bb0b-70b1-922631a15984",
"fromProperty": "id",
"toId": "5f342b3a-4dd4-9e7c-a738-1efc6238d3dd",
"toProperty": "modifyId"
},
{
"fromId": "95ab9ff7-77db-3412-3b92-535837fe7dbd",
"fromProperty": "modified",
"toId": "5f342b3a-4dd4-9e7c-a738-1efc6238d3dd",
"toProperty": "remove"
},
{
"fromId": "cd5d1b0e-b9ea-bb0b-70b1-922631a15984",
"fromProperty": "prop-Symptom",
"toId": "1e14eaba-361d-3f66-cf06-aa794b2b0f6b",
"toProperty": "in-string"
},
{
"fromId": "1e14eaba-361d-3f66-cf06-aa794b2b0f6b",
"fromProperty": "out-capitalizedText",
"toId": "45052a2c-5c4d-5fd7-1920-8485e2f37da4",
"toProperty": "text"
}
],
"roots": [
{
"id": "95bf063a-4c95-699a-1250-f1808a0d5750",
"type": "Group",
"x": -364.5611186070986,
"y": -26.44075892279716,
"parameters": {
"sizeMode": "contentWidth",
"backgroundColor": "Cyan Dark",
"borderStyle": "none",
"borderWidth": {
"value": 2,
"unit": "px"
},
"borderColor": "Cyan Dark",
"borderRadius": {
"value": 50,
"unit": "px"
},
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 16,
"unit": "px"
},
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"marginRight": {
"value": 4,
"unit": "px"
},
"marginTop": {
"value": 4,
"unit": "px"
},
"marginBottom": {
"value": 4,
"unit": "px"
},
"height": {
"value": 40,
"unit": "px"
},
"justifyContent": "center",
"styleCss": "/* background-color: red; */\ncursor:pointer;",
"marginLeft": {
"value": 4,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "45052a2c-5c4d-5fd7-1920-8485e2f37da4",
"type": "Text",
"parameters": {
"pointerEventsMode": "explicit",
"pointerEventsEnabled": false
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "cd5d1b0e-b9ea-bb0b-70b1-922631a15984",
"type": "Model2",
"x": -604.6720906419213,
"y": -170.9501465722759,
"parameters": {
"idSource": "foreach",
"properties": "label,Symptom"
},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-label",
"displayName": "label",
"index": 7
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "label Changed",
"name": "changed-label",
"index": 8
},
{
"type": {
"name": "*",
"allowConnectionsOnly": true
},
"plug": "input/output",
"group": "Properties",
"name": "prop-Symptom",
"displayName": "Symptom",
"index": 9
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "Symptom Changed",
"name": "changed-Symptom",
"index": 10
}
],
"children": []
},
{
"id": "95ab9ff7-77db-3412-3b92-535837fe7dbd",
"type": "CollectionInsert",
"x": 134.24572611499127,
"y": -116.16520636563678,
"parameters": {
"collectionId": "Symptoms"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "5f342b3a-4dd4-9e7c-a738-1efc6238d3dd",
"type": "CollectionRemove",
"x": 145.80183797570112,
"y": 60.06549951018849,
"parameters": {
"collectionId": "Selected Symptoms"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "1e14eaba-361d-3f66-cf06-aa794b2b0f6b",
"type": "JavaScriptFunction",
"x": -522.5932133089857,
"y": 121.80043923974961,
"parameters": {
"functionScript": "Outputs.capitalizedText = Inputs.string.charAt(0).toUpperCase() + Inputs.string.slice(1);"
},
"ports": [],
"dynamicports": [
{
"name": "in-string",
"displayName": "string",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-capitalizedText",
"displayName": "capitalizedText",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 5
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 3843.540661421551,
"y": 139.35911792592182
}
}
},
{
"name": "/Visual Components/Profile/Account Info Card",
"id": "901032c1-fac9-e845-c22b-665b1305f209",
"graph": {
"connections": [
{
"fromId": "a23fb1e3-7c0f-eecb-90e3-5d2abcb80129",
"fromProperty": "email",
"toId": "9fcec0b0-abe3-410b-8971-7087ad02db5f",
"toProperty": "text"
},
{
"fromId": "41d03b13-e79b-37c1-c72f-a5c67241e700",
"fromProperty": "onClick",
"toId": "3ee75ddb-1c04-1ce1-b1e2-bc54a634ce2f",
"toProperty": "show"
},
{
"fromId": "a23fb1e3-7c0f-eecb-90e3-5d2abcb80129",
"fromProperty": "email",
"toId": "990524a3-d89b-2d94-0c26-f8ebf738ec66",
"toProperty": "startValue"
},
{
"fromId": "990524a3-d89b-2d94-0c26-f8ebf738ec66",
"fromProperty": "onTextChanged",
"toId": "b8ebea56-9aa9-b925-b6e3-e3622321ef3f",
"toProperty": "email"
},
{
"fromId": "990524a3-d89b-2d94-0c26-f8ebf738ec66",
"fromProperty": "onEnter",
"toId": "b8ebea56-9aa9-b925-b6e3-e3622321ef3f",
"toProperty": "store"
},
{
"fromId": "be6c1d8b-1e65-6c6f-0763-35341935dc38",
"fromProperty": "onClick",
"toId": "ff3c9b7d-6613-c1d4-8618-e27eb74618c8",
"toProperty": "toggle"
},
{
"fromId": "b8ebea56-9aa9-b925-b6e3-e3622321ef3f",
"fromProperty": "success",
"toId": "ff3c9b7d-6613-c1d4-8618-e27eb74618c8",
"toProperty": "to-Show"
},
{
"fromId": "ff3c9b7d-6613-c1d4-8618-e27eb74618c8",
"fromProperty": "at-Show",
"toId": "336e8f68-8611-5413-ef8e-743f5b93e658",
"toProperty": "mounted"
},
{
"fromId": "ff3c9b7d-6613-c1d4-8618-e27eb74618c8",
"fromProperty": "at-Edit",
"toId": "89f61103-f45b-1ff7-6543-5bc500a9eded",
"toProperty": "mounted"
}
],
"roots": [
{
"id": "3d46c9ff-32b3-0968-7c81-33a44ca46f37",
"type": "Group",
"x": -149,
"y": -157,
"parameters": {
"sizeMode": "contentHeight",
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingTop": {
"value": 24,
"unit": "px"
},
"paddingBottom": {
"value": 24,
"unit": "px"
},
"borderRadius": {
"value": 10,
"unit": "px"
},
"boxShadowEnabled": true,
"width": {
"value": 95,
"unit": "%"
},
"alignX": "center",
"marginTop": {
"value": 24,
"unit": "px"
},
"alignItems": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "858e064a-3f6d-8fed-f62c-8b60339a8fe1",
"type": "Group",
"parameters": {
"flexDirection": "row",
"justifyContent": "space-between",
"alignItems": "center",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7ab5c58b-bcaa-e950-1495-ec08a9160dfb",
"type": "Text",
"parameters": {
"fontFamily": "Inter-Medium.ttf",
"color": "#77C2C6",
"text": "Account Info",
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "be6c1d8b-1e65-6c6f-0763-35341935dc38",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "ad237532-bce6-5189-b490-5987e10db0e5",
"type": "net.noodl.visual.icon",
"parameters": {
"iconColor": "#77C2C6",
"iconIconSource": {
"class": "material-icons",
"code": "edit_note"
},
"alignY": "center",
"iconSize": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "336e8f68-8611-5413-ef8e-743f5b93e658",
"type": "Group",
"parameters": {
"marginBottom": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "70dd0de0-d75c-c7c8-f131-7a2c0be051d6",
"type": "Text",
"parameters": {
"fontFamily": "Inter-Medium.ttf",
"text": "Email",
"sizeMode": "contentSize",
"alignX": "left"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "9fcec0b0-abe3-410b-8971-7087ad02db5f",
"type": "Text",
"parameters": {
"sizeMode": "contentSize",
"color": "#379EA5",
"alignX": "left",
"marginTop": {
"value": 4,
"unit": "px"
},
"marginBottom": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "89f61103-f45b-1ff7-6543-5bc500a9eded",
"type": "Group",
"parameters": {
"marginBottom": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "990524a3-d89b-2d94-0c26-f8ebf738ec66",
"type": "net.noodl.controls.textinput",
"variant": "UI Text Input",
"parameters": {
"label": "Email"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "00ea0f9e-401d-41c4-0d1a-78358c6fe54d",
"type": "Text",
"parameters": {
"fontFamily": "Inter-Medium.ttf",
"text": "Password",
"sizeMode": "contentSize",
"alignX": "left"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "41d03b13-e79b-37c1-c72f-a5c67241e700",
"type": "Text",
"label": "Change Password",
"parameters": {
"sizeMode": "contentSize",
"color": "#379EA5",
"alignX": "left",
"text": "Change password",
"marginTop": {
"value": 4,
"unit": "px"
},
"styleCss": "/* background-color: red; */\ncursor:pointer;",
"marginBottom": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "984be19e-e7c4-066f-198c-884837c16d55",
"type": "Group",
"label": "DOB Container",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "830e2ab7-b141-6eb9-b4d9-07278458640a",
"type": "Text",
"parameters": {
"fontFamily": "Inter-Bold.ttf",
"text": "DOB"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ca73e085-ae9e-7a43-48f8-90108cbb711a",
"type": "Text",
"label": "Text",
"parameters": {
"text": "01/01/1970"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "a23fb1e3-7c0f-eecb-90e3-5d2abcb80129",
"type": "net.noodl.user.User",
"x": -591.274763953879,
"y": 101.29130286562508,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 12
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 13
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 14
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 15
},
{
"type": {
"name": "boolean"
},
"plug": "output",
"group": "Properties",
"name": "prop-emailVerified",
"displayName": "emailVerified",
"index": 16
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "emailVerified Changed",
"name": "changed-emailVerified",
"index": 17
},
{
"type": {
"name": "*"
},
"plug": "output",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 18
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "liked_articles Changed",
"name": "changed-liked_articles",
"index": 19
}
],
"children": []
},
{
"id": "3ee75ddb-1c04-1ce1-b1e2-bc54a634ce2f",
"type": "NavigationShowPopup",
"x": 200.03738955581753,
"y": 606.2829878718159,
"parameters": {
"target": "/Pop-ups/Sign in or Sign up /Forgotten Password"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "b8ebea56-9aa9-b925-b6e3-e3622321ef3f",
"type": "net.noodl.user.SetUserProperties",
"x": 376.030746388234,
"y": 365.0416455569904,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*"
},
"plug": "input",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 5
}
],
"children": []
},
{
"id": "ff3c9b7d-6613-c1d4-8618-e27eb74618c8",
"type": "States",
"x": 325.67107862528985,
"y": 2.9964665044734033,
"parameters": {
"states": "Show,Edit",
"useTransitions": false
},
"ports": [],
"dynamicports": [
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Show",
"name": "to-Show",
"group": "Go to state",
"index": 6
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Show",
"name": "at-Show",
"group": "Current state",
"index": 7
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Show",
"name": "reached-Show",
"group": "Current state",
"index": 8
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Edit",
"name": "to-Edit",
"group": "Go to state",
"index": 9
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Edit",
"name": "at-Edit",
"group": "Current state",
"index": 10
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Edit",
"name": "reached-Edit",
"group": "Current state",
"index": 11
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"Show",
"Edit"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "Show",
"index": 12
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 7224.381198466383,
"y": 0
}
}
},
{
"name": "/Visual Components/Profile/Expanded Options",
"id": "75159f8c-962d-f509-b7b7-d0df0b4d866a",
"graph": {
"connections": [
{
"fromId": "62dbb3c4-ef11-8f66-dd91-047c812e6644",
"fromProperty": "Mounted",
"toId": "f47f644b-e5ab-c92e-96d0-5fa4f29f2c8e",
"toProperty": "mounted"
},
{
"fromId": "6cd30cbe-d9a2-7648-c08e-fcb4a5350e57",
"fromProperty": "navigated",
"toId": "d9b81358-7cb9-f49c-726b-cf12b316322b",
"toProperty": "sendEvent"
},
{
"fromId": "b097c046-ba43-5746-b480-c3b2b5eadb7f",
"fromProperty": "value",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "modelId"
},
{
"fromId": "eaddae00-7045-c171-d78a-15f9659c3d6a",
"fromProperty": "items",
"toId": "9b823fc6-1536-5250-414f-01fd73aa911b",
"toProperty": "in-allSymptoms"
},
{
"fromId": "9b823fc6-1536-5250-414f-01fd73aa911b",
"fromProperty": "out-symptoms",
"toId": "462999da-155e-e737-1a78-d230b957168f",
"toProperty": "items"
},
{
"fromId": "cf83f356-27cc-b491-dcf1-6210205b9d24",
"fromProperty": "items",
"toId": "9b823fc6-1536-5250-414f-01fd73aa911b",
"toProperty": "in-conditions"
},
{
"fromId": "462999da-155e-e737-1a78-d230b957168f",
"fromProperty": "items",
"toId": "589fae89-d73b-b45c-74a0-c9e1185e66bd",
"toProperty": "items"
},
{
"fromId": "589fae89-d73b-b45c-74a0-c9e1185e66bd",
"fromProperty": "items",
"toId": "b8e73992-945c-e7a0-3eec-954e97a45918",
"toProperty": "items"
},
{
"fromId": "462999da-155e-e737-1a78-d230b957168f",
"fromProperty": "items",
"toId": "a20faa63-8757-ef2b-c692-e820a11f1b69",
"toProperty": "items"
},
{
"fromId": "462999da-155e-e737-1a78-d230b957168f",
"fromProperty": "items",
"toId": "80a360ba-4678-43f8-93e7-75f354a929f0",
"toProperty": "items"
},
{
"fromId": "a20faa63-8757-ef2b-c692-e820a11f1b69",
"fromProperty": "items",
"toId": "629a5944-e556-94cb-37ce-e645642f2070",
"toProperty": "items"
},
{
"fromId": "80a360ba-4678-43f8-93e7-75f354a929f0",
"fromProperty": "items",
"toId": "025dda25-4dd1-773a-f0ba-086b988000a3",
"toProperty": "items"
},
{
"fromId": "26ff7bcc-198e-090a-6def-61eaea8e3842",
"fromProperty": "items",
"toId": "a03596ab-ebbb-94b4-25b7-17bfc8e247b9",
"toProperty": "items"
},
{
"fromId": "e5866743-dd6f-086a-3513-33301d36558c",
"fromProperty": "items",
"toId": "eba43b6f-0b23-8648-9848-fcf20033bea0",
"toProperty": "items"
},
{
"fromId": "eba43b6f-0b23-8648-9848-fcf20033bea0",
"fromProperty": "items",
"toId": "58ad7e52-2c52-abaf-8002-9bebd1ab2683",
"toProperty": "items"
},
{
"fromId": "e5866743-dd6f-086a-3513-33301d36558c",
"fromProperty": "items",
"toId": "e73e08fd-836a-93c8-b02d-1b3ff1576ed5",
"toProperty": "items"
},
{
"fromId": "e5866743-dd6f-086a-3513-33301d36558c",
"fromProperty": "items",
"toId": "35b50b3b-b749-7e74-0c71-3a6f23cef779",
"toProperty": "items"
},
{
"fromId": "e73e08fd-836a-93c8-b02d-1b3ff1576ed5",
"fromProperty": "count",
"toId": "aa6c5aa3-0391-83cd-33bc-e1fef5790b91",
"toProperty": "mounted"
},
{
"fromId": "eba43b6f-0b23-8648-9848-fcf20033bea0",
"fromProperty": "count",
"toId": "2a37e3c1-5c38-fe46-9a1d-15db6434b947",
"toProperty": "mounted"
},
{
"fromId": "e73e08fd-836a-93c8-b02d-1b3ff1576ed5",
"fromProperty": "items",
"toId": "7bd49907-91eb-7a50-35ff-252f5827878f",
"toProperty": "items"
},
{
"fromId": "35b50b3b-b749-7e74-0c71-3a6f23cef779",
"fromProperty": "count",
"toId": "949c5b4e-631a-b75f-d8e1-6e8cb4069e8a",
"toProperty": "mounted"
},
{
"fromId": "35b50b3b-b749-7e74-0c71-3a6f23cef779",
"fromProperty": "items",
"toId": "74ee480f-9ace-b9b2-b683-ebb6c0988b2d",
"toProperty": "items"
},
{
"fromId": "45a7199f-f14b-2668-040f-f1f50efa8953",
"fromProperty": "value",
"toId": "9b823fc6-1536-5250-414f-01fd73aa911b",
"toProperty": "in-otherAdded"
},
{
"fromId": "a20faa63-8757-ef2b-c692-e820a11f1b69",
"fromProperty": "count",
"toId": "14a1fef5-72a7-af9e-5d37-6c86d4d370f2",
"toProperty": "input 0"
},
{
"fromId": "e73e08fd-836a-93c8-b02d-1b3ff1576ed5",
"fromProperty": "count",
"toId": "14a1fef5-72a7-af9e-5d37-6c86d4d370f2",
"toProperty": "input 1"
},
{
"fromId": "14a1fef5-72a7-af9e-5d37-6c86d4d370f2",
"fromProperty": "result",
"toId": "3323fad8-1d36-bbb4-3376-a33511747d1d",
"toProperty": "mounted"
},
{
"fromId": "589fae89-d73b-b45c-74a0-c9e1185e66bd",
"fromProperty": "count",
"toId": "b389d322-75de-3b32-77cc-b77569c0afb1",
"toProperty": "input 0"
},
{
"fromId": "eba43b6f-0b23-8648-9848-fcf20033bea0",
"fromProperty": "count",
"toId": "b389d322-75de-3b32-77cc-b77569c0afb1",
"toProperty": "input 1"
},
{
"fromId": "80a360ba-4678-43f8-93e7-75f354a929f0",
"fromProperty": "count",
"toId": "9e3705be-19df-1d16-d85e-72c25ab1437f",
"toProperty": "input 0"
},
{
"fromId": "35b50b3b-b749-7e74-0c71-3a6f23cef779",
"fromProperty": "count",
"toId": "9e3705be-19df-1d16-d85e-72c25ab1437f",
"toProperty": "input 1"
},
{
"fromId": "9e3705be-19df-1d16-d85e-72c25ab1437f",
"fromProperty": "result",
"toId": "95bacd7e-c3d2-9e92-8dfa-6914602e80fc",
"toProperty": "mounted"
},
{
"fromId": "eaddae00-7045-c171-d78a-15f9659c3d6a",
"fromProperty": "items",
"toId": "ccb5141a-24fc-0257-edd3-2b021f27a2e8",
"toProperty": "in-allSymptoms"
},
{
"fromId": "a03596ab-ebbb-94b4-25b7-17bfc8e247b9",
"fromProperty": "items",
"toId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"toProperty": "in-SelectedSymptoms"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-IrregularPeriods",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomIrregularPeriods"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-WeightGain",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomWeightGain"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-HotFlushes",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomHotFlushes"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-DifficultyGettingPregnant",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomDifficultyGettingPregnant"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-ExcessiveHairGrowth",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomExcessiveHairGrowth"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-ThinningHair",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomThinningHair"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-SpottySkin",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomSpottySkin"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-SkinTags",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomSkinTags"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-Headaches",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomHeadaches"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-DifficultySleeping",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomDifficultySleeping"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-Done",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "store"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-NightSweats",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomNightSweats"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-JointPains",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomJointPains"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-Palpitations",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomPalpitations"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-VaginalDryness",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomVaginalDryness"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-PainDuringSex",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomPainDuringSex"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-LowerBackPain",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomLowerBackPain"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-BloatingOrTummyPain",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomBloatingOrTummyPain"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-BreastTenderness",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomBreastTenderness"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-MuscleWeakness",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomMuscleWeakness"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-ChangesInAppetite",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomChangesInAppetite"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-MuscleAche",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomMuscleAche"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-ItchySkin",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomItchySkin"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-BrittleHairAndNails",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomBrittleHairAndNails"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-DrySkin",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomDrySkin"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-Constipation",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomConstipation"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-Diarrhoea",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomDiarrhoea"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-PeeingMoreFrequently",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomPeeingMoreFrequently"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-ExcessThirst",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomExcessThirst"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-SensitiveToCold",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomSensitiveToCold"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-SensitiveToHeat",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomSensitiveToHeat"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-NumbHands",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomNumbHands"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-HeavyPeriods",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomHeavyPeriods"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-PainfulPeriods",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomPainfulPeriods"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-PainWhenPeeingOrPooing",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomPainWhenPeeingOrPooing"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-Nausea",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomNausea"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-BloodInYourPee",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomBloodInYourPee"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-LowMood",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomLowMood"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-Anxiety",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomAnxiety"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-PoorConcentration",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomPoorConcentration"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-LowSexDrive",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomLowSexDrive"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-MoodSwings",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomMoodSwings"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-Irritability",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomIrritability"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-LowEnergy",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomLowEnergy"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-LossOfInterest",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomLossOfInterestInHavingFun"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-Tense",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomTense"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-Overwhelmed",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomOverwhelmed"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-Hyperactive",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomHyperactive"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-PoorMemory",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomPoorMemory"
},
{
"fromId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"fromProperty": "stored",
"toId": "6cd30cbe-d9a2-7648-c08e-fcb4a5350e57",
"toProperty": "navigate"
},
{
"fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"fromProperty": "out-userAddedSymptoms",
"toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"toProperty": "prop-symptomUserAdded"
},
{
"fromId": "650ae8e2-8274-b097-297a-4960d46b628a",
"fromProperty": "items",
"toId": "ded20701-8c34-deba-de94-3a22ebd7d75d",
"toProperty": "items"
},
{
"fromId": "b389d322-75de-3b32-77cc-b77569c0afb1",
"fromProperty": "result",
"toId": "acf37167-4ca1-0947-ce4f-ab21e6c7cead",
"toProperty": "mounted"
},
{
"fromId": "f47f644b-e5ab-c92e-96d0-5fa4f29f2c8e",
"fromProperty": "didMount",
"toId": "ccb5141a-24fc-0257-edd3-2b021f27a2e8",
"toProperty": "run"
},
{
"fromId": "ccb5141a-24fc-0257-edd3-2b021f27a2e8",
"fromProperty": "out-done",
"toId": "9b823fc6-1536-5250-414f-01fd73aa911b",
"toProperty": "run"
}
],
"roots": [
{
"id": "f47f644b-e5ab-c92e-96d0-5fa4f29f2c8e",
"type": "Group",
"x": -128.21799789459453,
"y": -138.64222536569974,
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "3b1c7a7a-3265-1615-f9aa-7da0d4ac1fd2",
"type": "Group",
"parameters": {
"backgroundColor": "#FEFFCE",
"sizeMode": "contentHeight",
"width": {
"value": 95,
"unit": "%"
},
"alignX": "center",
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"paddingLeft": {
"value": 8,
"unit": "px"
},
"paddingRight": {
"value": 8,
"unit": "px"
},
"marginTop": {
"value": 24,
"unit": "px"
},
"borderRadius": {
"value": 10,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "1ac4120d-8f60-34e1-9430-862487d96f14",
"type": "Text",
"parameters": {
"sizeMode": "contentHeight",
"text": "Changing conditions will require updating symptoms",
"lineHeight": {
"value": 28,
"unit": "px"
},
"textAlignX": "center"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "f1422768-55d6-8ca6-510c-9f3617fe4339",
"type": "Group",
"label": "Selected Symptoms Group",
"parameters": {
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "a9dab130-de61-3dc6-cb6e-e240c5f65455",
"type": "Group",
"label": "Symptom Choices Group",
"parameters": {
"flexDirection": "row",
"flexWrap": "wrap",
"sizeMode": "contentHeight",
"paddingBottom": {
"value": 8,
"unit": "px"
},
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingRight": {
"value": 8,
"unit": "px"
},
"paddingLeft": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "acf37167-4ca1-0947-ce4f-ab21e6c7cead",
"type": "Group",
"parameters": {
"flexDirection": "row",
"flexWrap": "wrap",
"alignContent": "space-evenly",
"justifyContent": "flex-start",
"sizeMode": "contentHeight",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "1026cb06-33f0-36d6-41c7-9343e756fae5",
"type": "Text",
"parameters": {
"text": "Which of these physical symptoms affect you?",
"marginBottom": {
"value": 24,
"unit": "px"
},
"fontFamily": "Inter-Regular.ttf",
"marginTop": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "2a37e3c1-5c38-fe46-9a1d-15db6434b947",
"type": "Group",
"label": "Selected Symptom Choices Group",
"parameters": {
"flexDirection": "row",
"flexWrap": "wrap",
"sizeMode": "contentHeight",
"paddingBottom": {
"value": 8,
"unit": "px"
},
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingRight": {
"value": 8,
"unit": "px"
},
"paddingLeft": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "58ad7e52-2c52-abaf-8002-9bebd1ab2683",
"type": "For Each",
"parameters": {
"template": "/Visual Components/Pills/Selected Pill"
},
"ports": [],
"dynamicports": [
{
"name": "inputMappingScript",
"type": {
"name": "string",
"codeeditor": "javascript"
},
"displayName": "Script",
"group": "Input Mapping",
"default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
"plug": "input",
"index": 6
}
],
"children": []
},
{
"id": "263c572f-434c-2078-440c-cd910cbb5ffe",
"type": "Group",
"label": "Divider",
"parameters": {
"height": {
"value": 2,
"unit": "px"
},
"backgroundColor": "Cyan Dark",
"marginTop": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "19bd255b-3422-b6c3-e337-cfd0410e5448",
"type": "Group",
"parameters": {
"flexDirection": "row",
"flexWrap": "wrap"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "b8e73992-945c-e7a0-3eec-954e97a45918",
"type": "For Each",
"parameters": {
"template": "/Visual Components/Pills/Pill",
"templateType": "explicit",
"templateScript": "component = \"/Visual Components/Pills/Pill\"\n\n"
},
"ports": [],
"dynamicports": [
{
"name": "inputMappingScript",
"type": {
"name": "string",
"codeeditor": "javascript"
},
"displayName": "Script",
"group": "Input Mapping",
"default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
"plug": "input",
"index": 6
}
],
"children": []
},
{
"id": "7f89fbe4-106d-2447-c72b-4f74d17e9217",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "43cab7bb-2ebb-844f-b81a-546cc1e4cbed",
"type": "/Visual Components/Pills/Other Symptom Pill",
"parameters": {
"Symptom Bucket": "physical 1"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
},
{
"id": "3323fad8-1d36-bbb4-3376-a33511747d1d",
"type": "Group",
"parameters": {
"flexDirection": "row",
"flexWrap": "wrap",
"alignContent": "space-evenly",
"justifyContent": "flex-start",
"sizeMode": "contentHeight",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "e4e758fe-ce2b-55a4-9c89-777f4dec5b42",
"type": "Text",
"parameters": {
"text": "Which of these symptoms do you experience when on your period? ",
"marginBottom": {
"value": 24,
"unit": "px"
},
"fontFamily": "Inter-Regular.ttf"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "aa6c5aa3-0391-83cd-33bc-e1fef5790b91",
"type": "Group",
"label": "Selected Symptom Choices Group",
"parameters": {
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingLeft": {
"value": 8,
"unit": "px"
},
"flexDirection": "row",
"paddingRight": {
"value": 8,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"flexWrap": "wrap",
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "7bd49907-91eb-7a50-35ff-252f5827878f",
"type": "For Each",
"parameters": {
"template": "/Visual Components/Pills/Selected Pill"
},
"ports": [],
"dynamicports": [
{
"name": "inputMappingScript",
"type": {
"name": "string",
"codeeditor": "javascript"
},
"displayName": "Script",
"group": "Input Mapping",
"default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
"plug": "input",
"index": 6
}
],
"children": []
},
{
"id": "7db74487-bb2e-9a23-6401-6ad718b0df10",
"type": "Group",
"label": "Divider",
"parameters": {
"height": {
"value": 2,
"unit": "px"
},
"backgroundColor": "Cyan Dark",
"marginTop": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "629a5944-e556-94cb-37ce-e645642f2070",
"type": "For Each",
"parameters": {
"template": "/Visual Components/Pills/Pill",
"templateType": "explicit",
"templateScript": "component = \"/Visual Components/Pills/Pill\"\n\n"
},
"ports": [],
"dynamicports": [
{
"name": "inputMappingScript",
"type": {
"name": "string",
"codeeditor": "javascript"
},
"displayName": "Script",
"group": "Input Mapping",
"default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
"plug": "input",
"index": 6
}
],
"children": []
},
{
"id": "e1e4c1fa-cdd8-4496-ea68-7e3bafa39cd4",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "d4103db1-0a3b-f700-d614-2c3e1804d6a6",
"type": "/Visual Components/Pills/Other Symptom Pill",
"parameters": {
"Symptom Bucket": "period related"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "95bacd7e-c3d2-9e92-8dfa-6914602e80fc",
"type": "Group",
"parameters": {
"flexDirection": "row",
"flexWrap": "wrap",
"alignContent": "space-evenly",
"justifyContent": "flex-start",
"sizeMode": "contentHeight",
"marginBottom": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "9d97795e-a9a3-a369-6719-8ba590f5a2a3",
"type": "Text",
"parameters": {
"text": "Which of these mood related symptoms affect you? ",
"marginBottom": {
"value": 24,
"unit": "px"
},
"fontFamily": "Inter-Regular.ttf"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "949c5b4e-631a-b75f-d8e1-6e8cb4069e8a",
"type": "Group",
"label": "Selected Symptom Choices Group",
"parameters": {
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingLeft": {
"value": 8,
"unit": "px"
},
"flexDirection": "row",
"paddingRight": {
"value": 8,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"flexWrap": "wrap",
"sizeMode": "contentHeight"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "74ee480f-9ace-b9b2-b683-ebb6c0988b2d",
"type": "For Each",
"parameters": {
"template": "/Visual Components/Pills/Selected Pill"
},
"ports": [],
"dynamicports": [
{
"name": "inputMappingScript",
"type": {
"name": "string",
"codeeditor": "javascript"
},
"displayName": "Script",
"group": "Input Mapping",
"default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
"plug": "input",
"index": 6
}
],
"children": []
},
{
"id": "c19d4d43-daa6-7382-0e4d-157d4e0a7982",
"type": "Group",
"label": "Divider",
"parameters": {
"height": {
"value": 2,
"unit": "px"
},
"backgroundColor": "Cyan Dark",
"marginTop": {
"value": 8,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "025dda25-4dd1-773a-f0ba-086b988000a3",
"type": "For Each",
"parameters": {
"template": "/Visual Components/Pills/Pill",
"templateType": "explicit",
"templateScript": "component = \"/Visual Components/Pills/Pill\"\n\n"
},
"ports": [],
"dynamicports": [
{
"name": "inputMappingScript",
"type": {
"name": "string",
"codeeditor": "javascript"
},
"displayName": "Script",
"group": "Input Mapping",
"default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
"plug": "input",
"index": 6
}
],
"children": []
},
{
"id": "8df73f25-c273-668f-03b0-7326a57e0741",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "f3d474f9-b493-5e89-f8be-2b7eae9cc78a",
"type": "/Visual Components/Pills/Other Symptom Pill",
"parameters": {
"Symptom Bucket": "Mood related"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "3ad0f4d4-ad0b-8c5b-708e-432895730854",
"type": "Group",
"label": "Divider",
"parameters": {
"height": {
"value": 2,
"unit": "px"
},
"backgroundColor": "Cyan Dark",
"marginTop": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "7bdf17b5-33ee-cc9c-966a-26cc3ecd62ab",
"type": "Group",
"label": "Button Section",
"parameters": {
"sizeMode": "contentHeight",
"alignItems": "center",
"maxWidth": {
"value": 380,
"unit": "px"
},
"marginTop": {
"value": 48,
"unit": "px"
},
"alignY": "bottom",
"justifyContent": "flex-end",
"position": "relative",
"alignX": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "9060fb8b-f7ea-52d6-b495-bbfdd7fb3b2f",
"type": "net.noodl.controls.button",
"variant": "Button Primary",
"parameters": {
"marginBottom": {
"value": 16,
"unit": "px"
},
"label": "Log Out"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "19dbe85c-a069-8ee4-6b6f-4bae53c39bd9",
"type": "net.noodl.controls.button",
"variant": "Button Secondary",
"parameters": {
"marginBottom": {
"value": 16,
"unit": "px"
},
"label": "Request Personal Data"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "919e024a-d23f-d553-9d6f-f8b5b2bd41df",
"type": "net.noodl.controls.button",
"variant": "Button Secondary",
"parameters": {
"label": "Delete Shine Account"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
}
]
},
{
"id": "62dbb3c4-ef11-8f66-dd91-047c812e6644",
"type": "Component Inputs",
"x": -478.4087768932102,
"y": -135.9028927341682,
"parameters": {},
"ports": [
{
"name": "Mounted",
"plug": "output",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "6cd30cbe-d9a2-7648-c08e-fcb4a5350e57",
"type": "RouterNavigate",
"label": "Navigate to Assessment Setup",
"x": 640.1431046146329,
"y": 1100.5884623433255,
"parameters": {
"router": "Main",
"target": "/Pages/Assessment setup"
},
"ports": [],
"dynamicports": [
{
"plug": "input",
"type": {
"name": "component",
"title": "Choose page component",
"components": [
"/Pages/Article",
"/Pages/Profile"
],
"allowEditOnly": true
},
"group": "General",
"displayName": "Target Page",
"name": "target",
"index": 2
}
],
"children": []
},
{
"id": "e5866743-dd6f-086a-3513-33301d36558c",
"type": "Collection2",
"x": 822.8992058455053,
"y": 629.7438217449774,
"parameters": {
"collectionId": "Selected Symptoms"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "d9b81358-7cb9-f49c-726b-cf12b316322b",
"type": "Event Sender",
"x": 704.1171226579447,
"y": 970.2533561382954,
"parameters": {
"channelName": "Increase Progress"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "b097c046-ba43-5746-b480-c3b2b5eadb7f",
"type": "Variable2",
"x": 541.0830091782275,
"y": 1490.8796660350802,
"parameters": {
"name": "Current Record ID"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
"type": "SetDbModelProperties",
"x": 845.3999654879665,
"y": 1547.7714621146563,
"parameters": {
"collectionName": "ShineSignUpData"
},
"ports": [],
"dynamicports": [
{
"name": "collectionName",
"displayName": "Class",
"group": "General",
"type": {
"name": "enum",
"enums": [
{
"label": "User",
"value": "_User"
},
{
"label": "Role",
"value": "_Role"
},
{
"value": "ShineSignUpData",
"label": "ShineSignUpData"
},
{
"value": "LandingPageForm",
"label": "LandingPageForm"
},
{
"value": "GlossaryViewed",
"label": "GlossaryViewed"
},
{
"value": "Comment",
"label": "Comment"
},
{
"value": "Article",
"label": "Article"
}
],
"allowEditOnly": true
},
"plug": "input",
"index": 9
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 10
},
{
"type": {
"name": "date"
},
"plug": "input",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 11
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-userId",
"displayName": "userId",
"index": 12
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-firstName",
"displayName": "firstName",
"index": 13
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-lastName",
"displayName": "lastName",
"index": 14
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-source",
"displayName": "source",
"index": 15
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-campaign",
"displayName": "campaign",
"index": 16
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-confidence",
"displayName": "confidence",
"index": 17
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-email",
"displayName": "email",
"index": 18
},
{
"type": {
"name": "*"
},
"plug": "input",
"group": "Properties",
"name": "prop-newsletterPreferences",
"displayName": "newsletterPreferences",
"index": 19
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-viewedGlossaryList",
"displayName": "viewedGlossaryList",
"index": 20
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-consent",
"displayName": "consent",
"index": 21
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-conditionEndometriosis",
"displayName": "conditionEndometriosis",
"index": 22
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-conditionFibroids",
"displayName": "conditionFibroids",
"index": 23
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-conditionHyperthyroidism",
"displayName": "conditionHyperthyroidism",
"index": 24
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-conditionHypothyoridism",
"displayName": "conditionHypothyoridism",
"index": 25
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-conditionMenopause",
"displayName": "conditionMenopause",
"index": 26
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-conditionPerimenopause",
"displayName": "conditionPerimenopause",
"index": 27
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-conditionPCOS",
"displayName": "conditionPCOS",
"index": 28
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-conditionPMDD",
"displayName": "conditionPMDD",
"index": 29
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-conditionPMS",
"displayName": "conditionPMS",
"index": 30
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-conditionIdontKnow",
"displayName": "conditionIdontKnow",
"index": 31
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-otherCondition",
"displayName": "otherCondition",
"index": 32
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisEndometriosisDoctorConfirmed",
"displayName": "diagnosisEndometriosisDoctorConfirmed",
"index": 33
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisFibroidsDoctorConfirmed",
"displayName": "diagnosisFibroidsDoctorConfirmed",
"index": 34
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisHyperthyroidismDoctorConfirmed",
"displayName": "diagnosisHyperthyroidismDoctorConfirmed",
"index": 35
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisHypothyoridismDoctorConfirmed",
"displayName": "diagnosisHypothyoridismDoctorConfirmed",
"index": 36
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisMenopauseDoctorConfirmed",
"displayName": "diagnosisMenopauseDoctorConfirmed",
"index": 37
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisPerimenopauseDoctorConfirmed",
"displayName": "diagnosisPerimenopauseDoctorConfirmed",
"index": 38
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisPCOSDoctorConfirmed",
"displayName": "diagnosisPCOSDoctorConfirmed",
"index": 39
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisPMDDDoctorConfirmed",
"displayName": "diagnosisPMDDDoctorConfirmed",
"index": 40
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisPMSDoctorConfirmed",
"displayName": "diagnosisPMSDoctorConfirmed",
"index": 41
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-otherDiagnosis",
"displayName": "otherDiagnosis",
"index": 42
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisEndometriosisTimeFromDiag",
"displayName": "diagnosisEndometriosisTimeFromDiag",
"index": 43
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisFibroidsTimeFromDiag",
"displayName": "diagnosisFibroidsTimeFromDiag",
"index": 44
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisHyperthyroidismTimeFromDiag",
"displayName": "diagnosisHyperthyroidismTimeFromDiag",
"index": 45
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisHypothyroidismTimeFromDiag",
"displayName": "diagnosisHypothyroidismTimeFromDiag",
"index": 46
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisMenopauseTimeFromDiag",
"displayName": "diagnosisMenopauseTimeFromDiag",
"index": 47
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisPerimenopauseTimeFromDiag",
"displayName": "diagnosisPerimenopauseTimeFromDiag",
"index": 48
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisPCOSTimeFromDiag",
"displayName": "diagnosisPCOSTimeFromDiag",
"index": 49
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisPMDDTimeFromDiag",
"displayName": "diagnosisPMDDTimeFromDiag",
"index": 50
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-diagnosisPMSTimeFromDiag",
"displayName": "diagnosisPMSTimeFromDiag",
"index": 51
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-expectationUnderstand",
"displayName": "expectationUnderstand",
"index": 52
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-expectationLearn",
"displayName": "expectationLearn",
"index": 53
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-expectationMeet",
"displayName": "expectationMeet",
"index": 54
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-expectationAsk",
"displayName": "expectationAsk",
"index": 55
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-expectationSeek",
"displayName": "expectationSeek",
"index": 56
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-expectationFind",
"displayName": "expectationFind",
"index": 57
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-expectationManage",
"displayName": "expectationManage",
"index": 58
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomIrregularPeriods",
"displayName": "symptomIrregularPeriods",
"index": 59
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomWeightGain",
"displayName": "symptomWeightGain",
"index": 60
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomHotFlushes",
"displayName": "symptomHotFlushes",
"index": 61
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomDifficultyGettingPregnant",
"displayName": "symptomDifficultyGettingPregnant",
"index": 62
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomExcessiveHairGrowth",
"displayName": "symptomExcessiveHairGrowth",
"index": 63
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomThinningHair",
"displayName": "symptomThinningHair",
"index": 64
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomSpottySkin",
"displayName": "symptomSpottySkin",
"index": 65
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomSkinTags",
"displayName": "symptomSkinTags",
"index": 66
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomHeadaches",
"displayName": "symptomHeadaches",
"index": 67
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomDifficultySleeping",
"displayName": "symptomDifficultySleeping",
"index": 68
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomNightSweats",
"displayName": "symptomNightSweats",
"index": 69
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomJointPains",
"displayName": "symptomJointPains",
"index": 70
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomPalpitations",
"displayName": "symptomPalpitations",
"index": 71
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomVaginalDryness",
"displayName": "symptomVaginalDryness",
"index": 72
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomPainDuringSex",
"displayName": "symptomPainDuringSex",
"index": 73
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomLowerBackPain",
"displayName": "symptomLowerBackPain",
"index": 74
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomBloatingOrTummyPain",
"displayName": "symptomBloatingOrTummyPain",
"index": 75
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomBreastTenderness",
"displayName": "symptomBreastTenderness",
"index": 76
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomMuscleWeakness",
"displayName": "symptomMuscleWeakness",
"index": 77
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomChangesInAppetite",
"displayName": "symptomChangesInAppetite",
"index": 78
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomMuscleAche",
"displayName": "symptomMuscleAche",
"index": 79
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomItchySkin",
"displayName": "symptomItchySkin",
"index": 80
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomBrittleHairAndNails",
"displayName": "symptomBrittleHairAndNails",
"index": 81
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomDrySkin",
"displayName": "symptomDrySkin",
"index": 82
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomConstipation",
"displayName": "symptomConstipation",
"index": 83
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomDiarrhoea",
"displayName": "symptomDiarrhoea",
"index": 84
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomPeeingMoreFrequently",
"displayName": "symptomPeeingMoreFrequently",
"index": 85
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomExcessThirst",
"displayName": "symptomExcessThirst",
"index": 86
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomSensitiveToCold",
"displayName": "symptomSensitiveToCold",
"index": 87
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomSensitiveToHeat",
"displayName": "symptomSensitiveToHeat",
"index": 88
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomNumbHands",
"displayName": "symptomNumbHands",
"index": 89
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomHeavyPeriods",
"displayName": "symptomHeavyPeriods",
"index": 90
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomPainfulPeriods",
"displayName": "symptomPainfulPeriods",
"index": 91
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomPainWhenPeeingOrPooing",
"displayName": "symptomPainWhenPeeingOrPooing",
"index": 92
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomNausea",
"displayName": "symptomNausea",
"index": 93
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomBloodInYourPee",
"displayName": "symptomBloodInYourPee",
"index": 94
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomLowMood",
"displayName": "symptomLowMood",
"index": 95
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomAnxiety",
"displayName": "symptomAnxiety",
"index": 96
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomPoorConcentration",
"displayName": "symptomPoorConcentration",
"index": 97
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomPoorMemory",
"displayName": "symptomPoorMemory",
"index": 98
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomLowSexDrive",
"displayName": "symptomLowSexDrive",
"index": 99
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomMoodSwings",
"displayName": "symptomMoodSwings",
"index": 100
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomIrritability",
"displayName": "symptomIrritability",
"index": 101
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomLowEnergy",
"displayName": "symptomLowEnergy",
"index": 102
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomLossOfInterestInHavingFun",
"displayName": "symptomLossOfInterestInHavingFun",
"index": 103
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomTense",
"displayName": "symptomTense",
"index": 104
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomOverwhelmed",
"displayName": "symptomOverwhelmed",
"index": 105
},
{
"type": {
"name": "boolean"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomHyperactive",
"displayName": "symptomHyperactive",
"index": 106
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-symptomUserAdded",
"displayName": "symptomUserAdded",
"index": 107
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-adContent",
"displayName": "adContent",
"index": 108
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-keyword",
"displayName": "keyword",
"index": 109
},
{
"type": {
"name": "string"
},
"plug": "input",
"group": "Properties",
"name": "prop-medium",
"displayName": "medium",
"index": 110
}
],
"children": []
},
{
"id": "26ff7bcc-198e-090a-6def-61eaea8e3842",
"type": "Collection2",
"x": 1260.3825747975043,
"y": 1090.6491547895532,
"parameters": {
"collectionId": "Selected Symptoms"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "eaddae00-7045-c171-d78a-15f9659c3d6a",
"type": "Static Data",
"label": "All Symptoms",
"x": -1113.7229585118653,
"y": 687.1750826056241,
"parameters": {
"csv": "Symptom Bucket,Symptom,Menopause,Perimenopause,PCOS,PMS,PMDD,Hypothyoridism,Hyperthyroidism,Fibroids,Endometriosis,I don't know\r\nphysical 1,Irregular periods,Y,y,Y,,,y,,,,y\r\nphysical 1,weight gain,Y,y,y,,,y,,,,y\r\nphysical 1,hot flushes,Y,y,,,,,,,,y\r\nphysical 1,difficulty getting pregnant,y,y,y,,,,,,y,y\r\nphysical 1,excessive hair growth,,,y,,,,,,,y\r\nphysical 1,thinning hair,,,y,,,,,,,y\r\nphysical 1,Spotty skin,,,y,y,,,,,,y\r\nphysical 1,Skin tags,,,y,,,,,,,y\r\nphysical 1,headaches,y,y,,y,y,,,,,y\r\nphysical 1,difficulty sleeping,y,y,,y,y,,y,,,y\r\nphysical 1,night sweats,y,y,,,,,,,,y\r\nphysical 1,joint pains,y,y,,,,,,,,y\r\nphysical 1,palpitations,y,y,,,,,,,,y\r\nphysical 1,vaginal dryness,y,y,,,,,,,,y\r\nphysical 1,Pain during sex,y,y,,,,,,y,y,y\r\nphysical 2,lower back pain,,,,,,,,y,y,y\r\nphysical 2,bloating or tummy pain,,,,y,y,,,y,y,y\r\nphysical 2,breast tenderness,,,,y,y,,,,,y\r\nphysical 2,muscle weakness,,,,,,,y,,,y\r\nphysical 2,changes in appetite,,,,y,y,,,,,y\r\nphysical 2,muscle ache,,,,,y,y,,,,y\r\nphysical 2,itchy skin,,,,,,,y,,,y\r\nphysical 2,brittle hair & nails,,,,,,y,,,,y\r\nphysical 2,dry skin,,,,,,y,,,,y\r\nphysical 2,constipation,,,,,,y,,y,,y\r\nphysical 2,diarrhoea,,,,,,,y,,,y\r\nphysical 2,peeing more frequently,,,,,,,y,y,,y\r\nphysical 2,excess thirst,,,,,,,y,,,y\r\nphysical 2,sensitive to cold,,,,,,y,,,,y\r\nphysical 2,sensitive to heat,,,,,,,y,,,y\r\nphysical 2,numb hands,,,,,,y,,,,y\r\nperiod related,heavy periods,,,,,,y,,y,y,y\r\nperiod related,painful periods,,,,,,,,y,,y\r\nperiod related,Pain when peeing or pooing,,,,,,,,,y,y\r\nperiod related,nausea,,,,,,,,,y,y\r\nperiod related,constipation,,,,,,,,,y,y\r\nperiod related,Diarrhoea,,,,,,,,,y,y\r\nperiod related,Blood in your pee,,,,,,,,,y,y\r\nMood related,Low mood,y,y,y,y,y,y,,,y,y\r\nMood related,Anxiety,y,y,y,y,y,,y,,,y\r\nMood related,Poor concentration,y,y,y,,y,,,,,y\r\nMood related,Poor memory,y,y,y,,,,,,,y\r\nMood related,Low sex drive,y,y,,y,,y,y,,,y\r\nMood related,Mood swings,,,,y,,,y,,,y\r\nMood related,Irritability,,,,y,y,,y,,,y\r\nMood related,Low energy,,,,,y,y,y,,,y\r\nMood related,Loss of interest in having fun,,,,,y,,,,,y\r\nMood related,Tense,,,,,y,,,,,y\r\nMood related,Overwhelmed,,,,,y,,,,,y\r\nMood related,Hyperactive,,,,,,,y,,,y"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "9b823fc6-1536-5250-414f-01fd73aa911b",
"type": "JavaScriptFunction",
"x": -867.9221382470311,
"y": 605.4504306290964,
"parameters": {
"functionScript": "var conditions =[];\nif(Inputs.otherAdded){\n conditions = [{\"label\":\"I don't know\",\"value\":true}];\n}\nelse{\n //Get all conditions that are marked as true\n conditions = Inputs.conditions.filter(cond => cond.value);\n}\n\n//find all symptoms that has any of the conditions above\nOutputs.symptoms = Inputs.allSymptoms.filter(symptom => {\n for(const condition of conditions) {\n if(symptom[condition.label]) return true;\n }\n});"
},
"ports": [],
"dynamicports": [
{
"name": "in-otherAdded",
"displayName": "otherAdded",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "in-conditions",
"displayName": "conditions",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 5
},
{
"name": "in-allSymptoms",
"displayName": "allSymptoms",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 6
},
{
"name": "out-symptoms",
"displayName": "symptoms",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 7
}
],
"children": []
},
{
"id": "462999da-155e-e737-1a78-d230b957168f",
"type": "Collection2",
"x": -637.9640247844529,
"y": 630.9388542296645,
"parameters": {
"collectionId": "Symptoms"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "cf83f356-27cc-b491-dcf1-6210205b9d24",
"type": "Collection2",
"x": -1111.4419428306792,
"y": 578.6503895262927,
"parameters": {
"collectionId": "Conditions"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "589fae89-d73b-b45c-74a0-c9e1185e66bd",
"type": "Filter Collection",
"label": "Physical Array Filter",
"x": -516.0613581289592,
"y": 410.34573833255513,
"parameters": {
"filterFilter": "Symptom Bucket",
"filterFilterValue-Symptom Bucket": "physical 1|physical 2",
"filterFilterOp-Symptom Bucket": "regex"
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "filterEnableLimit",
"displayName": "Use limit",
"index": 7
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Filter",
"name": "filterFilter",
"displayName": "Filter",
"index": 8
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Sort",
"name": "filterSort",
"displayName": "Sort",
"index": 9
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "string",
"label": "String"
},
{
"value": "number",
"label": "Number"
},
{
"value": "boolean",
"label": "Boolean"
}
]
},
"default": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Type",
"editorName": "Symptom Bucket filter | Type",
"name": "filterFilterType-Symptom Bucket",
"index": 10
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "eq",
"label": "Equals"
},
{
"value": "neq",
"label": "Not Equals"
},
{
"value": "regex",
"label": "Matches RegEx"
}
]
},
"default": "eq",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Op",
"editorName": "Symptom Bucket filter| Op",
"name": "filterFilterOp-Symptom Bucket",
"index": 11
},
{
"type": "boolean",
"default": false,
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Case sensitive",
"editorName": "Symptom Bucket filter| Case",
"name": "filterFilterOption-case-Symptom Bucket",
"index": 12
},
{
"type": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Value",
"editorName": "Symptom Bucket Filter Value",
"name": "filterFilterValue-Symptom Bucket",
"index": 13
}
],
"children": []
},
{
"id": "a20faa63-8757-ef2b-c692-e820a11f1b69",
"type": "Filter Collection",
"label": "Period Array Filter",
"x": -370.12828266122176,
"y": 795.1372318037184,
"parameters": {
"filterFilter": "Symptom Bucket",
"filterFilterValue-Symptom Bucket": "period related",
"filterFilterOp-Symptom Bucket": "eq"
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "filterEnableLimit",
"displayName": "Use limit",
"index": 7
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Filter",
"name": "filterFilter",
"displayName": "Filter",
"index": 8
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Sort",
"name": "filterSort",
"displayName": "Sort",
"index": 9
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "string",
"label": "String"
},
{
"value": "number",
"label": "Number"
},
{
"value": "boolean",
"label": "Boolean"
}
]
},
"default": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Type",
"editorName": "Symptom Bucket filter | Type",
"name": "filterFilterType-Symptom Bucket",
"index": 10
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "eq",
"label": "Equals"
},
{
"value": "neq",
"label": "Not Equals"
},
{
"value": "regex",
"label": "Matches RegEx"
}
]
},
"default": "eq",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Op",
"editorName": "Symptom Bucket filter| Op",
"name": "filterFilterOp-Symptom Bucket",
"index": 11
},
{
"type": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Value",
"editorName": "Symptom Bucket Filter Value",
"name": "filterFilterValue-Symptom Bucket",
"index": 12
}
],
"children": []
},
{
"id": "80a360ba-4678-43f8-93e7-75f354a929f0",
"type": "Filter Collection",
"label": "Mood Array Filter",
"x": -465.75834754500954,
"y": 1248.7877078774357,
"parameters": {
"filterFilter": "Symptom Bucket",
"filterFilterValue-Symptom Bucket": "Mood related",
"filterFilterOp-Symptom Bucket": "eq"
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "filterEnableLimit",
"displayName": "Use limit",
"index": 7
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Filter",
"name": "filterFilter",
"displayName": "Filter",
"index": 8
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Sort",
"name": "filterSort",
"displayName": "Sort",
"index": 9
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "string",
"label": "String"
},
{
"value": "number",
"label": "Number"
},
{
"value": "boolean",
"label": "Boolean"
}
]
},
"default": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Type",
"editorName": "Symptom Bucket filter | Type",
"name": "filterFilterType-Symptom Bucket",
"index": 10
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "eq",
"label": "Equals"
},
{
"value": "neq",
"label": "Not Equals"
},
{
"value": "regex",
"label": "Matches RegEx"
}
]
},
"default": "eq",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Op",
"editorName": "Symptom Bucket filter| Op",
"name": "filterFilterOp-Symptom Bucket",
"index": 11
},
{
"type": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Value",
"editorName": "Symptom Bucket Filter Value",
"name": "filterFilterValue-Symptom Bucket",
"index": 12
}
],
"children": []
},
{
"id": "a03596ab-ebbb-94b4-25b7-17bfc8e247b9",
"type": "Map Collection",
"x": 1021.5546768144131,
"y": 1092.009321338753,
"parameters": {
"mapScript": "map({\n\t// Here you add mappings between the input object and the mapped output object.\n\t//myOutputProp: 'inputProp',\n\t//anotherProperty: function(object) { return object.get('someProperty') + ' ' + object.get('otherProp') }\n symptom: 'Symptom'\n \n})\n"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "eba43b6f-0b23-8648-9848-fcf20033bea0",
"type": "Filter Collection",
"label": "Physical Array Filter",
"x": 365.84172756098064,
"y": 320.616853826388,
"parameters": {
"filterFilter": "Symptom Bucket",
"filterFilterValue-Symptom Bucket": "physical 1|physical 2",
"filterFilterOp-Symptom Bucket": "regex"
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "filterEnableLimit",
"displayName": "Use limit",
"index": 7
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Filter",
"name": "filterFilter",
"displayName": "Filter",
"index": 8
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Sort",
"name": "filterSort",
"displayName": "Sort",
"index": 9
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "string",
"label": "String"
},
{
"value": "number",
"label": "Number"
},
{
"value": "boolean",
"label": "Boolean"
}
]
},
"default": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Type",
"editorName": "Symptom Bucket filter | Type",
"name": "filterFilterType-Symptom Bucket",
"index": 10
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "eq",
"label": "Equals"
},
{
"value": "neq",
"label": "Not Equals"
},
{
"value": "regex",
"label": "Matches RegEx"
}
]
},
"default": "eq",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Op",
"editorName": "Symptom Bucket filter| Op",
"name": "filterFilterOp-Symptom Bucket",
"index": 11
},
{
"type": "boolean",
"default": false,
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Case sensitive",
"editorName": "Symptom Bucket filter| Case",
"name": "filterFilterOption-case-Symptom Bucket",
"index": 12
},
{
"type": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Value",
"editorName": "Symptom Bucket Filter Value",
"name": "filterFilterValue-Symptom Bucket",
"index": 13
}
],
"children": []
},
{
"id": "e73e08fd-836a-93c8-b02d-1b3ff1576ed5",
"type": "Filter Collection",
"label": "Period Array Filter",
"x": 385.314238212585,
"y": 683.9757669849389,
"parameters": {
"filterFilter": "Symptom Bucket",
"filterFilterValue-Symptom Bucket": "period related",
"filterFilterOp-Symptom Bucket": "eq"
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "filterEnableLimit",
"displayName": "Use limit",
"index": 7
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Filter",
"name": "filterFilter",
"displayName": "Filter",
"index": 8
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Sort",
"name": "filterSort",
"displayName": "Sort",
"index": 9
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "string",
"label": "String"
},
{
"value": "number",
"label": "Number"
},
{
"value": "boolean",
"label": "Boolean"
}
]
},
"default": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Type",
"editorName": "Symptom Bucket filter | Type",
"name": "filterFilterType-Symptom Bucket",
"index": 10
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "eq",
"label": "Equals"
},
{
"value": "neq",
"label": "Not Equals"
},
{
"value": "regex",
"label": "Matches RegEx"
}
]
},
"default": "eq",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Op",
"editorName": "Symptom Bucket filter| Op",
"name": "filterFilterOp-Symptom Bucket",
"index": 11
},
{
"type": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Value",
"editorName": "Symptom Bucket Filter Value",
"name": "filterFilterValue-Symptom Bucket",
"index": 12
}
],
"children": []
},
{
"id": "35b50b3b-b749-7e74-0c71-3a6f23cef779",
"type": "Filter Collection",
"label": "Mood Array Filter",
"x": 321.3362618692033,
"y": 1086.2559983520457,
"parameters": {
"filterFilter": "Symptom Bucket",
"filterFilterValue-Symptom Bucket": "Mood related",
"filterFilterOp-Symptom Bucket": "eq"
},
"ports": [],
"dynamicports": [
{
"type": "boolean",
"plug": "input",
"group": "Limit",
"name": "filterEnableLimit",
"displayName": "Use limit",
"index": 7
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Filter",
"name": "filterFilter",
"displayName": "Filter",
"index": 8
},
{
"type": {
"name": "stringlist",
"allowEditOnly": true
},
"plug": "input",
"group": "Sort",
"name": "filterSort",
"displayName": "Sort",
"index": 9
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "string",
"label": "String"
},
{
"value": "number",
"label": "Number"
},
{
"value": "boolean",
"label": "Boolean"
}
]
},
"default": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Type",
"editorName": "Symptom Bucket filter | Type",
"name": "filterFilterType-Symptom Bucket",
"index": 10
},
{
"type": {
"name": "enum",
"enums": [
{
"value": "eq",
"label": "Equals"
},
{
"value": "neq",
"label": "Not Equals"
},
{
"value": "regex",
"label": "Matches RegEx"
}
]
},
"default": "eq",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Op",
"editorName": "Symptom Bucket filter| Op",
"name": "filterFilterOp-Symptom Bucket",
"index": 11
},
{
"type": "string",
"plug": "input",
"group": "Symptom Bucket filter",
"displayName": "Value",
"editorName": "Symptom Bucket Filter Value",
"name": "filterFilterValue-Symptom Bucket",
"index": 12
}
],
"children": []
},
{
"id": "45a7199f-f14b-2668-040f-f1f50efa8953",
"type": "Variable2",
"x": -862.810100099393,
"y": 855.4255925069647,
"parameters": {
"name": "otherDiagnosisAdded"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "14a1fef5-72a7-af9e-5d37-6c86d4d370f2",
"type": "Or",
"x": -337.67765502134046,
"y": 673.1790733334642,
"parameters": {},
"ports": [],
"dynamicports": [
{
"name": "input 0",
"displayName": "Input 0",
"type": "boolean",
"plug": "input",
"index": 1
},
{
"name": "input 1",
"displayName": "Input 1",
"type": "boolean",
"plug": "input",
"index": 2
},
{
"name": "input 2",
"displayName": "Input 2",
"type": "boolean",
"plug": "input",
"index": 3
}
],
"children": []
},
{
"id": "b389d322-75de-3b32-77cc-b77569c0afb1",
"type": "Or",
"x": -322.1033431155312,
"y": 189.0149929382025,
"parameters": {},
"ports": [],
"dynamicports": [
{
"name": "input 0",
"displayName": "Input 0",
"type": "boolean",
"plug": "input",
"index": 1
},
{
"name": "input 1",
"displayName": "Input 1",
"type": "boolean",
"plug": "input",
"index": 2
},
{
"name": "input 2",
"displayName": "Input 2",
"type": "boolean",
"plug": "input",
"index": 3
}
],
"children": []
},
{
"id": "9e3705be-19df-1d16-d85e-72c25ab1437f",
"type": "Or",
"x": -348.310931683121,
"y": 1127.9918039659954,
"parameters": {},
"ports": [],
"dynamicports": [
{
"name": "input 0",
"displayName": "Input 0",
"type": "boolean",
"plug": "input",
"index": 1
},
{
"name": "input 1",
"displayName": "Input 1",
"type": "boolean",
"plug": "input",
"index": 2
},
{
"name": "input 2",
"displayName": "Input 2",
"type": "boolean",
"plug": "input",
"index": 3
}
],
"children": []
},
{
"id": "ccb5141a-24fc-0257-edd3-2b021f27a2e8",
"type": "JavaScriptFunction",
"label": "Print all symptoms",
"x": -883.4792375844831,
"y": 443.5882369478767,
"parameters": {
"functionScript": "Inputs.allSymptoms.forEach(symptom => console.log(symptom.Symptom.toLowerCase()));\nOutputs.done();"
},
"ports": [],
"dynamicports": [
{
"name": "in-allSymptoms",
"displayName": "allSymptoms",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-done",
"displayName": "done",
"plug": "output",
"type": "signal",
"group": "Outputs",
"index": 5
}
],
"children": []
},
{
"id": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
"type": "JavaScriptFunction",
"x": 1287.80901744809,
"y": 1494.2651409068783,
"parameters": {
"functionScript": "Outputs.userAddedSymptoms = \"\";\n\nInputs.SelectedSymptoms.each(symptom => {\n switch(symptom.symptom.toLowerCase()){\n case \"irregular periods\":\n Outputs.IrregularPeriods = true;\n break;\n case \"weight gain\":\n Outputs.WeightGain = true;\n break;\n case \"hot flushes\":\n Outputs.HotFlushes = true;\n break;\n case \"difficulty getting pregnant\":\n Outputs.DifficultyGettingPregnant = true;\n break;\n case \"excessive hair growth\":\n Outputs.ExcessiveHairGrowth = true;\n break;\n case \"thinning hair\":\n Outputs.ThinningHair = true;\n break;\n case \"spotty skin\":\n Outputs.SpottySkin = true;\n break;\n case \"skin tags\":\n Outputs.SkinTags = true;\n break;\n case \"headaches\":\n Outputs.Headaches = true;\n break;\n case \"difficulty sleeping\":\n Outputs.DifficultySleeping = true;\n break;\n \n case \"night sweats\":\n Outputs.NightSweats = true;\n break;\n case \"joint pains\":\n Outputs.JointPains = true;\n break;\n case \"palpitations\":\n Outputs.Palpitations = true;\n break;\n case \"vaginal dryness\":\n Outputs.VaginalDryness = true;\n break;\n case \"pain during sex\":\n Outputs.PainDuringSex = true;\n break;\n case \"lower back pain\":\n Outputs.LowerBackPain = true;\n break;\n case \"bloating or tummy pain\":\n Outputs.BloatingOrTummyPain = true;\n break;\n case \"breast tenderness\":\n Outputs.BreastTenderness = true;\n break;\n case \"muscle weakness\":\n Outputs.MuscleWeakness = true;\n break;\n case \"changes in appetite\":\n Outputs.ChangesInAppetite = true;\n break;\n \n case \"muscle ache\":\n Outputs.MuscleAche = true;\n break;\n case \"itchy skin\":\n Outputs.ItchySkin = true;\n break;\n case \"brittle hair & nails\":\n Outputs.BrittleHairAndNails = true;\n break;\n case \"dry skin\":\n Outputs.DrySkin = true;\n break;\n case \"constipation\":\n Outputs.Constipation = true;\n break;\n case \"diarrhoea\":\n Outputs.Diarrhoea = true;\n break;\n case \"peeing more frequently\":\n Outputs.PeeingMoreFrequently = true;\n break;\n case \"excess thirst\":\n Outputs.ExcessThirst = true;\n break;\n case \"sensitive to cold\":\n Outputs.SensitiveToCold = true;\n break;\n case \"sensitive to heat\":\n Outputs.SensitiveToHeat = true;\n break;\n \n case \"numb hands\":\n Outputs.NumbHands = true;\n break;\n case \"heavy periods\":\n Outputs.HeavyPeriods = true;\n break;\n case \"painful periods\":\n Outputs.PainfulPeriods = true;\n break;\n case \"pain when peeing or pooing\":\n Outputs.PainWhenPeeingOrPooing = true;\n break;\n case \"nausea\":\n Outputs.Nausea = true;\n break;\n case \"Blood in your pee\":\n Outputs.BloodInYourPee = true;\n break;\n case \"low mood\":\n Outputs.LowMood = true;\n break;\n case \"anxiety\":\n Outputs.Anxiety = true;\n break;\n case \"poor concentration\":\n Outputs.PoorConcentration = true;\n break;\n case \"poor memory\":\n Outputs.PoorMemory = true;\n break;\n \n case \"low sex drive\":\n Outputs.LowSexDrive = true;\n break;\n case \"mood swings\":\n Outputs.MoodSwings = true;\n break;\n case \"irritability\":\n Outputs.Irritability = true;\n break;\n case \"low energy\":\n Outputs.LowEnergy = true;\n break;\n case \"loss of interest in having fun\":\n Outputs.LossOfInterest = true;\n break;\n case \"tense\":\n Outputs.Tense = true;\n break;\n case \"overwhelmed\":\n Outputs.Overwhelmed = true;\n break;\n case \"hyperactive\":\n Outputs.Hyperactive = true;\n break;\n \n \n } \n \n if(symptom.userAdded===true)\n {\n Outputs.userAddedSymptoms = Outputs.userAddedSymptoms + \"\"+ symptom.Symptom; \n }\n \n});\n\nOutputs.Done();"
},
"ports": [],
"dynamicports": [
{
"name": "in-SelectedSymptoms",
"displayName": "SelectedSymptoms",
"plug": "input",
"type": "*",
"group": "Inputs",
"index": 4
},
{
"name": "out-Done",
"displayName": "Done",
"plug": "output",
"type": "signal",
"group": "Outputs",
"index": 5
},
{
"name": "out-userAddedSymptoms",
"displayName": "userAddedSymptoms",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 6
},
{
"name": "out-IrregularPeriods",
"displayName": "IrregularPeriods",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 7
},
{
"name": "out-WeightGain",
"displayName": "WeightGain",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 8
},
{
"name": "out-HotFlushes",
"displayName": "HotFlushes",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 9
},
{
"name": "out-DifficultyGettingPregnant",
"displayName": "DifficultyGettingPregnant",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 10
},
{
"name": "out-ExcessiveHairGrowth",
"displayName": "ExcessiveHairGrowth",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 11
},
{
"name": "out-ThinningHair",
"displayName": "ThinningHair",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 12
},
{
"name": "out-SpottySkin",
"displayName": "SpottySkin",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 13
},
{
"name": "out-SkinTags",
"displayName": "SkinTags",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 14
},
{
"name": "out-Headaches",
"displayName": "Headaches",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 15
},
{
"name": "out-DifficultySleeping",
"displayName": "DifficultySleeping",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 16
},
{
"name": "out-NightSweats",
"displayName": "NightSweats",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 17
},
{
"name": "out-JointPains",
"displayName": "JointPains",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 18
},
{
"name": "out-Palpitations",
"displayName": "Palpitations",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 19
},
{
"name": "out-VaginalDryness",
"displayName": "VaginalDryness",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 20
},
{
"name": "out-PainDuringSex",
"displayName": "PainDuringSex",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 21
},
{
"name": "out-LowerBackPain",
"displayName": "LowerBackPain",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 22
},
{
"name": "out-BloatingOrTummyPain",
"displayName": "BloatingOrTummyPain",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 23
},
{
"name": "out-BreastTenderness",
"displayName": "BreastTenderness",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 24
},
{
"name": "out-MuscleWeakness",
"displayName": "MuscleWeakness",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 25
},
{
"name": "out-ChangesInAppetite",
"displayName": "ChangesInAppetite",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 26
},
{
"name": "out-MuscleAche",
"displayName": "MuscleAche",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 27
},
{
"name": "out-ItchySkin",
"displayName": "ItchySkin",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 28
},
{
"name": "out-BrittleHairAndNails",
"displayName": "BrittleHairAndNails",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 29
},
{
"name": "out-DrySkin",
"displayName": "DrySkin",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 30
},
{
"name": "out-Constipation",
"displayName": "Constipation",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 31
},
{
"name": "out-Diarrhoea",
"displayName": "Diarrhoea",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 32
},
{
"name": "out-PeeingMoreFrequently",
"displayName": "PeeingMoreFrequently",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 33
},
{
"name": "out-ExcessThirst",
"displayName": "ExcessThirst",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 34
},
{
"name": "out-SensitiveToCold",
"displayName": "SensitiveToCold",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 35
},
{
"name": "out-SensitiveToHeat",
"displayName": "SensitiveToHeat",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 36
},
{
"name": "out-NumbHands",
"displayName": "NumbHands",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 37
},
{
"name": "out-HeavyPeriods",
"displayName": "HeavyPeriods",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 38
},
{
"name": "out-PainfulPeriods",
"displayName": "PainfulPeriods",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 39
},
{
"name": "out-PainWhenPeeingOrPooing",
"displayName": "PainWhenPeeingOrPooing",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 40
},
{
"name": "out-Nausea",
"displayName": "Nausea",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 41
},
{
"name": "out-BloodInYourPee",
"displayName": "BloodInYourPee",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 42
},
{
"name": "out-LowMood",
"displayName": "LowMood",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 43
},
{
"name": "out-Anxiety",
"displayName": "Anxiety",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 44
},
{
"name": "out-PoorConcentration",
"displayName": "PoorConcentration",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 45
},
{
"name": "out-PoorMemory",
"displayName": "PoorMemory",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 46
},
{
"name": "out-LowSexDrive",
"displayName": "LowSexDrive",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 47
},
{
"name": "out-MoodSwings",
"displayName": "MoodSwings",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 48
},
{
"name": "out-Irritability",
"displayName": "Irritability",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 49
},
{
"name": "out-LowEnergy",
"displayName": "LowEnergy",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 50
},
{
"name": "out-LossOfInterest",
"displayName": "LossOfInterest",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 51
},
{
"name": "out-Tense",
"displayName": "Tense",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 52
},
{
"name": "out-Overwhelmed",
"displayName": "Overwhelmed",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 53
},
{
"name": "out-Hyperactive",
"displayName": "Hyperactive",
"plug": "output",
"type": "*",
"group": "Outputs",
"index": 54
}
],
"children": []
},
{
"id": "650ae8e2-8274-b097-297a-4960d46b628a",
"type": "Static Data",
"x": -1174.9286384550185,
"y": 133.32672638122878,
"parameters": {
"type": "json",
"json": "[\n{\"label\":\"Endometriosis\",\"value\":false},\n{\"label\":\"Fibroids\",\"value\":true},\n{\"label\":\"Hyperthyroidism\",\"value\":true},\n{\"label\":\"Hypothyoridism\",\"value\":false},\n{\"label\":\"Menopause\",\"value\":false},\n{\"label\":\"Perimenopause\",\"value\":false},\n{\"label\":\"PCOS\",\"value\":true},\n{\"label\":\"PMDD\",\"value\":false},\n{\"label\":\"PMS\",\"value\":false},\n{\"label\":\"I don't know\",\"value\":false},\n{\"otherLabel\":\"this is just so we get the +Other pill\"}\n]"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "ded20701-8c34-deba-de94-3a22ebd7d75d",
"type": "Collection2",
"x": -964.7751076226567,
"y": 127.07259117452926,
"parameters": {
"collectionId": "Conditions"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 8589.381198466383,
"y": 0
}
}
},
{
"name": "/Visual Components/Profile/Public Profile Card",
"id": "eeac0bed-26d5-6f86-c3be-73538b724336",
"graph": {
"connections": [
{
"fromId": "48a31289-771f-3f6b-e217-0d038af71b30",
"fromProperty": "username",
"toId": "b804c857-62ca-dc42-0188-e6ba33a82534",
"toProperty": "text"
},
{
"fromId": "33255627-6655-129f-5cf7-085c4227c149",
"fromProperty": "onClick",
"toId": "7d309adb-2980-9190-15ed-04eee5cfd039",
"toProperty": "logout"
},
{
"fromId": "8ed80701-a189-0a71-8943-3d8cae0780ae",
"fromProperty": "onClick",
"toId": "18813d35-5489-a157-d514-40d46c0d6f54",
"toProperty": "toggle"
},
{
"fromId": "48a31289-771f-3f6b-e217-0d038af71b30",
"fromProperty": "username",
"toId": "42db6bb3-c918-a385-8213-b514cc8ae609",
"toProperty": "startValue"
},
{
"fromId": "42db6bb3-c918-a385-8213-b514cc8ae609",
"fromProperty": "onEnter",
"toId": "d5f6672c-c531-3296-7d72-c15d500e7b26",
"toProperty": "store"
},
{
"fromId": "18813d35-5489-a157-d514-40d46c0d6f54",
"fromProperty": "at-Show",
"toId": "b804c857-62ca-dc42-0188-e6ba33a82534",
"toProperty": "mounted"
},
{
"fromId": "18813d35-5489-a157-d514-40d46c0d6f54",
"fromProperty": "at-Edit",
"toId": "42db6bb3-c918-a385-8213-b514cc8ae609",
"toProperty": "mounted"
}
],
"roots": [
{
"id": "55b0b43a-ed92-c286-8ba1-1bdfc926ab35",
"type": "Group",
"x": -149,
"y": -157,
"parameters": {
"sizeMode": "contentHeight",
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingTop": {
"value": 24,
"unit": "px"
},
"paddingBottom": {
"value": 24,
"unit": "px"
},
"borderRadius": {
"value": 10,
"unit": "px"
},
"boxShadowEnabled": true,
"width": {
"value": 95,
"unit": "%"
},
"alignX": "center",
"marginTop": {
"value": 24,
"unit": "px"
},
"alignItems": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "ffcce668-17b9-b075-3f56-205e60a3b08d",
"type": "Group",
"parameters": {
"flexDirection": "row",
"justifyContent": "space-between",
"alignItems": "center"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "bedfc665-71d1-6c69-fddd-c5a9f041d6bc",
"type": "Text",
"parameters": {
"fontFamily": "Inter-Medium.ttf",
"color": "#77C2C6",
"text": "Public Profile",
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "8ed80701-a189-0a71-8943-3d8cae0780ae",
"type": "Group",
"parameters": {
"sizeMode": "contentSize"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "097c8750-7333-23b1-107f-b63a11c83c3b",
"type": "net.noodl.visual.icon",
"parameters": {
"iconColor": "#77C2C6",
"iconIconSource": {
"class": "material-icons",
"code": "edit_note"
},
"alignY": "center",
"iconSize": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
},
{
"id": "724ce8b8-9cdf-342f-518f-9c67765343a7",
"type": "Image",
"parameters": {
"src": "profileIcon.svg",
"sizeMode": "explicit",
"width": {
"value": 140,
"unit": "px"
},
"height": {
"value": 140,
"unit": "px"
},
"marginTop": {
"value": 16,
"unit": "px"
},
"marginBottom": {
"value": 16,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "b804c857-62ca-dc42-0188-e6ba33a82534",
"type": "Text",
"parameters": {
"sizeMode": "contentSize",
"fontSize": {
"value": 28,
"unit": "px"
},
"color": "#379EA5"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "42db6bb3-c918-a385-8213-b514cc8ae609",
"type": "net.noodl.controls.textinput",
"variant": "UI Text Input",
"parameters": {
"label": "Username"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "33255627-6655-129f-5cf7-085c4227c149",
"type": "Group",
"parameters": {
"sizeMode": "contentSize",
"marginTop": {
"value": 6,
"unit": "px"
},
"marginBottom": {
"value": 6,
"unit": "px"
},
"cssClassName": "pointer"
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "f66c1c42-2bd2-b7a6-9488-35f9caf71f9c",
"type": "Text",
"parameters": {
"text": "Log out"
},
"stateParameters": {
"hover": {
"color": "Primary Light"
}
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "9307d780-cf85-10f1-9164-971c9a71fa65",
"type": "Group",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "6c320efe-50ee-0f9e-d118-e8f66cacc65d",
"type": "Group",
"parameters": {
"marginBottom": {
"value": 24,
"unit": "px"
},
"flexDirection": "row",
"height": {
"value": 24,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "b72bf5f5-4408-3c25-4504-6f40c1ac356b",
"type": "Image",
"parameters": {
"src": "globe-alt.svg",
"sizeMode": "contentWidth",
"marginTop": {
"value": 4,
"unit": "px"
},
"marginBottom": {
"value": 4,
"unit": "px"
}
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "c3907a12-f164-4fad-b50a-71642623d1bd",
"type": "Text",
"parameters": {
"alignY": "center",
"marginLeft": {
"value": 8,
"unit": "px"
},
"fontFamily": "Inter-Bold.ttf",
"text": "Malmö"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
},
{
"id": "104b1454-ed5e-77f9-a497-cee5283730d7",
"type": "Group",
"parameters": {},
"ports": [],
"dynamicports": [],
"children": [
{
"id": "1d77fdcf-f998-2e1e-da8a-7724930accc6",
"type": "Text",
"label": "Text",
"parameters": {
"text": "Bio",
"fontFamily": "Inter-Bold.ttf"
},
"ports": [],
"dynamicports": [],
"children": []
},
{
"id": "f3bee1d9-1024-202b-5d48-31fa272f82b3",
"type": "Text",
"label": "Text",
"parameters": {
"text": "Voluptas consectetur eveniet nihil accusantium. Sint possimus fugiat est consequatur asperiores neque dolorum facilis molestiae. ",
"color": "Dark Gray"
},
"ports": [],
"dynamicports": [],
"children": []
}
]
}
]
}
]
},
{
"id": "48a31289-771f-3f6b-e217-0d038af71b30",
"type": "net.noodl.user.User",
"x": -652.1750190600931,
"y": -63.72396524796034,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-createdAt",
"displayName": "createdAt",
"index": 12
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "createdAt Changed",
"name": "changed-createdAt",
"index": 13
},
{
"type": {
"name": "date"
},
"plug": "output",
"group": "Properties",
"name": "prop-updatedAt",
"displayName": "updatedAt",
"index": 14
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "updatedAt Changed",
"name": "changed-updatedAt",
"index": 15
},
{
"type": {
"name": "boolean"
},
"plug": "output",
"group": "Properties",
"name": "prop-emailVerified",
"displayName": "emailVerified",
"index": 16
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "emailVerified Changed",
"name": "changed-emailVerified",
"index": 17
},
{
"type": {
"name": "*"
},
"plug": "output",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 18
},
{
"type": "signal",
"plug": "output",
"group": "Changed Events",
"displayName": "liked_articles Changed",
"name": "changed-liked_articles",
"index": 19
}
],
"children": []
},
{
"id": "7d309adb-2980-9190-15ed-04eee5cfd039",
"type": "Component Outputs",
"x": 180.41249046995335,
"y": 69.63801737601989,
"parameters": {},
"ports": [
{
"name": "logout",
"plug": "input",
"type": {
"name": "*"
},
"index": 1
}
],
"dynamicports": [],
"children": []
},
{
"id": "18813d35-5489-a157-d514-40d46c0d6f54",
"type": "States",
"x": 255.75477385385068,
"y": -68.25604258068498,
"parameters": {
"states": "Show,Edit",
"useTransitions": false
},
"ports": [],
"dynamicports": [
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Show",
"name": "to-Show",
"group": "Go to state",
"index": 6
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Show",
"name": "at-Show",
"group": "Current state",
"index": 7
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Show",
"name": "reached-Show",
"group": "Current state",
"index": 8
},
{
"plug": "input",
"type": {
"name": "signal",
"allowConnectionsOnly": true
},
"displayName": "To Edit",
"name": "to-Edit",
"group": "Go to state",
"index": 9
},
{
"plug": "output",
"type": "boolean",
"displayName": "At Edit",
"name": "at-Edit",
"group": "Current state",
"index": 10
},
{
"plug": "output",
"type": "signal",
"displayName": "Has Reached Edit",
"name": "reached-Edit",
"group": "Current state",
"index": 11
},
{
"plug": "input",
"type": {
"name": "enum",
"enums": [
"Show",
"Edit"
]
},
"group": "States",
"displayName": "State",
"name": "currentState",
"default": "Show",
"index": 12
}
],
"children": []
},
{
"id": "d5f6672c-c531-3296-7d72-c15d500e7b26",
"type": "net.noodl.user.SetUserProperties",
"x": 217.14287883732152,
"y": 199.4530962005851,
"parameters": {},
"ports": [],
"dynamicports": [
{
"type": {
"name": "*"
},
"plug": "input",
"group": "Properties",
"name": "prop-liked_articles",
"displayName": "liked_articles",
"index": 5
}
],
"children": []
}
]
},
"metadata": {
"canvasPos": {
"x": 6769.381198466383,
"y": 0
}
}
}
],
"settings": {
"htmlTitle": "Shine",
"navigationPathType": "path",
"headCode": "<script src=\"https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment.min.js\" ></script>"
},
"rootNodeId": "246f9453-a119-ac78-171e-3806cf596ecc",
"version": "3",
"metadata": {
"dbCollections": [
{
"name": "ShineSignUpData",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"userId": {
"type": "String",
"required": true
},
"firstName": {
"type": "String",
"required": false
},
"lastName": {
"type": "String",
"required": false
},
"source": {
"type": "String",
"required": false
},
"campaign": {
"type": "String",
"required": false
},
"confidence": {
"type": "String",
"required": false
},
"email": {
"type": "String",
"required": false
},
"newsletterPreferences": {
"type": "Array",
"required": false,
"defaultValue": []
},
"viewedGlossaryList": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"consent": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"conditionEndometriosis": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"conditionFibroids": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"conditionHyperthyroidism": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"conditionHypothyoridism": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"conditionMenopause": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"conditionPerimenopause": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"conditionPCOS": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"conditionPMDD": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"conditionPMS": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"conditionIdontKnow": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"otherCondition": {
"type": "String",
"required": false
},
"diagnosisEndometriosisDoctorConfirmed": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"diagnosisFibroidsDoctorConfirmed": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"diagnosisHyperthyroidismDoctorConfirmed": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"diagnosisHypothyoridismDoctorConfirmed": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"diagnosisMenopauseDoctorConfirmed": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"diagnosisPerimenopauseDoctorConfirmed": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"diagnosisPCOSDoctorConfirmed": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"diagnosisPMDDDoctorConfirmed": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"diagnosisPMSDoctorConfirmed": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"otherDiagnosis": {
"type": "String",
"required": false,
"defaultValue": ""
},
"diagnosisEndometriosisTimeFromDiag": {
"type": "String",
"required": false
},
"diagnosisFibroidsTimeFromDiag": {
"type": "String",
"required": false
},
"diagnosisHyperthyroidismTimeFromDiag": {
"type": "String",
"required": false
},
"diagnosisHypothyroidismTimeFromDiag": {
"type": "String",
"required": false
},
"diagnosisMenopauseTimeFromDiag": {
"type": "String",
"required": false
},
"diagnosisPerimenopauseTimeFromDiag": {
"type": "String",
"required": false
},
"diagnosisPCOSTimeFromDiag": {
"type": "String",
"required": false
},
"diagnosisPMDDTimeFromDiag": {
"type": "String",
"required": false
},
"diagnosisPMSTimeFromDiag": {
"type": "String",
"required": false
},
"expectationUnderstand": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"expectationLearn": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"expectationMeet": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"expectationAsk": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"expectationSeek": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"expectationFind": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"expectationManage": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomIrregularPeriods": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomWeightGain": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomHotFlushes": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomDifficultyGettingPregnant": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomExcessiveHairGrowth": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomThinningHair": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomSpottySkin": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomSkinTags": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomHeadaches": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomDifficultySleeping": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomNightSweats": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomJointPains": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomPalpitations": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomVaginalDryness": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomPainDuringSex": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomLowerBackPain": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomBloatingOrTummyPain": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomBreastTenderness": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomMuscleWeakness": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomChangesInAppetite": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomMuscleAche": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomItchySkin": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomBrittleHairAndNails": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomDrySkin": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomConstipation": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomDiarrhoea": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomPeeingMoreFrequently": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomExcessThirst": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomSensitiveToCold": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomSensitiveToHeat": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomNumbHands": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomHeavyPeriods": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomPainfulPeriods": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomPainWhenPeeingOrPooing": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomNausea": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomBloodInYourPee": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomLowMood": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomAnxiety": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomPoorConcentration": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomPoorMemory": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomLowSexDrive": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomMoodSwings": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomIrritability": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomLowEnergy": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomLossOfInterestInHavingFun": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomTense": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomOverwhelmed": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomHyperactive": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"symptomUserAdded": {
"type": "String",
"required": false,
"defaultValue": ""
},
"adContent": {
"type": "String",
"required": false
},
"keyword": {
"type": "String",
"required": false
},
"medium": {
"type": "String",
"required": false
}
}
}
},
{
"name": "LandingPageForm",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"userId": {
"type": "String",
"required": true
},
"firstName": {
"type": "String",
"required": false
},
"condition": {
"type": "String",
"required": false
},
"story": {
"type": "String",
"required": false
},
"ConditionsArray": {
"type": "Array",
"required": false,
"defaultValue": []
}
}
}
},
{
"name": "GlossaryViewed",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"userId": {
"type": "String",
"required": true
},
"Endometriosis": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"Fibroids": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"Hyperthyroidism": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"Hypothyroidism": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"Menopause": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"Perimenopause": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"PCOS": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"PMDD": {
"type": "Boolean",
"required": false,
"defaultValue": false
},
"PMS": {
"type": "Boolean",
"required": false,
"defaultValue": false
}
}
}
},
{
"name": "Comment",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"comment_text": {
"type": "String",
"required": true
},
"comment_author": {
"type": "String",
"required": false
},
"comment_parent": {
"type": "String",
"required": true
}
}
}
},
{
"name": "Article",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"article_id": {
"type": "String",
"required": true
},
"likes_count": {
"type": "Number",
"required": false
},
"ratings": {
"type": "Object",
"required": false
}
}
}
}
],
"styles": {
"text": {
"Body Text": {
"fontFamily": "Inter-Regular.ttf",
"fontSize": {
"value": "16",
"unit": "px"
},
"color": "#000000"
},
"Button Label": {
"fontFamily": "fonts/Roboto/Roboto-Regular.ttf",
"fontSize": {
"value": "16",
"unit": "px"
},
"color": "#000000"
},
"Label Text": {
"fontFamily": "fonts/Roboto/Roboto-Regular.ttf",
"fontSize": {
"value": "14",
"unit": "px"
},
"color": "#000000"
}
},
"colors": {
"Primary": "#5836F5",
"Light Gray": "#C6C6C6",
"Dark Gray": "#5F5F5F",
"Primary Dark": "#3F22B8",
"Dark": "#1F1F1F",
"Primary Light": "#C9BFFC",
"Sunny Yellow": "#F0E82C",
"Cyan Main": "#7EDADF",
"Cyan Super Light": "#DDF5F6",
"Cyan Dark": "#76C1C6",
"Blue Cloud": "#BFD4E4",
"Medium Gray": "#A0A0A0",
"Super Light Gray": "#F5F5F5",
"Midnight Purple": "#392A5C",
"Cyan Darker": "#379EA5",
"Cyan Darkest": "#2A8F95",
"Pop-up Grey Overlay": "#00000033",
"Super Duper Light Gray": "#F0F0F0"
}
},
"systemCollections": [
{
"name": "_User",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"username": {
"type": "String"
},
"password": {
"type": "String"
},
"email": {
"type": "String"
},
"emailVerified": {
"type": "Boolean"
},
"authData": {
"type": "Object"
},
"liked_articles": {
"type": "Array",
"required": false
}
}
}
},
{
"name": "_Role",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"name": {
"type": "String"
},
"users": {
"type": "Relation",
"targetClass": "_User"
},
"roles": {
"type": "Relation",
"targetClass": "_Role"
}
}
}
},
{
"name": "_Session",
"schema": {
"properties": {
"createdAt": {
"type": "Date"
},
"updatedAt": {
"type": "Date"
},
"restricted": {
"type": "Boolean"
},
"user": {
"type": "Pointer",
"targetClass": "_User"
},
"installationId": {
"type": "String"
},
"sessionToken": {
"type": "String"
},
"expiresAt": {
"type": "Date"
},
"createdWith": {
"type": "Object"
}
}
}
}
],
"cloudservices": {
"instanceId": "6ae45db63015260c",
"workspaceId": "47eqnd",
"endpoint": "https://backend.noodl.cloud/47eqnd/6ae45db63015260c",
"appId": "6ae45db63015260c"
}
},
"variants": [
{
"typename": "net.noodl.controls.button",
"parameters": {
"height": {
"value": 40,
"unit": "px"
},
"sizeMode": "contentWidth",
"backgroundColor": "Primary",
"iconIconSource": {
"class": "material-icons",
"code": "home"
},
"iconSize": {
"value": 22,
"unit": "px"
},
"iconSpacing": {
"value": 6,
"unit": "px"
},
"borderRadius": {
"value": 4,
"unit": "px"
},
"textStyle": "Button Label",
"paddingTop": {
"value": 5,
"unit": "px"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingBottom": {
"value": 4,
"unit": "px"
},
"color": "#FFFFFF",
"fontFamily": "fonts/Roboto/Roboto-Medium.ttf"
},
"stateParamaters": {
"hover": {
"backgroundColor": "Primary Dark"
},
"pressed": {
"backgroundColor": "Primary Light",
"color": "Primary Dark"
},
"disabled": {
"backgroundColor": "Light Gray"
}
},
"stateTransitions": {},
"defaultStateTransitions": {
"neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"pressed": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
}
},
{
"typename": "net.noodl.controls.radiobutton",
"parameters": {
"width": {
"value": 24,
"unit": "px"
},
"height": {
"value": 24,
"unit": "px"
},
"useLabel": true,
"labeltextStyle": "Label Text",
"borderWidth": {
"value": 2,
"unit": "px"
},
"value": "0",
"useIcon": false,
"fillColor": "transparent",
"borderColor": "#1F1F1F7F",
"labelfontSize": {
"value": 16,
"unit": "px"
}
},
"stateParamaters": {
"checked": {
"fillColor": "Primary",
"borderColor": "Primary",
"borderWidth": {
"value": 2,
"unit": "px"
},
"backgroundColor": "#FFFFFF",
"width": {
"value": 24,
"unit": "px"
},
"height": {
"value": 24,
"unit": "px"
}
},
"hover": {
"backgroundColor": "transparent",
"borderColor": "Primary",
"width": {
"value": 24,
"unit": "px"
},
"height": {
"value": 24,
"unit": "px"
}
}
},
"stateTransitions": {},
"defaultStateTransitions": {
"neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"checked": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
}
},
{
"typename": "Text",
"parameters": {
"textStyle": "Body Text"
},
"stateParamaters": {},
"stateTransitions": {}
},
{
"typename": "net.noodl.controls.range",
"parameters": {
"thumbColor": "Primary",
"thumbBorderRadius": {
"value": 100,
"unit": "%"
},
"trackHeight": {
"value": 4,
"unit": "px"
},
"trackActiveColor": "Primary",
"trackColor": "Primary Light",
"width": {
"value": 100,
"unit": "%"
}
},
"stateParamaters": {},
"stateTransitions": {}
},
{
"typename": "net.noodl.controls.checkbox",
"parameters": {
"width": {
"value": 24,
"unit": "px"
},
"height": {
"value": 24,
"unit": "px"
},
"useIcon": false,
"borderWidth": {
"value": 2,
"unit": "px"
},
"useLabel": true,
"labeltextStyle": "Label Text",
"borderRadius": {
"value": 2,
"unit": "px"
},
"borderColor": "#0000007F",
"labelfontSize": {
"value": 16,
"unit": "px"
},
"labelcolor": "Dark"
},
"stateParamaters": {
"checked": {
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "check"
},
"backgroundColor": "Primary",
"borderColor": "Primary",
"iconSize": {
"value": 16,
"unit": "px"
}
},
"disabled": {
"opacity": 0.5
},
"hover": {
"borderColor": "Primary"
},
"pressed": {}
},
"stateTransitions": {},
"defaultStateTransitions": {
"neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"checked": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
}
},
{
"typename": "net.noodl.controls.textinput",
"parameters": {
"useLabel": true,
"sizeMode": "explicit",
"height": {
"value": 40,
"unit": "px"
},
"textStyle": "Body Text",
"borderStyle": "solid",
"borderRadius": {
"value": 4,
"unit": "px"
},
"borderWidth": {
"value": 2,
"unit": "px"
},
"borderColor": "#1F1F1F7F",
"labeltextStyle": "Label Text",
"paddingLeft": {
"value": 8,
"unit": "px"
},
"paddingRight": {
"value": 8,
"unit": "px"
},
"labelSpacing": {
"value": 4,
"unit": "px"
},
"placeholder": "Type here",
"labelcolor": "#1F1F1F7F",
"labeltextTransform": "uppercase",
"labelfontSize": {
"value": 12,
"unit": "px"
},
"labelfontFamily": "fonts/Roboto/Roboto-Medium.ttf"
},
"stateParamaters": {
"hover": {
"labelcolor": "#000000",
"borderColor": "Dark",
"borderStyle": "solid"
},
"focused": {
"borderColor": "Primary",
"labelcolor": "Primary",
"borderWidth": {
"value": 2,
"unit": "px"
},
"boxShadowEnabled": false,
"boxShadowColor": "Primary",
"borderStyle": "solid"
},
"disabled": {
"labelcolor": "Light Gray",
"backgroundColor": "Light Gray",
"borderWidth": {
"value": 1,
"unit": "px"
},
"borderColor": "Light Gray"
}
},
"stateTransitions": {},
"defaultStateTransitions": {
"neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"focused": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
}
},
{
"typename": "net.noodl.controls.options",
"parameters": {
"sizeMode": "explicit",
"height": {
"value": 40,
"unit": "px"
},
"borderWidth": {
"value": 2,
"unit": "px"
},
"borderRadius": {
"value": 4,
"unit": "px"
},
"borderColor": "#1F1F1F7F",
"boxShadowColor": "Dark Gray",
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "expand_more"
},
"iconPlacement": "right",
"iconSize": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 8,
"unit": "px"
},
"textStyle": "Body Text",
"paddingLeft": {
"value": 8,
"unit": "px"
},
"marginTop": {
"value": 24,
"unit": "px"
},
"width": {
"value": 75,
"unit": "%"
},
"iconColor": "#1F1F1F7F"
},
"stateParamaters": {
"hover": {
"borderColor": "Dark",
"borderRadius": {
"value": 4,
"unit": "px"
},
"iconColor": "Dark",
"iconSize": {
"value": 24,
"unit": "px"
},
"iconPlacement": "right"
},
"focused": {
"borderColor": "Primary",
"boxShadowColor": "Primary",
"borderRadius": {
"value": 4,
"unit": "px"
},
"useIcon": true,
"iconColor": "Primary",
"iconIconSource": {
"class": "material-icons",
"code": "keyboard_arrow_up"
},
"iconSize": {
"value": 24,
"unit": "px"
},
"iconPlacement": "right"
},
"pressed": {
"borderRadius": {
"value": 4,
"unit": "px"
}
}
},
"stateTransitions": {},
"defaultStateTransitions": {
"neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"focused": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
}
},
{
"name": "Button Secondary",
"typename": "net.noodl.controls.button",
"parameters": {
"height": {
"value": 40,
"unit": "px"
},
"iconIconSource": {
"class": "material-icons",
"code": "home"
},
"iconSize": {
"value": 22,
"unit": "px"
},
"iconSpacing": {
"value": 6,
"unit": "px"
},
"borderRadius": {
"value": 120,
"unit": "px"
},
"textStyle": "Button Label",
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"color": "Cyan Dark",
"fontFamily": "Inter-Bold.ttf",
"label": "Button Sec",
"borderStyle": "solid",
"backgroundColor": "#FFFFFF",
"sizeMode": "explicit",
"fontSize": {
"value": 16,
"unit": "px"
},
"borderColor": "Blue Cloud"
},
"stateParamaters": {
"hover": {
"backgroundColor": "Cyan Dark",
"borderStyle": "solid",
"color": "#FFFFFF",
"borderColor": "Cyan Dark"
},
"pressed": {
"backgroundColor": "Cyan Main",
"color": "#FFFFFF",
"borderStyle": "solid",
"borderColor": "Cyan Main"
},
"disabled": {
"backgroundColor": "Light Gray"
}
},
"stateTransitions": {},
"defaultStateTransitions": {
"neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"pressed": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
}
},
{
"name": "Button Primary",
"typename": "net.noodl.controls.button",
"parameters": {
"height": {
"value": 40,
"unit": "px"
},
"iconIconSource": {
"class": "material-icons",
"code": "home"
},
"iconSize": {
"value": 22,
"unit": "px"
},
"iconSpacing": {
"value": 6,
"unit": "px"
},
"borderRadius": {
"value": 120,
"unit": "px"
},
"textStyle": "Button Label",
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingLeft": {
"value": 24,
"unit": "px"
},
"paddingRight": {
"value": 24,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"fontSize": {
"value": 16,
"unit": "px"
},
"sizeMode": "explicit",
"backgroundColor": "Cyan Main",
"color": "#FFFFFF",
"label": "Button Prim",
"fontFamily": "Inter-Bold.ttf"
},
"stateParamaters": {
"hover": {
"backgroundColor": "Cyan Dark"
},
"pressed": {
"backgroundColor": "Blue Cloud",
"color": "Midnight Purple"
},
"disabled": {
"backgroundColor": "Light Gray"
}
},
"stateTransitions": {},
"defaultStateTransitions": {
"neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"pressed": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
}
},
{
"name": "UI Slider",
"typename": "net.noodl.controls.range",
"parameters": {
"thumbColor": "Cyan Main",
"thumbBorderRadius": {
"value": 100,
"unit": "%"
},
"trackHeight": {
"value": 8,
"unit": "px"
},
"width": {
"value": 100,
"unit": "%"
},
"thumbWidth": {
"value": 24,
"unit": "px"
},
"thumbHeight": {
"value": 24,
"unit": "px"
},
"trackColor": "Cyan Super Light",
"trackActiveColor": "Cyan Super Light"
},
"stateParamaters": {},
"stateTransitions": {}
},
{
"name": "UI Text Input",
"typename": "net.noodl.controls.textinput",
"parameters": {
"useLabel": true,
"sizeMode": "explicit",
"height": {
"value": 40,
"unit": "px"
},
"textStyle": "Body Text",
"borderStyle": "solid",
"borderRadius": {
"value": 50,
"unit": "px"
},
"borderWidth": {
"value": 2,
"unit": "px"
},
"borderColor": "Blue Cloud",
"labeltextStyle": "Label Text",
"paddingLeft": {
"value": 16,
"unit": "px"
},
"paddingRight": {
"value": 8,
"unit": "px"
},
"labelSpacing": {
"value": 4,
"unit": "px"
},
"placeholder": "email@address.com",
"labelcolor": "#000000",
"labeltextTransform": "uppercase",
"labelfontSize": {
"value": 12,
"unit": "px"
},
"labelfontFamily": "fonts/Roboto/Roboto-Medium.ttf",
"type": "email",
"label": "Email address*",
"fontSize": {
"value": 16,
"unit": "px"
},
"color": "Medium Gray"
},
"stateParamaters": {
"hover": {
"labelcolor": "#000000",
"borderColor": "Cyan Dark",
"borderStyle": "solid"
},
"focused": {
"borderColor": "Cyan Main",
"labelcolor": "Cyan Dark",
"borderWidth": {
"value": 2,
"unit": "px"
},
"boxShadowEnabled": false,
"boxShadowColor": "Primary",
"borderStyle": "solid"
},
"disabled": {
"labelcolor": "Light Gray",
"backgroundColor": "Light Gray",
"borderWidth": {
"value": 1,
"unit": "px"
},
"borderColor": "Light Gray"
}
},
"stateTransitions": {},
"defaultStateTransitions": {
"neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"focused": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
}
},
{
"name": "UI Checkbox",
"typename": "net.noodl.controls.checkbox",
"parameters": {
"width": {
"value": 24,
"unit": "px"
},
"height": {
"value": 24,
"unit": "px"
},
"useIcon": false,
"borderWidth": {
"value": 2,
"unit": "px"
},
"useLabel": true,
"labeltextStyle": "Label Text",
"borderRadius": {
"value": 8,
"unit": "px"
},
"borderColor": "Medium Gray",
"labelfontSize": {
"value": 12,
"unit": "px"
},
"labelcolor": "Dark",
"labelfontFamily": "Inter-Medium.ttf",
"marginBottom": {
"value": 16,
"unit": "px"
},
"backgroundColor": "Super Light Gray"
},
"stateParamaters": {
"checked": {
"useIcon": true,
"iconIconSource": {
"class": "material-icons",
"code": "check"
},
"backgroundColor": "Cyan Dark",
"borderColor": "Cyan Dark",
"iconSize": {
"value": 16,
"unit": "px"
}
},
"disabled": {
"opacity": 0.5
},
"hover": {},
"pressed": {}
},
"stateTransitions": {},
"defaultStateTransitions": {
"neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"checked": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
}
},
{
"name": "Large Cyan Text",
"typename": "Text",
"parameters": {
"textStyle": "Body Text",
"text": "Text",
"color": "Cyan Dark",
"fontSize": {
"value": 24,
"unit": "px"
},
"fontFamily": "Inter-Medium.ttf"
},
"stateParamaters": {},
"stateTransitions": {}
},
{
"name": "Body Text Black",
"typename": "Text",
"parameters": {
"textStyle": "Body Text",
"sizeMode": "contentHeight",
"text": "",
"maxWidth": {
"value": 375,
"unit": "px"
},
"textAlignX": "center",
"fontSize": {
"value": 16,
"unit": "px"
},
"fontFamily": "Inter-Regular.ttf",
"marginBottom": {
"value": 16,
"unit": "px"
},
"marginTop": {
"value": 16,
"unit": "px"
}
},
"stateParamaters": {},
"stateTransitions": {}
},
{
"name": "Button Secondary (No Border)",
"typename": "net.noodl.controls.button",
"parameters": {
"height": {
"value": 40,
"unit": "px"
},
"iconIconSource": {
"class": "material-icons",
"code": "home"
},
"iconSize": {
"value": 22,
"unit": "px"
},
"iconSpacing": {
"value": 6,
"unit": "px"
},
"borderRadius": {
"value": 120,
"unit": "px"
},
"textStyle": "Button Label",
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingRight": {
"value": 40,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"color": "Cyan Dark",
"fontFamily": "Inter-Bold.ttf",
"label": "Button Sec",
"backgroundColor": "#FFFFFF",
"sizeMode": "explicit",
"fontSize": {
"value": 16,
"unit": "px"
},
"paddingLeft": {
"value": 40,
"unit": "px"
},
"borderStyle": "solid",
"borderColor": "#FFFFFF"
},
"stateParamaters": {
"hover": {
"color": "#FFFFFF",
"backgroundColor": "Cyan Dark"
},
"pressed": {
"color": "#FFFFFF",
"backgroundColor": "Cyan Darkest"
},
"disabled": {
"backgroundColor": "Light Gray"
}
},
"stateTransitions": {},
"defaultStateTransitions": {
"neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"pressed": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
}
},
{
"name": "Shine Logo",
"typename": "Text",
"parameters": {
"textStyle": "Body Text",
"fontFamily": "Rakkas-Regular.ttf",
"fontSize": {
"value": 64,
"unit": "px"
},
"color": "#FFFFFF",
"text": "Shine",
"lineHeight": {
"value": 1,
"unit": ""
},
"sizeMode": "contentSize"
},
"stateParamaters": {},
"stateTransitions": {}
},
{
"name": "Clickable Text",
"typename": "net.noodl.controls.button",
"parameters": {
"height": {
"value": 40,
"unit": "px"
},
"iconIconSource": {
"class": "material-icons",
"code": "home"
},
"iconSize": {
"value": 22,
"unit": "px"
},
"iconSpacing": {
"value": 6,
"unit": "px"
},
"borderRadius": {
"value": 120,
"unit": "px"
},
"textStyle": "Button Label",
"paddingTop": {
"value": 8,
"unit": "px"
},
"paddingRight": {
"value": 40,
"unit": "px"
},
"paddingBottom": {
"value": 8,
"unit": "px"
},
"color": "Cyan Dark",
"fontFamily": "Inter-Bold.ttf",
"label": "Sign in with existing profile",
"sizeMode": "explicit",
"fontSize": {
"value": 16,
"unit": "px"
},
"paddingLeft": {
"value": 40,
"unit": "px"
},
"borderStyle": "solid",
"borderColor": "#FFFFFF",
"marginBottom": {
"value": 0,
"unit": "px"
},
"backgroundColor": "transparent"
},
"stateParamaters": {
"hover": {
"color": "Cyan Darkest"
},
"pressed": {
"color": "Midnight Purple"
},
"disabled": {
"backgroundColor": "Light Gray"
}
},
"stateTransitions": {},
"defaultStateTransitions": {
"neutral": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"hover": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
},
"pressed": {
"curve": [
0,
0,
0.58,
1
],
"dur": 300,
"delay": 0
}
}
}
]
}
Reference in New Issue View Git Blame Copy Permalink