mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-21 21:47:17 +00:00
* update whitelist IP address and add warning in workspace constants to avoid usage in the client * [docs] platform milestone 11 (#8847) * [docs]reset password * [docs]edit+archive flow * [docs]updated docs in v2.29 and v2.30 * [docs]github ssouserinfo * [docs] openid - id_token_encrypted * Change docker image build's slack message * [docs]archive/unarchive workspaces:superadmin (#8880) * mention that workspace constants will not work with workspace constants (#8887) * update release notes and project overview sidebar (#8884) * add rgba example for timeline doc (#8892) * update commands and solution for migration issues * minor grammar fix * [docs] revamped how-to guides (#8688) * [docs]revamped howto: serverside pagination * [docs]revamp howto: import ext. js libs * [docs]revamp howto:run actions from js query * [docs]revamp howto: intentionally fail js query * updated run query at specified * revamped how to: use to_py * [docs]updated how to access users location * updated howtos in v2.30 * Add new templates - batch 3 --------- Co-authored-by: Karan Rathod <karan.altcampus@gmail.com> Co-authored-by: Adish M <44204658+adishM98@users.noreply.github.com> Co-authored-by: Shubhendra Singh Chauhan <withshubh@gmail.com> Co-authored-by: Adish M <adish.madhu@gmail.com> Co-authored-by: Akshay <akshaysasidharan93@gmail.com>
22398 lines
No EOL
907 KiB
JSON
22398 lines
No EOL
907 KiB
JSON
{
|
|
"tooljet_database": [
|
|
{
|
|
"id": "3a10a0e5-07f8-4bb8-beba-c1f14c0b4342",
|
|
"table_name": "employee_feedback",
|
|
"schema": {
|
|
"columns": [
|
|
{
|
|
"column_name": "id",
|
|
"data_type": "integer",
|
|
"column_default": "nextval('\"3a10a0e5-07f8-4bb8-beba-c1f14c0b4342_id_seq\"'::regclass)",
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "NO",
|
|
"constraint_type": "PRIMARY KEY",
|
|
"keytype": "PRIMARY KEY"
|
|
},
|
|
{
|
|
"column_name": "name",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "email",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "designation",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "department",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "employee_id",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "overall_score",
|
|
"data_type": "integer",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "teamwork_score",
|
|
"data_type": "integer",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "communication_score",
|
|
"data_type": "integer",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "skillset_score",
|
|
"data_type": "integer",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "notes",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "headshot",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
}
|
|
]
|
|
}
|
|
}
|
|
],
|
|
"app": [
|
|
{
|
|
"definition": {
|
|
"appV2": {
|
|
"id": "23985795-624b-484a-9ff7-4764225c0c6f",
|
|
"type": "front-end",
|
|
"name": "Employee feedback",
|
|
"slug": "23985795-624b-484a-9ff7-4764225c0c6f",
|
|
"isPublic": false,
|
|
"isMaintenanceOn": false,
|
|
"icon": "grid",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"currentVersionId": null,
|
|
"userId": "255e4bf9-ba1e-458e-9269-030735c526ad",
|
|
"workflowApiToken": null,
|
|
"workflowEnabled": false,
|
|
"createdAt": "2024-01-03T09:48:29.233Z",
|
|
"creationMode": "DEFAULT",
|
|
"updatedAt": "2024-02-23T19:13:55.795Z",
|
|
"editingVersion": {
|
|
"id": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"name": "v1",
|
|
"definition": {
|
|
"showViewerNavigation": false,
|
|
"homePageId": "dc140207-cb7b-48b6-9882-463b5ce4bfa0",
|
|
"pages": {
|
|
"dc140207-cb7b-48b6-9882-463b5ce4bfa0": {
|
|
"components": {
|
|
"2341d610-31ac-4e54-8158-ad17b2bda8c5": {
|
|
"id": "2341d610-31ac-4e54-8158-ad17b2bda8c5",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "0"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container1",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 0,
|
|
"left": 0,
|
|
"width": 43,
|
|
"height": 70
|
|
}
|
|
}
|
|
},
|
|
"c16bc877-a279-4797-aa52-d5f9de3e23d8": {
|
|
"id": "c16bc877-a279-4797-aa52-d5f9de3e23d8",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{24}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": "{{0}}"
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "B R A N D"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text1",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 2.3255827912519793,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "2341d610-31ac-4e54-8158-ad17b2bda8c5"
|
|
},
|
|
"9491e94a-d2fb-4564-8bf8-807fdb2d7c1c": {
|
|
"id": "9491e94a-d2fb-4564-8bf8-807fdb2d7c1c",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee Feedback"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 67.44185981400516,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "2341d610-31ac-4e54-8158-ad17b2bda8c5"
|
|
},
|
|
"3fbadc70-1e0c-4080-8465-f5beb99d8c9c": {
|
|
"id": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c",
|
|
"component": {
|
|
"properties": {
|
|
"buttonToSubmit": {
|
|
"type": "select",
|
|
"displayName": "Button To Submit Form",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
},
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": " Use custom schema"
|
|
},
|
|
"JSONSchema": {
|
|
"type": "code",
|
|
"displayName": "JSON Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSubmit": {
|
|
"displayName": "On submit"
|
|
},
|
|
"onInvalid": {
|
|
"displayName": "On invalid"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.removeEmployee.isLoading || queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"JSONSchema": {
|
|
"value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}"
|
|
},
|
|
"buttonToSubmit": {
|
|
"value": "none"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "form1",
|
|
"displayName": "Form",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 13,
|
|
"height": 330
|
|
},
|
|
"defaultChildren": [
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 40,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 17
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"styles": [
|
|
"fontWeight",
|
|
"textSize",
|
|
"textColor"
|
|
],
|
|
"defaultValue": {
|
|
"text": "User Details",
|
|
"fontWeight": "bold",
|
|
"textSize": 20,
|
|
"textColor": "#000"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 90,
|
|
"left": 10,
|
|
"height": 30
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Name"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 160,
|
|
"left": 10,
|
|
"height": 30
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Age"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "TextInput",
|
|
"layout": {
|
|
"top": 120,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 25
|
|
},
|
|
"properties": [
|
|
"placeholder"
|
|
],
|
|
"defaultValue": {
|
|
"placeholder": "Enter your name"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "NumberInput",
|
|
"layout": {
|
|
"top": 190,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 25
|
|
},
|
|
"properties": [
|
|
"value"
|
|
],
|
|
"styles": [
|
|
"borderColor"
|
|
],
|
|
"defaultValue": {
|
|
"value": 24,
|
|
"borderColor": "#dadcde"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Button",
|
|
"layout": {
|
|
"top": 240,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 10
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Submit"
|
|
}
|
|
}
|
|
],
|
|
"component": "Form",
|
|
"exposedVariables": {
|
|
"data": {},
|
|
"isValid": true
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "submitForm",
|
|
"displayName": "Submit Form"
|
|
},
|
|
{
|
|
"handle": "resetForm",
|
|
"displayName": "Reset Form"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 69.76744794554982,
|
|
"width": 12,
|
|
"height": 610
|
|
}
|
|
}
|
|
},
|
|
"f2f868fd-e094-4d3e-aba5-e0f2cd1dfc80": {
|
|
"id": "f2f868fd-e094-4d3e-aba5-e0f2cd1dfc80",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) != undefined ? \"EMPLOYEE DETAILS\" : \"SELECT A ROW TO VIEW DETAILS\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text3",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 6.976745455952444,
|
|
"width": 32,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"0a1ce642-e2bb-4692-8739-92bc1701fbae": {
|
|
"id": "0a1ce642-e2bb-4692-8739-92bc1701fbae",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider1",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 4.651162790697675,
|
|
"width": 39.00000000000001,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"070de3f9-6dcd-47c2-ba94-7a0e23e83325": {
|
|
"id": "070de3f9-6dcd-47c2-ba94-7a0e23e83325",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "{{components?.table1?.selectedRow?.image_data ?? \"https://www.svgrepo.com/show/444673/user.svg\"}}"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image1",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 70,
|
|
"left": 6.976745455952444,
|
|
"width": 14,
|
|
"height": 110
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"8e239119-cede-482d-8345-b09e8120f7b5": {
|
|
"id": "8e239119-cede-482d-8345-b09e8120f7b5",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.name ?? \"Employee Name\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text4",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 44.18605455436548,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"4920d788-cebb-48f7-a2d0-5c7f766d0fa7": {
|
|
"id": "4920d788-cebb-48f7-a2d0-5c7f766d0fa7",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "italic"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.designation ?? \"Employee Designation\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 44.18604651162791,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"773665fb-3291-48ad-a2a0-1274bbf91abb": {
|
|
"id": "773665fb-3291-48ad-a2a0-1274bbf91abb",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.id ?? \"Employee ID\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text6",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 44.18603992819973,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"072ff68a-bd4c-4284-8051-9f3e89cd783f": {
|
|
"id": "072ff68a-bd4c-4284-8051-9f3e89cd783f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Overall"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text7",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 6.97671584966582,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"39be278f-7ddc-4e75-a77a-6597c56b03b5": {
|
|
"id": "39be278f-7ddc-4e75-a77a-6597c56b03b5",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Teamwork"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text8",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 6.9767700673410635,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"a44b5906-a74c-4171-a321-b4899e38c1a8": {
|
|
"id": "a44b5906-a74c-4171-a321-b4899e38c1a8",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Communication"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text9",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 6.976725034594776,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"dfc3b2ef-4ddf-48d8-91ef-f79d84c12b12": {
|
|
"id": "dfc3b2ef-4ddf-48d8-91ef-f79d84c12b12",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Skillset"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text10",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 340,
|
|
"left": 6.976760736701279,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"dc364e6c-6ba2-43c7-a8b5-8e72ba46d18c": {
|
|
"id": "dc364e6c-6ba2-43c7-a8b5-8e72ba46d18c",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": false
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editemailtextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.form1.data.editemailtextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.email}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput1",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 41.86044855841798,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"3477d0f5-075d-4012-b3ba-3935a298d5ee": {
|
|
"id": "3477d0f5-075d-4012-b3ba-3935a298d5ee",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editphonenotextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^[6-9]\\d{9}$/.test(components.form1.data.editphonenotextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.phone_no}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput2",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 41.86041269782743,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"c46a6e77-ed64-42f8-a987-8d3aef1dfc3a": {
|
|
"id": "c46a6e77-ed64-42f8-a987-8d3aef1dfc3a",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editdepartmenttextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editdepartmenttextinput?.value ?? \"\").length > 0 ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.department}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput3",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 41.860474366050234,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"92bd2a9f-acb7-40ec-b10e-076a0c097d5a": {
|
|
"id": "92bd2a9f-acb7-40ec-b10e-076a0c097d5a",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editbloodgrouptextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^(A|B|AB|O)(\\+|-)$/.test(components.form1.data.editbloodgrouptextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.blood_group}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput4",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 340,
|
|
"left": 41.86045855100046,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"7b58add9-aab8-4fc3-b954-8a9ffc60c792": {
|
|
"id": "7b58add9-aab8-4fc3-b954-8a9ffc60c792",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider2",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 530,
|
|
"left": 4.651159748611298,
|
|
"width": 39.00000000000001,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"59d13fe1-ead9-401a-959d-a2fc6ad81bce": {
|
|
"id": "59d13fe1-ead9-401a-959d-a2fc6ad81bce",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e",
|
|
"queryName": "removeEmployee",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"textColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Delete"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.removeEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 550,
|
|
"left": 39.53488193106961,
|
|
"width": 11.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"d60133f7-51b9-43bc-bd61-bd7fbc678968": {
|
|
"id": "d60133f7-51b9-43bc-bd61-bd7fbc678968",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "83a1826f-9082-4f56-b020-d18554f767e4",
|
|
"queryName": "updateEmployee",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || !components.form1.data.editemailtextinput.isValid || !components.form1.data.editphonenotextinput.isValid || !components.form1.data.editdepartmenttextinput.isValid || !components.form1.data.editbloodgrouptextinput.isValid || !components.form1.data.editdateofjoiningdatepicker.isValid || !components.form1.data.editdateofbirthdatepicker.isValid || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length < 1}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button2",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 550,
|
|
"left": 67.44185987527574,
|
|
"width": 10.999999999999998,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"dfb10b60-4fbb-48b0-a3d3-db1cbe5566f1": {
|
|
"id": "dfb10b60-4fbb-48b0-a3d3-db1cbe5566f1",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Employee"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button3",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110.00003051757812,
|
|
"left": 55.81396193731399,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"5c289899-8427-4c28-b0b4-d4ea348e6c98": {
|
|
"id": "5c289899-8427-4c28-b0b4-d4ea348e6c98",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{!queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text14",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 2.3255791856255725,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"a1a2b0e1-b856-4050-a20d-65f830020bd0": {
|
|
"id": "a1a2b0e1-b856-4050-a20d-65f830020bd0",
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "string",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "code",
|
|
"displayName": "Table data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "object"
|
|
},
|
|
"optional": true
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columns": {
|
|
"type": "array",
|
|
"displayName": "Table Columns"
|
|
},
|
|
"useDynamicColumn": {
|
|
"type": "toggle",
|
|
"displayName": "Use dynamic column",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columnData": {
|
|
"type": "code",
|
|
"displayName": "Column data"
|
|
},
|
|
"rowsPerPage": {
|
|
"type": "code",
|
|
"displayName": "Number of rows per page",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enableNextButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable next page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enabledSort": {
|
|
"type": "toggle",
|
|
"displayName": "Enable column sorting",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide column selector button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enablePrevButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable previous page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"totalRecords": {
|
|
"type": "code",
|
|
"displayName": "Total records server side",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enablePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Enable pagination",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSidePagination": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideSearch": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSideSort": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideFilter": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"defaultValue": "clientSide"
|
|
},
|
|
"actionButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"displaySearchBox": {
|
|
"type": "toggle",
|
|
"displayName": "Show search",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showDownloadButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show download button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showFilterButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable filtering",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"type": "toggle",
|
|
"displayName": "Show update buttons",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"allowSelection": {
|
|
"type": "toggle",
|
|
"displayName": "Allow selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkSelector": {
|
|
"type": "toggle",
|
|
"displayName": "Bulk selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"highlightSelectedRow": {
|
|
"type": "toggle",
|
|
"displayName": "Highlight selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"showAddNewRowButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show add new row button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop "
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onRowHovered": {
|
|
"displayName": "Row hovered"
|
|
},
|
|
"onRowClicked": {
|
|
"displayName": "Row clicked"
|
|
},
|
|
"onBulkUpdate": {
|
|
"displayName": "Save changes"
|
|
},
|
|
"onPageChanged": {
|
|
"displayName": "Page changed"
|
|
},
|
|
"onSearch": {
|
|
"displayName": "Search"
|
|
},
|
|
"onCancelChanges": {
|
|
"displayName": "Cancel changes"
|
|
},
|
|
"onSort": {
|
|
"displayName": "Sort applied"
|
|
},
|
|
"onCellValueChanged": {
|
|
"displayName": "Cell value changed"
|
|
},
|
|
"onFilterChanged": {
|
|
"displayName": "Filter changed"
|
|
},
|
|
"onNewRowsAdded": {
|
|
"displayName": "Add new rows"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonRadius": {
|
|
"type": "code",
|
|
"displayName": "Action Button Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"tableType": {
|
|
"type": "select",
|
|
"displayName": "Table type",
|
|
"options": [
|
|
{
|
|
"name": "Bordered",
|
|
"value": "table-bordered"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "table-classic"
|
|
},
|
|
{
|
|
"name": "Striped",
|
|
"value": "table-striped"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"cellSize": {
|
|
"type": "select",
|
|
"displayName": "Cell size",
|
|
"options": [
|
|
{
|
|
"name": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getEmployees.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"enablePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "name",
|
|
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "email",
|
|
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "c13331c3-7040-4b47-90a1-10c5245bd110",
|
|
"name": "designation",
|
|
"key": "designation",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "4ed1e639-52e7-4df4-99aa-e25b57b5c52b",
|
|
"name": "department",
|
|
"key": "department",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "ac7129df-ff8a-42aa-9798-e1a4099b8f46",
|
|
"name": "Overall feedback score",
|
|
"key": "phone_no",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "a249ad47-c52d-43e5-b384-fa54122914a7",
|
|
"name": "Teamwork score",
|
|
"key": "blood_group",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "568ce851-ae8f-4ebc-be26-c5a5eae89a57",
|
|
"name": "Communication score",
|
|
"key": "date_of_joining",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "61ad21ce-70e5-4c4e-97e1-2f576c690dbe",
|
|
"name": "Skillset score",
|
|
"key": "date_of_birth",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "de287f35-26ef-4fac-b574-a265d22d9232",
|
|
"name": "Additonal notes",
|
|
"key": "address",
|
|
"columnType": "text",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 149,
|
|
"db258ca5-d4f5-4b22-a667-143882f7f004": 123,
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 168,
|
|
"c13331c3-7040-4b47-90a1-10c5245bd110": 180
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": []
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"new_column1",
|
|
"Department",
|
|
"Title",
|
|
"image_data"
|
|
]
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "table1",
|
|
"displayName": "Table",
|
|
"description": "Display paginated tabular data",
|
|
"component": "Table",
|
|
"defaultSize": {
|
|
"width": 28.86,
|
|
"height": 456
|
|
},
|
|
"exposedVariables": {
|
|
"selectedRow": {},
|
|
"changeSet": {},
|
|
"dataUpdates": [],
|
|
"pageIndex": 1,
|
|
"searchText": "",
|
|
"selectedRows": [],
|
|
"filters": []
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setPage",
|
|
"displayName": "Set page",
|
|
"params": [
|
|
{
|
|
"handle": "page",
|
|
"displayName": "Page",
|
|
"defaultValue": "{{1}}"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "selectRow",
|
|
"displayName": "Select row",
|
|
"params": [
|
|
{
|
|
"handle": "key",
|
|
"displayName": "Key"
|
|
},
|
|
{
|
|
"handle": "value",
|
|
"displayName": "Value"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "deselectRow",
|
|
"displayName": "Deselect row"
|
|
},
|
|
{
|
|
"handle": "discardChanges",
|
|
"displayName": "Discard Changes"
|
|
},
|
|
{
|
|
"handle": "discardNewlyAddedRows",
|
|
"displayName": "Discard newly added rows"
|
|
},
|
|
{
|
|
"displayName": "Download table data",
|
|
"handle": "downloadTableData",
|
|
"params": [
|
|
{
|
|
"handle": "type",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"name": "Download as Excel",
|
|
"value": "xlsx"
|
|
},
|
|
{
|
|
"name": "Download as CSV",
|
|
"value": "csv"
|
|
},
|
|
{
|
|
"name": "Download as PDF",
|
|
"value": "pdf"
|
|
}
|
|
],
|
|
"defaultValue": "{{Download as Excel}}",
|
|
"type": "select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160.00001525878906,
|
|
"left": 2.325578288596377,
|
|
"width": 28,
|
|
"height": 610
|
|
}
|
|
}
|
|
},
|
|
"b9d81a3c-dc7c-461e-9c2f-35ad33557ed4": {
|
|
"id": "b9d81a3c-dc7c-461e-9c2f-35ad33557ed4",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Additional notes"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text12",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 390,
|
|
"left": 6.976749703235424,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"9a3d65ac-acb3-4f51-8d68-6c4ebe33bd41": {
|
|
"id": "9a3d65ac-acb3-4f51-8d68-6c4ebe33bd41",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editbloodgrouptextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^(A|B|AB|O)(\\+|-)$/.test(components.form1.data.editbloodgrouptextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.blood_group}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput5",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 390,
|
|
"left": 41.86047805877559,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"03802613-4fd1-439b-9b40-ae8c8bf771d2": {
|
|
"id": "03802613-4fd1-439b-9b40-ae8c8bf771d2",
|
|
"component": {
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Primary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryValue": {
|
|
"type": "code",
|
|
"displayName": "Primary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideSecondary": {
|
|
"type": "toggle",
|
|
"displayName": "Hide secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Secondary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValue": {
|
|
"type": "code",
|
|
"displayName": "Secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondarySignDisplay": {
|
|
"type": "code",
|
|
"displayName": "Secondary sign display",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Primary label colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Primary text colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary label colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary text colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "#36AF8B"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": ""
|
|
},
|
|
"primaryValue": {
|
|
"value": ""
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Avg employee"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "2.85"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "positive"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "statistics1",
|
|
"displayName": "Statistics",
|
|
"description": "Show key metrics",
|
|
"component": "Statistics",
|
|
"defaultSize": {
|
|
"width": 9.2,
|
|
"height": 152
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 430,
|
|
"left": 44.18604651162791,
|
|
"width": 20.999999999999996,
|
|
"height": 90
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"e9ba2d45-9daf-4461-8565-1637a263b9cc": {
|
|
"id": "e9ba2d45-9daf-4461-8565-1637a263b9cc",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Peer comparison"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text13",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 430,
|
|
"left": 6.976744186046512,
|
|
"width": 15,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
}
|
|
},
|
|
"handle": "home",
|
|
"name": "Home"
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "#f8f9fa",
|
|
"backgroundFxQuery": "#f8f9fa"
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"showViewerNavigation": false,
|
|
"homePageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"appId": "23985795-624b-484a-9ff7-4764225c0c6f",
|
|
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"promotedFrom": null,
|
|
"createdAt": "2024-01-03T09:48:29.253Z",
|
|
"updatedAt": "2024-02-23T21:42:37.310Z"
|
|
},
|
|
"components": [
|
|
{
|
|
"id": "f6940a0e-3c6f-4069-b992-1d33e1608ece",
|
|
"name": "text16",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee ID"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:04:21.540Z",
|
|
"layouts": [
|
|
{
|
|
"id": "49aadaad-829d-42ee-8bdb-7b4c37c3253c",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 4.651162790697675,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "f6940a0e-3c6f-4069-b992-1d33e1608ece"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4fc805bb-2f33-4477-9994-748f58dbabb1",
|
|
"name": "text1",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "4049c7ef-b063-4130-9833-caf3251bb5aa",
|
|
"properties": {
|
|
"text": {
|
|
"value": "B R A N D"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{24}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": "{{0}}"
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T21:51:01.610Z",
|
|
"layouts": [
|
|
{
|
|
"id": "eb9848d3-dc35-4f6e-8db5-124faf9413e7",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 2.3255827912519793,
|
|
"width": 6,
|
|
"height": 40,
|
|
"componentId": "4fc805bb-2f33-4477-9994-748f58dbabb1"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "a88946ef-7a93-4721-ac7f-c507d0bd06d9",
|
|
"name": "text3",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) != undefined ? \"EMPLOYEE DETAILS\" : \"SELECT A ROW TO VIEW DETAILS\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b6d66645-227e-4a12-8774-1175b8f3ee97",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 6.976745455952444,
|
|
"width": 32,
|
|
"height": 40,
|
|
"componentId": "a88946ef-7a93-4721-ac7f-c507d0bd06d9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ed3721a5-4c8c-4056-b91b-6d0eb8f44e8e",
|
|
"name": "divider1",
|
|
"type": "Divider",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {},
|
|
"general": null,
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "f10fa4f0-2ff6-451e-9094-df1907d23baa",
|
|
"type": "desktop",
|
|
"top": 50,
|
|
"left": 4.651162790697675,
|
|
"width": 39.00000000000001,
|
|
"height": 10,
|
|
"componentId": "ed3721a5-4c8c-4056-b91b-6d0eb8f44e8e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "1e733b38-6a8c-46a1-aa69-9d84f0c9ea64",
|
|
"name": "divider2",
|
|
"type": "Divider",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {},
|
|
"general": null,
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "fbe4a80c-142e-4162-a2a6-8172ceb39560",
|
|
"type": "desktop",
|
|
"top": 530,
|
|
"left": 4.651159748611298,
|
|
"width": 39.00000000000001,
|
|
"height": 10,
|
|
"componentId": "1e733b38-6a8c-46a1-aa69-9d84f0c9ea64"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f2d4b794-82f6-46c6-916e-c197934cb84b",
|
|
"name": "text13",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Peer comparison"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "77cc4e29-067a-4eb0-91f8-a6d43afa0b78",
|
|
"type": "desktop",
|
|
"top": 430,
|
|
"left": 6.976744186046512,
|
|
"width": 15,
|
|
"height": 40,
|
|
"componentId": "f2d4b794-82f6-46c6-916e-c197934cb84b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "69dc9f4e-d8b2-4e43-9e6d-f02649cb7f26",
|
|
"name": "statistics1",
|
|
"type": "Statistics",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": ""
|
|
},
|
|
"primaryValue": {
|
|
"value": ""
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "{{queries.peerComparison.data.peerComparisonType}}"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{JSON.stringify(queries.peerComparison.data.peerComparisonScore)}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{queries?.peerComparison?.data?.peerComparisonScore >= 5 ? 'positive' : 'negative' }}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "#36AF8B"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d3dc2618-b3bf-49f1-93d0-72f2a44c30f4",
|
|
"type": "desktop",
|
|
"top": 430,
|
|
"left": 41.86046511627907,
|
|
"width": 22,
|
|
"height": 90,
|
|
"componentId": "69dc9f4e-d8b2-4e43-9e6d-f02649cb7f26"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "85bb8fd8-07a5-45bc-96d5-b7c6806430cc",
|
|
"name": "numberinput1",
|
|
"type": "NumberInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.overall_score}}"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"maxValue": {
|
|
"value": "10"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{0}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"backgroundColor": {
|
|
"fxActive": false,
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:08:17.996Z",
|
|
"layouts": [
|
|
{
|
|
"id": "31dac260-146c-4356-8f1e-72da87e4c121",
|
|
"type": "mobile",
|
|
"top": 220,
|
|
"left": 44.18604651162791,
|
|
"width": 9.30232558139535,
|
|
"height": 30,
|
|
"componentId": "85bb8fd8-07a5-45bc-96d5-b7c6806430cc"
|
|
},
|
|
{
|
|
"id": "572ecac7-8366-42d4-84c8-eddeb908801e",
|
|
"type": "desktop",
|
|
"top": 180,
|
|
"left": 41.86050068876311,
|
|
"width": 22.000000000000004,
|
|
"height": 40,
|
|
"componentId": "85bb8fd8-07a5-45bc-96d5-b7c6806430cc"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "61f4a1d0-2f16-487c-8d6a-57efcb84b504",
|
|
"name": "numberinput2",
|
|
"type": "NumberInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.teamwork_score}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "10"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{0}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"backgroundColor": {
|
|
"fxActive": false,
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:14:22.428Z",
|
|
"layouts": [
|
|
{
|
|
"id": "91e0f690-4315-4ab9-bd19-a9ded8f5a200",
|
|
"type": "mobile",
|
|
"top": 220,
|
|
"left": 44.18604651162791,
|
|
"width": 9.30232558139535,
|
|
"height": 30,
|
|
"componentId": "61f4a1d0-2f16-487c-8d6a-57efcb84b504"
|
|
},
|
|
{
|
|
"id": "3903fc95-526a-402f-8634-6b7ef40d3c70",
|
|
"type": "desktop",
|
|
"top": 230,
|
|
"left": 41.860444782666214,
|
|
"width": 22.000000000000004,
|
|
"height": 40,
|
|
"componentId": "61f4a1d0-2f16-487c-8d6a-57efcb84b504"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2b02f090-7620-4ccc-b815-c5721b5f60a0",
|
|
"name": "numberinput3",
|
|
"type": "NumberInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.communication_score}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "10"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{0}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"backgroundColor": {
|
|
"fxActive": false,
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:14:42.925Z",
|
|
"layouts": [
|
|
{
|
|
"id": "9287a296-0706-4ef4-9cde-bdc74c0e76b1",
|
|
"type": "mobile",
|
|
"top": 220,
|
|
"left": 44.18604651162791,
|
|
"width": 9.30232558139535,
|
|
"height": 30,
|
|
"componentId": "2b02f090-7620-4ccc-b815-c5721b5f60a0"
|
|
},
|
|
{
|
|
"id": "8053e559-6d86-4851-8d9b-6c0a247e96e9",
|
|
"type": "desktop",
|
|
"top": 280,
|
|
"left": 41.86052520987187,
|
|
"width": 22.000000000000004,
|
|
"height": 40,
|
|
"componentId": "2b02f090-7620-4ccc-b815-c5721b5f60a0"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "b291084e-33eb-481c-9ad1-6a94a062044c",
|
|
"name": "numberinput4",
|
|
"type": "NumberInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.skillset_score}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "10"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{0}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"backgroundColor": {
|
|
"fxActive": false,
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:15:01.966Z",
|
|
"layouts": [
|
|
{
|
|
"id": "0442ef79-dd0c-46c1-ab0e-9e1cbad7f58a",
|
|
"type": "mobile",
|
|
"top": 220,
|
|
"left": 44.18604651162791,
|
|
"width": 9.30232558139535,
|
|
"height": 30,
|
|
"componentId": "b291084e-33eb-481c-9ad1-6a94a062044c"
|
|
},
|
|
{
|
|
"id": "eeada440-9707-4fb7-b81a-a14f6dc86d6a",
|
|
"type": "desktop",
|
|
"top": 330,
|
|
"left": 41.8604455496836,
|
|
"width": 22.000000000000004,
|
|
"height": 40,
|
|
"componentId": "b291084e-33eb-481c-9ad1-6a94a062044c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "88b56dca-44be-4c2b-841f-9ed42c34dc25",
|
|
"name": "textinput1",
|
|
"type": "TextInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"placeholder": {
|
|
"value": "Additional notes"
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.notes}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "e84fc369-e0fa-4f13-ad67-6f2c9d04320a",
|
|
"type": "mobile",
|
|
"top": 390,
|
|
"left": 41.860465116279066,
|
|
"width": 13.953488372093023,
|
|
"height": 30,
|
|
"componentId": "88b56dca-44be-4c2b-841f-9ed42c34dc25"
|
|
},
|
|
{
|
|
"id": "1af996c8-f334-4fcf-873b-28a502972f5c",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 41.86045039176191,
|
|
"width": 22.000000000000004,
|
|
"height": 40,
|
|
"componentId": "88b56dca-44be-4c2b-841f-9ed42c34dc25"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "b63da444-452c-436d-9bcc-8a803fba4f88",
|
|
"name": "textarea2",
|
|
"type": "TextArea",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Some additional notes"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "cf6e58ba-c537-421f-814b-b8439a00e6c7",
|
|
"type": "mobile",
|
|
"top": 30,
|
|
"left": 18.6046511627907,
|
|
"width": 13.953488372093023,
|
|
"height": 100,
|
|
"componentId": "b63da444-452c-436d-9bcc-8a803fba4f88"
|
|
},
|
|
{
|
|
"id": "2fa94dec-b249-4696-89d0-752670a2aa86",
|
|
"type": "desktop",
|
|
"top": 720,
|
|
"left": 27.906976744186046,
|
|
"width": 29,
|
|
"height": 70,
|
|
"componentId": "b63da444-452c-436d-9bcc-8a803fba4f88"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "be958f76-5690-406a-94e2-f7e3a5af4a4f",
|
|
"name": "divider3",
|
|
"type": "Divider",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {},
|
|
"general": null,
|
|
"styles": {
|
|
"dividerColor": {
|
|
"value": "#8888884d"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "ee2d8779-5fb0-4286-aff7-1238b5fd0cf8",
|
|
"type": "desktop",
|
|
"top": 810,
|
|
"left": 2.325560512113544,
|
|
"width": 41,
|
|
"height": 10,
|
|
"componentId": "be958f76-5690-406a-94e2-f7e3a5af4a4f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4c0285e3-dadf-496a-a461-3ee360eafbfa",
|
|
"name": "numberinput6",
|
|
"type": "NumberInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.overall_score}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "10"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{0}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"backgroundColor": {
|
|
"fxActive": false,
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:27:03.292Z",
|
|
"layouts": [
|
|
{
|
|
"id": "077e1089-c5be-41ee-97ff-7d642e7407bc",
|
|
"type": "mobile",
|
|
"top": 220,
|
|
"left": 44.18604651162791,
|
|
"width": 9.30232558139535,
|
|
"height": 30,
|
|
"componentId": "4c0285e3-dadf-496a-a461-3ee360eafbfa"
|
|
},
|
|
{
|
|
"id": "5b89ca7f-80c2-41e6-bd4e-d79a39e9f5f3",
|
|
"type": "desktop",
|
|
"top": 650,
|
|
"left": 27.906963408456907,
|
|
"width": 17,
|
|
"height": 40,
|
|
"componentId": "4c0285e3-dadf-496a-a461-3ee360eafbfa"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "32dbd303-a894-4c7e-a636-9ef15922d8b1",
|
|
"name": "numberinput7",
|
|
"type": "NumberInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.overall_score}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "10"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{0}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"backgroundColor": {
|
|
"fxActive": false,
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:26:42.651Z",
|
|
"layouts": [
|
|
{
|
|
"id": "87011ef4-33aa-4afd-8315-de05699bd93d",
|
|
"type": "mobile",
|
|
"top": 220,
|
|
"left": 44.18604651162791,
|
|
"width": 9.30232558139535,
|
|
"height": 30,
|
|
"componentId": "32dbd303-a894-4c7e-a636-9ef15922d8b1"
|
|
},
|
|
{
|
|
"id": "d8fda446-4886-46fe-aa83-4ff4e0db7946",
|
|
"type": "desktop",
|
|
"top": 440,
|
|
"left": 27.90696149841291,
|
|
"width": 17,
|
|
"height": 40,
|
|
"componentId": "32dbd303-a894-4c7e-a636-9ef15922d8b1"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "39d99e23-df29-49eb-a596-04d76b3dbe4f",
|
|
"name": "text2",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "4049c7ef-b063-4130-9833-caf3251bb5aa",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee feedback"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-23T19:14:53.525Z",
|
|
"layouts": [
|
|
{
|
|
"id": "ead62828-b8c7-4a0d-bca8-4421a105bfe7",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 69.76744239469483,
|
|
"width": 12,
|
|
"height": 40,
|
|
"componentId": "39d99e23-df29-49eb-a596-04d76b3dbe4f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ab3504f2-d604-4b04-ae99-63f8b1bf27f7",
|
|
"name": "textinput2",
|
|
"type": "TextInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"placeholder": {
|
|
"value": "Headshot image URL"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {
|
|
"customRule": {
|
|
"value": ""
|
|
},
|
|
"regex": {
|
|
"value": "\\bhttps:\\/\\/[^\\s]+(?:\\.png|\\.jpg)\\b"
|
|
}
|
|
},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:16:04.418Z",
|
|
"layouts": [
|
|
{
|
|
"id": "adf5b62b-411f-42fc-aa8e-506f1127c55b",
|
|
"type": "desktop",
|
|
"top": 90,
|
|
"left": 27.90698003357747,
|
|
"width": 29,
|
|
"height": 40,
|
|
"componentId": "ab3504f2-d604-4b04-ae99-63f8b1bf27f7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "e72b41ff-3504-4591-913d-e1a5fe63c3f7",
|
|
"name": "image1",
|
|
"type": "Image",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"source": {
|
|
"value": "{{components?.table1?.selectedRow?.headshot ?? \"https://www.svgrepo.com/show/444673/user.svg\"}}"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "rounded"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "1944d3d9-ffb5-4cc7-899f-6c47ab7d8018",
|
|
"type": "desktop",
|
|
"top": 70,
|
|
"left": 6.9767441860465125,
|
|
"width": 11.000000000000002,
|
|
"height": 90,
|
|
"componentId": "e72b41ff-3504-4591-913d-e1a5fe63c3f7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"name": "modal1",
|
|
"type": "Modal",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": null,
|
|
"properties": {
|
|
"title": {
|
|
"value": "ADD EMPLOYEE"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "900px"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "var(--indigo10)",
|
|
"fxActive": false
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:22:38.288Z",
|
|
"layouts": [
|
|
{
|
|
"id": "95c1463b-712d-4b70-8e8a-443b606f4a17",
|
|
"type": "desktop",
|
|
"top": 800,
|
|
"left": 2.325583146168665,
|
|
"width": 6,
|
|
"height": 40,
|
|
"componentId": "6d326401-62a3-43c8-82a2-eed74b492aef"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "1fc530a7-5e6b-4eae-9404-dcc8cdb6cdd2",
|
|
"name": "text4",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.name ?? \"Employee Name\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a7527355-65f0-4df2-a5e5-0b496e191509",
|
|
"type": "desktop",
|
|
"top": 70,
|
|
"left": 34.883720930232556,
|
|
"width": 26.000000000000004,
|
|
"height": 30,
|
|
"componentId": "1fc530a7-5e6b-4eae-9404-dcc8cdb6cdd2"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4950177c-0893-4065-b823-b98626cd9389",
|
|
"name": "text6",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.employee_id ?? \"Employee ID\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "50936c42-090c-4fb0-ad17-60d2f92c4bc1",
|
|
"type": "desktop",
|
|
"top": 130,
|
|
"left": 34.883720930232556,
|
|
"width": 26.000000000000004,
|
|
"height": 30,
|
|
"componentId": "4950177c-0893-4065-b823-b98626cd9389"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "e6addbf0-3ea7-4d9d-8d82-840bf1333bdd",
|
|
"name": "text5",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.designation ?? \"Employee Designation\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "italic"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "83ec6948-638c-41ab-8532-3d16a81f680f",
|
|
"type": "desktop",
|
|
"top": 100,
|
|
"left": 34.88372727976222,
|
|
"width": 26.000000000000004,
|
|
"height": 30,
|
|
"componentId": "e6addbf0-3ea7-4d9d-8d82-840bf1333bdd"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "74640bce-3012-4617-b9ed-e45c90095efd",
|
|
"name": "text12",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Additional notes"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "6bf35f72-0144-47ce-b1c5-603f937cb0d1",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 6.976733593924185,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "74640bce-3012-4617-b9ed-e45c90095efd"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4a7237e9-b7e3-43ca-8d8e-24125a31a1b5",
|
|
"name": "text8",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Teamwork"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "86b3ea54-9ee5-4521-9a2c-a5d316f7f0c0",
|
|
"type": "desktop",
|
|
"top": 230,
|
|
"left": 6.976765104543456,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "4a7237e9-b7e3-43ca-8d8e-24125a31a1b5"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "44f60c14-a56b-49f9-a54c-9df0e9300612",
|
|
"name": "text7",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Overall"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "07aee387-1adf-4070-9e20-76a97c14e5d4",
|
|
"type": "desktop",
|
|
"top": 180,
|
|
"left": 6.976702388406988,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "44f60c14-a56b-49f9-a54c-9df0e9300612"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "fcacaff0-cfb6-4bd5-8406-827ef0148da3",
|
|
"name": "text14",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": null,
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "var(--indigo10)",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{!queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:20:19.316Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d2ef19a7-440c-41bf-8cec-19d213e5f63c",
|
|
"type": "desktop",
|
|
"top": 110,
|
|
"left": 2.3255845921689686,
|
|
"width": 12,
|
|
"height": 40,
|
|
"componentId": "fcacaff0-cfb6-4bd5-8406-827ef0148da3"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9f21ba5c-c539-45a5-a72e-ca5196969b6b",
|
|
"name": "text10",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Skillset"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "f4f9e10e-1eb4-4a17-a88d-0b399f6a4f91",
|
|
"type": "desktop",
|
|
"top": 330,
|
|
"left": 6.976745938925399,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "9f21ba5c-c539-45a5-a72e-ca5196969b6b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "239d42a0-b35b-46de-a478-14bd93d38654",
|
|
"name": "text9",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Communication"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "6beb9038-2833-4a03-b137-6790947d1071",
|
|
"type": "desktop",
|
|
"top": 280,
|
|
"left": 6.976751433794644,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "239d42a0-b35b-46de-a478-14bd93d38654"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8cc5c1c8-d154-4a1b-83f0-140b40f89cf8",
|
|
"name": "button2",
|
|
"type": "Button",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!(variables?.isEmployeeDetailsUpdated ?? false)}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:07:44.841Z",
|
|
"layouts": [
|
|
{
|
|
"id": "700881b9-68ee-4c8b-94fb-5a2e4cd2ed8c",
|
|
"type": "desktop",
|
|
"top": 550,
|
|
"left": 67.4418818727193,
|
|
"width": 10.999999999999998,
|
|
"height": 40,
|
|
"componentId": "8cc5c1c8-d154-4a1b-83f0-140b40f89cf8"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "62977e64-3e78-4110-a649-85a12648a7a9",
|
|
"name": "text17",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee email"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:05:26.089Z",
|
|
"layouts": [
|
|
{
|
|
"id": "1f492ba0-b65b-402e-9eee-c5c3e1c50d42",
|
|
"type": "desktop",
|
|
"top": 230,
|
|
"left": 4.651162790697675,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "62977e64-3e78-4110-a649-85a12648a7a9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "3ffbf74b-cadf-417c-a68b-40eb515a4fb2",
|
|
"name": "text18",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Department"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:06:19.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d7b717a1-67bc-4d16-8db0-76a91e93ff78",
|
|
"type": "desktop",
|
|
"top": 370,
|
|
"left": 4.651162790697675,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "3ffbf74b-cadf-417c-a68b-40eb515a4fb2"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "df131a9e-3b6f-4130-b1c4-31a42fb3d2b7",
|
|
"name": "text15",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Headshot image URL"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:16:24.736Z",
|
|
"layouts": [
|
|
{
|
|
"id": "019e36e8-f5b4-490e-a8eb-1606af18e932",
|
|
"type": "desktop",
|
|
"top": 90,
|
|
"left": 4.651158570183418,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "df131a9e-3b6f-4130-b1c4-31a42fb3d2b7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "6f05d04d-213d-49eb-b803-615de19be70c",
|
|
"name": "text24",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Note"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:07:46.784Z",
|
|
"layouts": [
|
|
{
|
|
"id": "c5124b9c-6367-4efe-9232-ed89800891f1",
|
|
"type": "desktop",
|
|
"top": 720,
|
|
"left": 4.651162790697675,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "6f05d04d-213d-49eb-b803-615de19be70c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "b2879af6-5c8c-4e6f-aa0c-5e4833bfca2c",
|
|
"name": "textinput4",
|
|
"type": "TextInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"placeholder": {
|
|
"value": "Employee email"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{ /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/.test(components.textinput4.value) ? \n true : \"Invalid Email Address!\" }}"
|
|
}
|
|
},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:10:25.262Z",
|
|
"layouts": [
|
|
{
|
|
"id": "f2e14ff5-0838-45da-b449-46cf7ba01300",
|
|
"type": "desktop",
|
|
"top": 230,
|
|
"left": 27.906976744186046,
|
|
"width": 29,
|
|
"height": 40,
|
|
"componentId": "b2879af6-5c8c-4e6f-aa0c-5e4833bfca2c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2a92b758-3b36-49c1-9431-de4d686117a1",
|
|
"name": "text20",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee designation"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:10:58.724Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b7cb28c8-6acd-4ac3-9814-9b5aff1e369d",
|
|
"type": "desktop",
|
|
"top": 300,
|
|
"left": 4.651157841631647,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "2a92b758-3b36-49c1-9431-de4d686117a1"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4049c7ef-b063-4130-9833-caf3251bb5aa",
|
|
"name": "container1",
|
|
"type": "Container",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": null,
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "var(--indigo10)",
|
|
"fxActive": false
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:20:04.103Z",
|
|
"layouts": [
|
|
{
|
|
"id": "61bc83f2-4384-4831-91c5-fdb8bc4913e3",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 2.3255854792151047,
|
|
"width": 41,
|
|
"height": 70,
|
|
"componentId": "4049c7ef-b063-4130-9833-caf3251bb5aa"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"name": "form1",
|
|
"type": "Form",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": null,
|
|
"properties": {
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"JSONSchema": {
|
|
"value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}"
|
|
},
|
|
"buttonToSubmit": {
|
|
"value": "none"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#656d7729",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.removeEmployee.isLoading || queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T21:55:00.777Z",
|
|
"layouts": [
|
|
{
|
|
"id": "770d7a21-af76-46b3-a50d-dc55cbf9890d",
|
|
"type": "desktop",
|
|
"top": 160,
|
|
"left": 69.7674463616309,
|
|
"width": 12,
|
|
"height": 610,
|
|
"componentId": "662a1587-d72a-4568-8764-dac52b21574f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "988f1035-a1e2-42f7-9231-a79127805ad0",
|
|
"name": "button6",
|
|
"type": "Button",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.addEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "var(--indigo10)",
|
|
"fxActive": false
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}",
|
|
"fxActive": false
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:57:22.785Z",
|
|
"layouts": [
|
|
{
|
|
"id": "894dbf98-c185-4d88-91ae-259de9f93177",
|
|
"type": "desktop",
|
|
"top": 840,
|
|
"left": 79.06977649885556,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "988f1035-a1e2-42f7-9231-a79127805ad0"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "54456525-8152-400e-9240-174f4f60ee8b",
|
|
"name": "image2",
|
|
"type": "Image",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Value can range between 1 and 10"
|
|
}
|
|
},
|
|
"styles": {},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:33:23.068Z",
|
|
"layouts": [
|
|
{
|
|
"id": "2df19ba2-6b62-44de-88f0-c8fc33bae1e1",
|
|
"type": "desktop",
|
|
"top": 650,
|
|
"left": 69.76743276114786,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "54456525-8152-400e-9240-174f4f60ee8b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d45b9712-fd2b-4b76-a944-8884d8b4fa70",
|
|
"name": "button5",
|
|
"type": "Button",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"fxActive": false
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"textColor": {
|
|
"value": "var(--indigo10)",
|
|
"fxActive": false
|
|
},
|
|
"loaderColor": {
|
|
"value": "var(--indigo10)",
|
|
"fxActive": false
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "var(--indigo10)",
|
|
"fxActive": false
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:24:07.952Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a4951132-09df-4b2e-9caf-a25499f6b2e8",
|
|
"type": "desktop",
|
|
"top": 840,
|
|
"left": 60.465070874595405,
|
|
"width": 7,
|
|
"height": 40,
|
|
"componentId": "d45b9712-fd2b-4b76-a944-8884d8b4fa70"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "c27330e7-6d3e-49bf-a96a-848baff75994",
|
|
"name": "text19",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee name"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:05:09.674Z",
|
|
"layouts": [
|
|
{
|
|
"id": "3a238b42-d0c7-4ad3-948d-0006b1b0eae2",
|
|
"type": "desktop",
|
|
"top": 160,
|
|
"left": 4.651162790697675,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "c27330e7-6d3e-49bf-a96a-848baff75994"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "785e7d26-d3ee-4817-a134-ef3bd28518c9",
|
|
"name": "text21",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Communication"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:07:10.107Z",
|
|
"layouts": [
|
|
{
|
|
"id": "144f0b63-1a06-41fb-accc-2ee92b31838c",
|
|
"type": "desktop",
|
|
"top": 580,
|
|
"left": 4.651162790697675,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "785e7d26-d3ee-4817-a134-ef3bd28518c9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "849b4ba2-ebcd-43d7-831d-fd8fe635679c",
|
|
"name": "numberinput8",
|
|
"type": "NumberInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.overall_score}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "10"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{0}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"backgroundColor": {
|
|
"fxActive": false,
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:26:50.160Z",
|
|
"layouts": [
|
|
{
|
|
"id": "80d39b5a-5849-4d19-ba85-466f38aa8622",
|
|
"type": "mobile",
|
|
"top": 220,
|
|
"left": 44.18604651162791,
|
|
"width": 9.30232558139535,
|
|
"height": 30,
|
|
"componentId": "849b4ba2-ebcd-43d7-831d-fd8fe635679c"
|
|
},
|
|
{
|
|
"id": "4dc829ac-2f47-4167-bc4c-25b248cf9643",
|
|
"type": "desktop",
|
|
"top": 510,
|
|
"left": 27.906962472339206,
|
|
"width": 17,
|
|
"height": 40,
|
|
"componentId": "849b4ba2-ebcd-43d7-831d-fd8fe635679c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ad97e4b4-fae8-41df-8dbc-a76647b0d220",
|
|
"name": "numberinput9",
|
|
"type": "NumberInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.overall_score}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "10"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{0}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"backgroundColor": {
|
|
"fxActive": false,
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:26:56.556Z",
|
|
"layouts": [
|
|
{
|
|
"id": "5a6bef34-9df0-428e-b437-7b5fcf26dfe6",
|
|
"type": "mobile",
|
|
"top": 220,
|
|
"left": 44.18604651162791,
|
|
"width": 9.30232558139535,
|
|
"height": 30,
|
|
"componentId": "ad97e4b4-fae8-41df-8dbc-a76647b0d220"
|
|
},
|
|
{
|
|
"id": "369d360e-6e1d-4696-bd48-aad7e23a71cd",
|
|
"type": "desktop",
|
|
"top": 580,
|
|
"left": 27.906965086128714,
|
|
"width": 17,
|
|
"height": 40,
|
|
"componentId": "ad97e4b4-fae8-41df-8dbc-a76647b0d220"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "a48c9bbe-1c2c-4d7d-9892-3fa5c0a6516f",
|
|
"name": "text25",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Teamwork"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:06:48.027Z",
|
|
"layouts": [
|
|
{
|
|
"id": "49da2d0f-4ed5-4f1f-b1ea-78cb02a337f8",
|
|
"type": "desktop",
|
|
"top": 510,
|
|
"left": 4.651162790697675,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "a48c9bbe-1c2c-4d7d-9892-3fa5c0a6516f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "57804267-8f2a-420b-af38-f3182d9aafa7",
|
|
"name": "text26",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Skillset"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:07:29.551Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b3628364-6047-4cb8-83d9-8abcc3e09087",
|
|
"type": "desktop",
|
|
"top": 650,
|
|
"left": 4.651162790697675,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "57804267-8f2a-420b-af38-f3182d9aafa7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "febe3a05-375b-413b-a7ee-843dd798edb7",
|
|
"name": "table1",
|
|
"type": "Table",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": null,
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getEmployees.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"enablePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "4f8bca4a-709b-482f-b188-b407b3d39ab0",
|
|
"name": "headshot",
|
|
"key": "headshot",
|
|
"columnType": "image",
|
|
"autogenerated": true,
|
|
"borderRadius": "50",
|
|
"width": "30",
|
|
"height": "30"
|
|
},
|
|
{
|
|
"name": "name",
|
|
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "email",
|
|
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "c13331c3-7040-4b47-90a1-10c5245bd110",
|
|
"name": "designation",
|
|
"key": "designation",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "4ed1e639-52e7-4df4-99aa-e25b57b5c52b",
|
|
"name": "department",
|
|
"key": "department",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{true}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 192,
|
|
"db258ca5-d4f5-4b22-a667-143882f7f004": 123,
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 262,
|
|
"c13331c3-7040-4b47-90a1-10c5245bd110": 245,
|
|
"4f8bca4a-709b-482f-b188-b407b3d39ab0": 95
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": []
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{({id: components.table1.currentPageData[0].id})}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{true}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"new_column1",
|
|
"Department",
|
|
"Title",
|
|
"image_data",
|
|
"employee_id",
|
|
null,
|
|
"teamwork_score",
|
|
"communication_score",
|
|
"skillset_score",
|
|
"notes",
|
|
"overall_score"
|
|
]
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-23T19:16:02.969Z",
|
|
"layouts": [
|
|
{
|
|
"id": "36c62800-0c8e-4543-b10f-6a0ae1f7f051",
|
|
"type": "desktop",
|
|
"top": 160,
|
|
"left": 2.325587701313705,
|
|
"width": 28,
|
|
"height": 610,
|
|
"componentId": "febe3a05-375b-413b-a7ee-843dd798edb7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "82d7dfbd-bcc6-45a2-a8ba-3808f89e7556",
|
|
"name": "button3",
|
|
"type": "Button",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": null,
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Employee"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "var(--indigo10)",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:20:37.830Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7c0b06d0-5d0e-403c-a93b-fe64cf836bdc",
|
|
"type": "desktop",
|
|
"top": 110.00003051757812,
|
|
"left": 55.81401587687826,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "82d7dfbd-bcc6-45a2-a8ba-3808f89e7556"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "09fd60fd-207f-42ee-b7d8-7a1f35da51d9",
|
|
"name": "text23",
|
|
"type": "Text",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Overall score"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:06:33.393Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a4603b91-6358-4107-8e2f-fb7f6ac05e09",
|
|
"type": "desktop",
|
|
"top": 440,
|
|
"left": 4.651165382339403,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "09fd60fd-207f-42ee-b7d8-7a1f35da51d9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2b404f08-468b-44fc-9326-5f7c5c70ef78",
|
|
"name": "textinput5",
|
|
"type": "TextInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"placeholder": {
|
|
"value": "Employee ID"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {
|
|
"customRule": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:15:37.056Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b63bbc5d-252b-402c-9a41-eade4e771c04",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 27.906979335827774,
|
|
"width": 29,
|
|
"height": 40,
|
|
"componentId": "2b404f08-468b-44fc-9326-5f7c5c70ef78"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4e839c73-6f90-4449-b5fe-b6256c3cc453",
|
|
"name": "dropdown1",
|
|
"type": "DropDown",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{\"Engineering\"}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"Engineering\", \"Developer Relations\",\"Marketing\", \"Sales\", \"Designing\", \"Operations\", \"Product Management\", \"Finance\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Engineering\", \"Developer Relations\",\"Marketing\", \"Sales\", \"Designing\", \"Operations\", \"Product Management\", \"Finance\"]}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select type"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"layouts": [
|
|
{
|
|
"id": "60457f74-728e-49c0-afa7-66fdefcf8da4",
|
|
"type": "desktop",
|
|
"top": 370,
|
|
"left": 27.906976744186046,
|
|
"width": 29,
|
|
"height": 40,
|
|
"componentId": "4e839c73-6f90-4449-b5fe-b6256c3cc453"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "08472a40-5219-49ca-8706-e5a5dac3a8da",
|
|
"name": "button1",
|
|
"type": "Button",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "662a1587-d72a-4568-8764-dac52b21574f",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Delete"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.removeEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"textColor": {
|
|
"value": "var(--red10)",
|
|
"fxActive": false
|
|
},
|
|
"loaderColor": {
|
|
"value": "var(--red10)",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "var(--red10)",
|
|
"fxActive": false
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:28:02.057Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a1f8e60e-2d46-4a87-ada3-1c94c8c49def",
|
|
"type": "desktop",
|
|
"top": 550,
|
|
"left": 39.534889550505206,
|
|
"width": 11.000000000000002,
|
|
"height": 40,
|
|
"componentId": "08472a40-5219-49ca-8706-e5a5dac3a8da"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "666fe79c-1d3a-42e0-b472-99edaa427381",
|
|
"name": "textinput6",
|
|
"type": "TextInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"placeholder": {
|
|
"value": "Employee designation"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {
|
|
"customRule": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:10:32.316Z",
|
|
"layouts": [
|
|
{
|
|
"id": "4fb037e7-e9b0-4b62-b539-0579733bbda1",
|
|
"type": "desktop",
|
|
"top": 300,
|
|
"left": 27.906976744186046,
|
|
"width": 29,
|
|
"height": 40,
|
|
"componentId": "666fe79c-1d3a-42e0-b472-99edaa427381"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "a043098d-0d49-47be-85d8-5ad1e582eb4c",
|
|
"name": "textinput3",
|
|
"type": "TextInput",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"placeholder": {
|
|
"value": "Employee name"
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": null,
|
|
"validation": {
|
|
"customRule": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T23:10:18.356Z",
|
|
"layouts": [
|
|
{
|
|
"id": "f604df36-c88a-4ed3-973f-67cf79dac932",
|
|
"type": "desktop",
|
|
"top": 160,
|
|
"left": 27.906976744186046,
|
|
"width": 29,
|
|
"height": 40,
|
|
"componentId": "a043098d-0d49-47be-85d8-5ad1e582eb4c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9df25a71-e0ea-46b7-a476-c9fbc189ec7c",
|
|
"name": "image3",
|
|
"type": "Image",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Value can range between 1 and 10"
|
|
}
|
|
},
|
|
"styles": {},
|
|
"generalStyles": null,
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2024-02-21T22:29:22.106Z",
|
|
"updatedAt": "2024-02-21T22:33:10.489Z",
|
|
"layouts": [
|
|
{
|
|
"id": "bc2be63d-2309-435e-b8f6-340d4c07a509",
|
|
"type": "desktop",
|
|
"top": 510,
|
|
"left": 69.76742041527157,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "9df25a71-e0ea-46b7-a476-c9fbc189ec7c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "1a0bb9ba-c9c1-4aee-b038-3293f4740c66",
|
|
"name": "image4",
|
|
"type": "Image",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Value can range between 1 and 10"
|
|
}
|
|
},
|
|
"styles": {},
|
|
"generalStyles": null,
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2024-02-21T22:29:28.778Z",
|
|
"updatedAt": "2024-02-21T22:33:17.309Z",
|
|
"layouts": [
|
|
{
|
|
"id": "adaa8b47-a145-40d3-8cce-f402f082cdaa",
|
|
"type": "desktop",
|
|
"top": 580,
|
|
"left": 69.76742041527157,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "1a0bb9ba-c9c1-4aee-b038-3293f4740c66"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "68aa16d4-ea4d-40b3-b7f5-a50e6ed7833b",
|
|
"name": "image5",
|
|
"type": "Image",
|
|
"pageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"parent": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Value can range between 1 and 10"
|
|
}
|
|
},
|
|
"styles": {},
|
|
"generalStyles": null,
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2024-02-21T22:29:35.586Z",
|
|
"updatedAt": "2024-02-21T22:32:49.605Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a5390fd7-a06b-4093-b4f2-eba844fba0f8",
|
|
"type": "desktop",
|
|
"top": 440,
|
|
"left": 69.76742315907296,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "68aa16d4-ea4d-40b3-b7f5-a50e6ed7833b"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"pages": [
|
|
{
|
|
"id": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"name": "Home",
|
|
"handle": "home",
|
|
"index": 0,
|
|
"disabled": false,
|
|
"hidden": false,
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4"
|
|
}
|
|
],
|
|
"events": [
|
|
{
|
|
"id": "bc2f80a3-aef6-4cc4-805f-b3bf178ac318",
|
|
"name": "onRowClicked",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onRowClicked",
|
|
"message": "Hello world!",
|
|
"queryId": "b3b6441e-9a9e-494b-ae2f-f568f7a00112",
|
|
"actionId": "run-query",
|
|
"debounce": "",
|
|
"alertType": "info",
|
|
"queryName": "peerComparison",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "febe3a05-375b-413b-a7ee-843dd798edb7",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:15:38.192Z"
|
|
},
|
|
{
|
|
"id": "a9d7220c-c7b5-4589-85da-7151073202b8",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "8440956d-2890-49c7-b047-0f3cb23244f4",
|
|
"actionId": "run-query",
|
|
"debounce": "200",
|
|
"alertType": "info",
|
|
"queryName": "getEmployees",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "3e448ca3-07b0-4ef9-b48c-923a7fafb923",
|
|
"target": "data_query",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:30.189Z"
|
|
},
|
|
{
|
|
"id": "6e993886-254a-4c20-abec-db1624cc53f7",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"modal": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "3e448ca3-07b0-4ef9-b48c-923a7fafb923",
|
|
"target": "data_query",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:30.196Z"
|
|
},
|
|
{
|
|
"id": "a8b70274-4496-4356-b4dc-0cd74bdc1209",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Employee added succefully!",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "3e448ca3-07b0-4ef9-b48c-923a7fafb923",
|
|
"target": "data_query",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z"
|
|
},
|
|
{
|
|
"id": "44e1746f-9cab-4884-85bd-ee592425d7cd",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "8440956d-2890-49c7-b047-0f3cb23244f4",
|
|
"actionId": "run-query",
|
|
"debounce": "",
|
|
"alertType": "info",
|
|
"queryName": "getEmployees",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
|
|
"target": "data_query",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:16:27.614Z"
|
|
},
|
|
{
|
|
"id": "50ca9bcf-fb83-401a-984c-4645edfb7ea8",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "updateEmployee",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "8cc5c1c8-d154-4a1b-83f0-140b40f89cf8",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:30.146Z"
|
|
},
|
|
{
|
|
"id": "1520a5ab-04d0-45c3-8fb1-cffd18329516",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "show-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "82d7dfbd-bcc6-45a2-a8ba-3808f89e7556",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:30.153Z"
|
|
},
|
|
{
|
|
"id": "d0f07b26-4162-47d2-ba50-e3b31134d248",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "6d326401-62a3-43c8-82a2-eed74b492aef",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "d45b9712-fd2b-4b76-a944-8884d8b4fa70",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:30.167Z"
|
|
},
|
|
{
|
|
"id": "a8a93c87-7600-423d-bc76-d5d9c1b72a62",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "3e448ca3-07b0-4ef9-b48c-923a7fafb923",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "addEmployee",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "988f1035-a1e2-42f7-9231-a79127805ad0",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:30.174Z"
|
|
},
|
|
{
|
|
"id": "f02fa540-ba6d-494c-88f7-1cfd9bcf9b7d",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Employee Removed",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "8577ac4e-7b57-43c5-9b27-ef8a170ae69d",
|
|
"target": "data_query",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z"
|
|
},
|
|
{
|
|
"id": "c218d3f9-f1b0-423c-9f5a-749ef36f8364",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "8577ac4e-7b57-43c5-9b27-ef8a170ae69d",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "removeEmployee",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "08472a40-5219-49ca-8706-e5a5dac3a8da",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:30.137Z"
|
|
},
|
|
{
|
|
"id": "786ddbe6-3bfa-408d-a566-0464183e74d5",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "8440956d-2890-49c7-b047-0f3cb23244f4",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getEmployees",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "8577ac4e-7b57-43c5-9b27-ef8a170ae69d",
|
|
"target": "data_query",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:30.216Z"
|
|
},
|
|
{
|
|
"id": "ca538d8b-5121-4a23-bf11-55856a17d759",
|
|
"name": "onDataQueryFailure",
|
|
"index": 3,
|
|
"event": {
|
|
"eventId": "onDataQueryFailure",
|
|
"message": "Employee feedback update failed!",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning"
|
|
},
|
|
"sourceId": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
|
|
"target": "data_query",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:16:27.614Z"
|
|
},
|
|
{
|
|
"id": "9cad5545-2e34-4107-8798-ae49b9ebe068",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "b3b6441e-9a9e-494b-ae2f-f568f7a00112",
|
|
"actionId": "run-query",
|
|
"debounce": "100",
|
|
"alertType": "info",
|
|
"queryName": "peerComparison",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "8440956d-2890-49c7-b047-0f3cb23244f4",
|
|
"target": "data_query",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:17:27.840Z"
|
|
},
|
|
{
|
|
"id": "0478ffae-7742-4072-afbf-4961d3c97ef5",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Employee Feedback updated!",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
|
|
"target": "data_query",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:16:27.614Z"
|
|
},
|
|
{
|
|
"id": "94b9bc3d-9c17-4c59-a2fa-b264e57d4092",
|
|
"name": "onChange",
|
|
"index": 0,
|
|
"event": {
|
|
"key": "isEmployeeDetailsUpdated",
|
|
"value": "{{true}}",
|
|
"eventId": "onChange",
|
|
"message": "Hello world!",
|
|
"actionId": "set-custom-variable",
|
|
"debounce": "100",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "85bb8fd8-07a5-45bc-96d5-b7c6806430cc",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-02-21T22:08:41.814Z",
|
|
"updatedAt": "2024-02-21T22:09:33.482Z"
|
|
},
|
|
{
|
|
"id": "e478f903-cee2-4841-a114-bbe5e4721da2",
|
|
"name": "onChange",
|
|
"index": 0,
|
|
"event": {
|
|
"key": "isEmployeeDetailsUpdated",
|
|
"value": "{{true}}",
|
|
"eventId": "onChange",
|
|
"message": "Hello world!",
|
|
"actionId": "set-custom-variable",
|
|
"debounce": "100",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "61f4a1d0-2f16-487c-8d6a-57efcb84b504",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-02-21T22:09:40.041Z",
|
|
"updatedAt": "2024-02-21T22:09:56.343Z"
|
|
},
|
|
{
|
|
"id": "55f51368-baf2-4fc9-a9b1-6e43fbac1cf3",
|
|
"name": "onChange",
|
|
"index": 0,
|
|
"event": {
|
|
"key": "isEmployeeDetailsUpdated",
|
|
"value": "{{true}}",
|
|
"eventId": "onChange",
|
|
"message": "Hello world!",
|
|
"actionId": "set-custom-variable",
|
|
"debounce": "100",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "2b02f090-7620-4ccc-b815-c5721b5f60a0",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-02-21T22:10:03.251Z",
|
|
"updatedAt": "2024-02-21T22:10:22.737Z"
|
|
},
|
|
{
|
|
"id": "38ff7bec-05b5-47a5-81b6-fd70091a1366",
|
|
"name": "onChange",
|
|
"index": 0,
|
|
"event": {
|
|
"key": "isEmployeeDetailsUpdated",
|
|
"value": "{{true}}",
|
|
"eventId": "onChange",
|
|
"message": "Hello world!",
|
|
"actionId": "set-custom-variable",
|
|
"debounce": "100",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "b291084e-33eb-481c-9ad1-6a94a062044c",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-02-21T22:10:31.189Z",
|
|
"updatedAt": "2024-02-21T22:10:59.527Z"
|
|
},
|
|
{
|
|
"id": "a87722d2-4a4c-47b9-b66c-cb8188269895",
|
|
"name": "onChange",
|
|
"index": 0,
|
|
"event": {
|
|
"key": "isEmployeeDetailsUpdated",
|
|
"value": "{{true}}",
|
|
"eventId": "onChange",
|
|
"message": "Hello world!",
|
|
"actionId": "set-custom-variable",
|
|
"debounce": "100",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "88b56dca-44be-4c2b-841f-9ed42c34dc25",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-02-21T22:11:09.582Z",
|
|
"updatedAt": "2024-02-21T22:11:34.101Z"
|
|
},
|
|
{
|
|
"id": "e0f83c51-62a6-43a9-a69f-a86d554ac52c",
|
|
"name": "onRowClicked",
|
|
"index": 0,
|
|
"event": {
|
|
"key": "isEmployeeDetailsUpdated",
|
|
"eventId": "onRowClicked",
|
|
"message": "Hello world!",
|
|
"actionId": "unset-custom-variable",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "febe3a05-375b-413b-a7ee-843dd798edb7",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-02-21T22:15:32.215Z",
|
|
"updatedAt": "2024-02-21T22:16:06.352Z"
|
|
},
|
|
{
|
|
"id": "385ac468-cd00-4d2d-a4f2-879a4beb0213",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"key": "isEmployeeDetailsUpdated",
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "unset-custom-variable",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
|
|
"target": "data_query",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-02-21T22:16:23.217Z",
|
|
"updatedAt": "2024-02-21T22:16:46.614Z"
|
|
},
|
|
{
|
|
"id": "bdfc1317-f71d-4aba-870e-b75df23af674",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"key": "isEmployeeDetailsUpdated",
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "unset-custom-variable",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "8440956d-2890-49c7-b047-0f3cb23244f4",
|
|
"target": "data_query",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-02-21T22:17:21.732Z",
|
|
"updatedAt": "2024-02-21T22:17:52.288Z"
|
|
},
|
|
{
|
|
"id": "8ffef246-3b7f-42d2-9e44-0f5c31046867",
|
|
"name": "onPageChanged",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onPageChanged",
|
|
"message": "Hello world!",
|
|
"queryId": "b3b6441e-9a9e-494b-ae2f-f568f7a00112",
|
|
"actionId": "run-query",
|
|
"debounce": "100",
|
|
"alertType": "info",
|
|
"queryName": "peerComparison",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "febe3a05-375b-413b-a7ee-843dd798edb7",
|
|
"target": "component",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-02-21T22:39:38.134Z",
|
|
"updatedAt": "2024-02-21T22:39:53.416Z"
|
|
}
|
|
],
|
|
"dataQueries": [
|
|
{
|
|
"id": "3e448ca3-07b0-4ef9-b48c-923a7fafb923",
|
|
"name": "addEmployee",
|
|
"options": {
|
|
"operation": "create_row",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "7fff090d-7c26-48c4-8a58-c1c8bee62225",
|
|
"table_id": "3a10a0e5-07f8-4bb8-beba-c1f14c0b4342",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1704266439899,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "e5e5e537-e70c-4fcd-a004-f726a98d9e49",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "name",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "email",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "designation",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "department",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "employee_id",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "overall_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "teamwork_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "communication_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "skillset_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "notes",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "headshot",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {},
|
|
"create_row": {
|
|
"0": {
|
|
"column": "employee_id",
|
|
"value": "{{components.textinput5.value}}"
|
|
},
|
|
"1": {
|
|
"column": "headshot",
|
|
"value": "{{components.textinput2.value}}"
|
|
},
|
|
"2": {
|
|
"column": "name",
|
|
"value": "{{components.textinput3.value}}"
|
|
},
|
|
"3": {
|
|
"column": "email",
|
|
"value": "{{components.textinput4.value}}"
|
|
},
|
|
"4": {
|
|
"column": "designation",
|
|
"value": "{{components.textinput6.value}}"
|
|
},
|
|
"5": {
|
|
"column": "department",
|
|
"value": "{{components.dropdown1.value}}"
|
|
},
|
|
"6": {
|
|
"column": "overall_score",
|
|
"value": "{{components.numberinput7.value}}"
|
|
},
|
|
"7": {
|
|
"column": "teamwork_score",
|
|
"value": "{{components.numberinput8.value}}"
|
|
},
|
|
"8": {
|
|
"column": "communication_score",
|
|
"value": "{{components.numberinput9.value}}"
|
|
},
|
|
"9": {
|
|
"column": "skillset_score",
|
|
"value": "{{components.numberinput6.value}}"
|
|
},
|
|
"b46cbce8-b479-4216-b42c-aeaad5da5520": {
|
|
"column": "notes",
|
|
"value": "{{components.textarea2.value}}"
|
|
}
|
|
}
|
|
},
|
|
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z"
|
|
},
|
|
{
|
|
"id": "9a2429ee-b27b-436e-b4b7-cd61f313ac51",
|
|
"name": "updateEmployee",
|
|
"options": {
|
|
"operation": "update_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "7fff090d-7c26-48c4-8a58-c1c8bee62225",
|
|
"table_id": "3a10a0e5-07f8-4bb8-beba-c1f14c0b4342",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1704271128416,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "e5e5e537-e70c-4fcd-a004-f726a98d9e49",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "name",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "email",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "designation",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "department",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "employee_id",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "overall_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "teamwork_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "communication_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "skillset_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "notes",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "headshot",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {},
|
|
"update_rows": {
|
|
"columns": {
|
|
"0": {
|
|
"column": "overall_score",
|
|
"value": "{{components.form1.data.numberinput1.value}}"
|
|
},
|
|
"1": {
|
|
"column": "teamwork_score",
|
|
"value": "{{components.form1.data.numberinput2.value}}"
|
|
},
|
|
"2": {
|
|
"column": "communication_score",
|
|
"value": "{{components.form1.data.numberinput3.value}}"
|
|
},
|
|
"3": {
|
|
"column": "skillset_score",
|
|
"value": "{{components.form1.data.numberinput4.value}}"
|
|
},
|
|
"349bd811-b770-45e6-84f3-96abbde12f4d": {
|
|
"column": "notes",
|
|
"value": "{{components.form1.data.textinput1.value}}"
|
|
}
|
|
},
|
|
"where_filters": {
|
|
"85dd4019-98b4-4d00-b9d3-34787859cf66": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{components.table1.selectedRow.id}}",
|
|
"id": "85dd4019-98b4-4d00-b9d3-34787859cf66"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z"
|
|
},
|
|
{
|
|
"id": "8440956d-2890-49c7-b047-0f3cb23244f4",
|
|
"name": "getEmployees",
|
|
"options": {
|
|
"operation": "list_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "7fff090d-7c26-48c4-8a58-c1c8bee62225",
|
|
"table_id": "3a10a0e5-07f8-4bb8-beba-c1f14c0b4342",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1704188501306,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "e5e5e537-e70c-4fcd-a004-f726a98d9e49",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {},
|
|
"create_row": {
|
|
"73b16fd4-f0f5-48de-a75c-613e5f038c44": {
|
|
"column": "",
|
|
"value": ""
|
|
}
|
|
},
|
|
"runOnPageLoad": true
|
|
},
|
|
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z"
|
|
},
|
|
{
|
|
"id": "8577ac4e-7b57-43c5-9b27-ef8a170ae69d",
|
|
"name": "removeEmployee",
|
|
"options": {
|
|
"operation": "delete_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "7fff090d-7c26-48c4-8a58-c1c8bee62225",
|
|
"table_id": "3a10a0e5-07f8-4bb8-beba-c1f14c0b4342",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1704271713809,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "e5e5e537-e70c-4fcd-a004-f726a98d9e49",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "name",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "email",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "designation",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "department",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "employee_id",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "overall_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "teamwork_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "communication_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "skillset_score",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "notes",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
},
|
|
{
|
|
"name": "headshot",
|
|
"table": "e5e5e537-e70c-4fcd-a004-f726a98d9e49"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {},
|
|
"delete_rows": {
|
|
"limit": 1,
|
|
"where_filters": {
|
|
"ab621699-e856-4a8b-8628-1349d0cfef03": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{components.table1.selectedRow.id}}",
|
|
"id": "ab621699-e856-4a8b-8628-1349d0cfef03"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-01-03T09:48:29.278Z"
|
|
},
|
|
{
|
|
"id": "b3b6441e-9a9e-494b-ae2f-f568f7a00112",
|
|
"name": "peerComparison",
|
|
"options": {
|
|
"code": "function calculatePeerComparison(employee) {\n const avgScore =\n (employee.overall_score +\n employee.teamwork_score +\n employee.communication_score +\n employee.skillset_score) /\n 4;\n\n let peerComparisonScore = 0;\n let peerComparisonType = \"\";\n\n if (avgScore >= 8) {\n peerComparisonScore = 9;\n peerComparisonType = \"Great Employee\";\n } else if (avgScore >= 6) {\n peerComparisonScore = 7;\n peerComparisonType = \"Average Employee\";\n } else {\n peerComparisonScore = 5;\n peerComparisonType = \"Below Average Employee\";\n }\n\n return {\n id: employee.id,\n name: employee.name,\n peerComparisonScore,\n peerComparisonType,\n };\n}\n\nconst result = calculatePeerComparison(components.table1.selectedRow);\nreturn result;",
|
|
"hasParamSupport": true,
|
|
"parameters": []
|
|
},
|
|
"dataSourceId": "4dfe0754-295c-432c-9d83-ff0875a011e9",
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"createdAt": "2024-01-03T09:48:29.278Z",
|
|
"updatedAt": "2024-02-21T22:44:55.852Z"
|
|
}
|
|
],
|
|
"dataSources": [
|
|
{
|
|
"id": "eaf359e9-956a-4cee-aec0-178003724fd9",
|
|
"name": "restapidefault",
|
|
"kind": "restapi",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2024-01-03T09:48:29.286Z",
|
|
"updatedAt": "2024-01-03T09:48:29.286Z"
|
|
},
|
|
{
|
|
"id": "4dfe0754-295c-432c-9d83-ff0875a011e9",
|
|
"name": "runjsdefault",
|
|
"kind": "runjs",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2024-01-03T09:48:29.306Z",
|
|
"updatedAt": "2024-01-03T09:48:29.306Z"
|
|
},
|
|
{
|
|
"id": "2d687365-cf23-4a53-8918-2fc0ab7f29b4",
|
|
"name": "runpydefault",
|
|
"kind": "runpy",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2024-01-03T09:48:29.321Z",
|
|
"updatedAt": "2024-01-03T09:48:29.321Z"
|
|
},
|
|
{
|
|
"id": "7547ca29-1e11-4a5a-b569-823ce16568a7",
|
|
"name": "tooljetdbdefault",
|
|
"kind": "tooljetdb",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2024-01-03T09:48:29.336Z",
|
|
"updatedAt": "2024-01-03T09:48:29.336Z"
|
|
},
|
|
{
|
|
"id": "f8457550-5e91-4e6f-b252-b5939468f260",
|
|
"name": "workflowsdefault",
|
|
"kind": "workflows",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2024-01-03T09:48:29.351Z",
|
|
"updatedAt": "2024-01-03T09:48:29.351Z"
|
|
}
|
|
],
|
|
"appVersions": [
|
|
{
|
|
"id": "3fdbe9a9-8ff5-47d3-a1e4-acf54c702da4",
|
|
"name": "v1",
|
|
"definition": {
|
|
"showViewerNavigation": false,
|
|
"homePageId": "dc140207-cb7b-48b6-9882-463b5ce4bfa0",
|
|
"pages": {
|
|
"dc140207-cb7b-48b6-9882-463b5ce4bfa0": {
|
|
"components": {
|
|
"2341d610-31ac-4e54-8158-ad17b2bda8c5": {
|
|
"id": "2341d610-31ac-4e54-8158-ad17b2bda8c5",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "0"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container1",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 0,
|
|
"left": 0,
|
|
"width": 43,
|
|
"height": 70
|
|
}
|
|
}
|
|
},
|
|
"c16bc877-a279-4797-aa52-d5f9de3e23d8": {
|
|
"id": "c16bc877-a279-4797-aa52-d5f9de3e23d8",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{24}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": "{{0}}"
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "B R A N D"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text1",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 2.3255827912519793,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "2341d610-31ac-4e54-8158-ad17b2bda8c5"
|
|
},
|
|
"9491e94a-d2fb-4564-8bf8-807fdb2d7c1c": {
|
|
"id": "9491e94a-d2fb-4564-8bf8-807fdb2d7c1c",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Employee Feedback"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 67.44185981400516,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "2341d610-31ac-4e54-8158-ad17b2bda8c5"
|
|
},
|
|
"3fbadc70-1e0c-4080-8465-f5beb99d8c9c": {
|
|
"id": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c",
|
|
"component": {
|
|
"properties": {
|
|
"buttonToSubmit": {
|
|
"type": "select",
|
|
"displayName": "Button To Submit Form",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
},
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": " Use custom schema"
|
|
},
|
|
"JSONSchema": {
|
|
"type": "code",
|
|
"displayName": "JSON Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSubmit": {
|
|
"displayName": "On submit"
|
|
},
|
|
"onInvalid": {
|
|
"displayName": "On invalid"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.removeEmployee.isLoading || queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"JSONSchema": {
|
|
"value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}"
|
|
},
|
|
"buttonToSubmit": {
|
|
"value": "none"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "form1",
|
|
"displayName": "Form",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 13,
|
|
"height": 330
|
|
},
|
|
"defaultChildren": [
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 40,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 17
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"styles": [
|
|
"fontWeight",
|
|
"textSize",
|
|
"textColor"
|
|
],
|
|
"defaultValue": {
|
|
"text": "User Details",
|
|
"fontWeight": "bold",
|
|
"textSize": 20,
|
|
"textColor": "#000"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 90,
|
|
"left": 10,
|
|
"height": 30
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Name"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 160,
|
|
"left": 10,
|
|
"height": 30
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Age"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "TextInput",
|
|
"layout": {
|
|
"top": 120,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 25
|
|
},
|
|
"properties": [
|
|
"placeholder"
|
|
],
|
|
"defaultValue": {
|
|
"placeholder": "Enter your name"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "NumberInput",
|
|
"layout": {
|
|
"top": 190,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 25
|
|
},
|
|
"properties": [
|
|
"value"
|
|
],
|
|
"styles": [
|
|
"borderColor"
|
|
],
|
|
"defaultValue": {
|
|
"value": 24,
|
|
"borderColor": "#dadcde"
|
|
}
|
|
},
|
|
{
|
|
"componentName": "Button",
|
|
"layout": {
|
|
"top": 240,
|
|
"left": 10,
|
|
"height": 30,
|
|
"width": 10
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"defaultValue": {
|
|
"text": "Submit"
|
|
}
|
|
}
|
|
],
|
|
"component": "Form",
|
|
"exposedVariables": {
|
|
"data": {},
|
|
"isValid": true
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "submitForm",
|
|
"displayName": "Submit Form"
|
|
},
|
|
{
|
|
"handle": "resetForm",
|
|
"displayName": "Reset Form"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 69.76744794554982,
|
|
"width": 12,
|
|
"height": 610
|
|
}
|
|
}
|
|
},
|
|
"f2f868fd-e094-4d3e-aba5-e0f2cd1dfc80": {
|
|
"id": "f2f868fd-e094-4d3e-aba5-e0f2cd1dfc80",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) != undefined ? \"EMPLOYEE DETAILS\" : \"SELECT A ROW TO VIEW DETAILS\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text3",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 6.976745455952444,
|
|
"width": 32,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"0a1ce642-e2bb-4692-8739-92bc1701fbae": {
|
|
"id": "0a1ce642-e2bb-4692-8739-92bc1701fbae",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider1",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 4.651162790697675,
|
|
"width": 39.00000000000001,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"070de3f9-6dcd-47c2-ba94-7a0e23e83325": {
|
|
"id": "070de3f9-6dcd-47c2-ba94-7a0e23e83325",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "{{components?.table1?.selectedRow?.image_data ?? \"https://www.svgrepo.com/show/444673/user.svg\"}}"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image1",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 70,
|
|
"left": 6.976745455952444,
|
|
"width": 14,
|
|
"height": 110
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"8e239119-cede-482d-8345-b09e8120f7b5": {
|
|
"id": "8e239119-cede-482d-8345-b09e8120f7b5",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.name ?? \"Employee Name\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text4",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 44.18605455436548,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"4920d788-cebb-48f7-a2d0-5c7f766d0fa7": {
|
|
"id": "4920d788-cebb-48f7-a2d0-5c7f766d0fa7",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "italic"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.designation ?? \"Employee Designation\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 44.18604651162791,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"773665fb-3291-48ad-a2a0-1274bbf91abb": {
|
|
"id": "773665fb-3291-48ad-a2a0-1274bbf91abb",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.id ?? \"Employee ID\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text6",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 44.18603992819973,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"072ff68a-bd4c-4284-8051-9f3e89cd783f": {
|
|
"id": "072ff68a-bd4c-4284-8051-9f3e89cd783f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Overall"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text7",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 6.97671584966582,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"39be278f-7ddc-4e75-a77a-6597c56b03b5": {
|
|
"id": "39be278f-7ddc-4e75-a77a-6597c56b03b5",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Teamwork"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text8",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 6.9767700673410635,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"a44b5906-a74c-4171-a321-b4899e38c1a8": {
|
|
"id": "a44b5906-a74c-4171-a321-b4899e38c1a8",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Communication"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text9",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 6.976725034594776,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"dfc3b2ef-4ddf-48d8-91ef-f79d84c12b12": {
|
|
"id": "dfc3b2ef-4ddf-48d8-91ef-f79d84c12b12",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Skillset"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text10",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 340,
|
|
"left": 6.976760736701279,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"dc364e6c-6ba2-43c7-a8b5-8e72ba46d18c": {
|
|
"id": "dc364e6c-6ba2-43c7-a8b5-8e72ba46d18c",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": false
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editemailtextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(components.form1.data.editemailtextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.email}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput1",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 41.86044855841798,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"3477d0f5-075d-4012-b3ba-3935a298d5ee": {
|
|
"id": "3477d0f5-075d-4012-b3ba-3935a298d5ee",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editphonenotextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^[6-9]\\d{9}$/.test(components.form1.data.editphonenotextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.phone_no}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput2",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 41.86041269782743,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"c46a6e77-ed64-42f8-a987-8d3aef1dfc3a": {
|
|
"id": "c46a6e77-ed64-42f8-a987-8d3aef1dfc3a",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editdepartmenttextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || (components?.form1?.data?.editdepartmenttextinput?.value ?? \"\").length > 0 ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.department}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput3",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 41.860474366050234,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"92bd2a9f-acb7-40ec-b10e-076a0c097d5a": {
|
|
"id": "92bd2a9f-acb7-40ec-b10e-076a0c097d5a",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editbloodgrouptextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^(A|B|AB|O)(\\+|-)$/.test(components.form1.data.editbloodgrouptextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.blood_group}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput4",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 340,
|
|
"left": 41.86045855100046,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"7b58add9-aab8-4fc3-b954-8a9ffc60c792": {
|
|
"id": "7b58add9-aab8-4fc3-b954-8a9ffc60c792",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#9b9b9b80"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider2",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 530,
|
|
"left": 4.651159748611298,
|
|
"width": 39.00000000000001,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"59d13fe1-ead9-401a-959d-a2fc6ad81bce": {
|
|
"id": "59d13fe1-ead9-401a-959d-a2fc6ad81bce",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "5fef3fcb-ef14-4e99-9f70-9fb08a59b22e",
|
|
"queryName": "removeEmployee",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"textColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#d0021bff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Delete"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.removeEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 550,
|
|
"left": 39.53488193106961,
|
|
"width": 11.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"d60133f7-51b9-43bc-bd61-bd7fbc678968": {
|
|
"id": "d60133f7-51b9-43bc-bd61-bd7fbc678968",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "83a1826f-9082-4f56-b020-d18554f767e4",
|
|
"queryName": "updateEmployee",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || !components.form1.data.editemailtextinput.isValid || !components.form1.data.editphonenotextinput.isValid || !components.form1.data.editdepartmenttextinput.isValid || !components.form1.data.editbloodgrouptextinput.isValid || !components.form1.data.editdateofjoiningdatepicker.isValid || !components.form1.data.editdateofbirthdatepicker.isValid || (components?.form1?.data?.editaddresstextarea?.value ?? \"\").length < 1}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updateEmployee.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button2",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 550,
|
|
"left": 67.44185987527574,
|
|
"width": 10.999999999999998,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"dfb10b60-4fbb-48b0-a3d3-db1cbe5566f1": {
|
|
"id": "dfb10b60-4fbb-48b0-a3d3-db1cbe5566f1",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "670b6c6c-97c2-4f59-a63b-f381550b6b22"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Employee"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button3",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110.00003051757812,
|
|
"left": 55.81396193731399,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"5c289899-8427-4c28-b0b4-d4ea348e6c98": {
|
|
"id": "5c289899-8427-4c28-b0b4-d4ea348e6c98",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{!queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`Employees (${queries?.getEmployees?.data?.length ?? 0})`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text14",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 2.3255791856255725,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"a1a2b0e1-b856-4050-a20d-65f830020bd0": {
|
|
"id": "a1a2b0e1-b856-4050-a20d-65f830020bd0",
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "string",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "code",
|
|
"displayName": "Table data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "object"
|
|
},
|
|
"optional": true
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columns": {
|
|
"type": "array",
|
|
"displayName": "Table Columns"
|
|
},
|
|
"useDynamicColumn": {
|
|
"type": "toggle",
|
|
"displayName": "Use dynamic column",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columnData": {
|
|
"type": "code",
|
|
"displayName": "Column data"
|
|
},
|
|
"rowsPerPage": {
|
|
"type": "code",
|
|
"displayName": "Number of rows per page",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enableNextButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable next page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enabledSort": {
|
|
"type": "toggle",
|
|
"displayName": "Enable column sorting",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide column selector button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enablePrevButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable previous page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"totalRecords": {
|
|
"type": "code",
|
|
"displayName": "Total records server side",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enablePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Enable pagination",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSidePagination": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideSearch": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSideSort": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideFilter": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"defaultValue": "clientSide"
|
|
},
|
|
"actionButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"displaySearchBox": {
|
|
"type": "toggle",
|
|
"displayName": "Show search",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showDownloadButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show download button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showFilterButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable filtering",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"type": "toggle",
|
|
"displayName": "Show update buttons",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"allowSelection": {
|
|
"type": "toggle",
|
|
"displayName": "Allow selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkSelector": {
|
|
"type": "toggle",
|
|
"displayName": "Bulk selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"highlightSelectedRow": {
|
|
"type": "toggle",
|
|
"displayName": "Highlight selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"showAddNewRowButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show add new row button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop "
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onRowHovered": {
|
|
"displayName": "Row hovered"
|
|
},
|
|
"onRowClicked": {
|
|
"displayName": "Row clicked"
|
|
},
|
|
"onBulkUpdate": {
|
|
"displayName": "Save changes"
|
|
},
|
|
"onPageChanged": {
|
|
"displayName": "Page changed"
|
|
},
|
|
"onSearch": {
|
|
"displayName": "Search"
|
|
},
|
|
"onCancelChanges": {
|
|
"displayName": "Cancel changes"
|
|
},
|
|
"onSort": {
|
|
"displayName": "Sort applied"
|
|
},
|
|
"onCellValueChanged": {
|
|
"displayName": "Cell value changed"
|
|
},
|
|
"onFilterChanged": {
|
|
"displayName": "Filter changed"
|
|
},
|
|
"onNewRowsAdded": {
|
|
"displayName": "Add new rows"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonRadius": {
|
|
"type": "code",
|
|
"displayName": "Action Button Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"tableType": {
|
|
"type": "select",
|
|
"displayName": "Table type",
|
|
"options": [
|
|
{
|
|
"name": "Bordered",
|
|
"value": "table-bordered"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "table-classic"
|
|
},
|
|
{
|
|
"name": "Striped",
|
|
"value": "table-striped"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"cellSize": {
|
|
"type": "select",
|
|
"displayName": "Cell size",
|
|
"options": [
|
|
{
|
|
"name": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getEmployees.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getEmployees.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"enablePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "name",
|
|
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "email",
|
|
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "c13331c3-7040-4b47-90a1-10c5245bd110",
|
|
"name": "designation",
|
|
"key": "designation",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "4ed1e639-52e7-4df4-99aa-e25b57b5c52b",
|
|
"name": "department",
|
|
"key": "department",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "ac7129df-ff8a-42aa-9798-e1a4099b8f46",
|
|
"name": "Overall feedback score",
|
|
"key": "phone_no",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "a249ad47-c52d-43e5-b384-fa54122914a7",
|
|
"name": "Teamwork score",
|
|
"key": "blood_group",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "568ce851-ae8f-4ebc-be26-c5a5eae89a57",
|
|
"name": "Communication score",
|
|
"key": "date_of_joining",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "61ad21ce-70e5-4c4e-97e1-2f576c690dbe",
|
|
"name": "Skillset score",
|
|
"key": "date_of_birth",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "de287f35-26ef-4fac-b574-a265d22d9232",
|
|
"name": "Additonal notes",
|
|
"key": "address",
|
|
"columnType": "text",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 149,
|
|
"db258ca5-d4f5-4b22-a667-143882f7f004": 123,
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 168,
|
|
"c13331c3-7040-4b47-90a1-10c5245bd110": 180
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": []
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"new_column1",
|
|
"Department",
|
|
"Title",
|
|
"image_data"
|
|
]
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "table1",
|
|
"displayName": "Table",
|
|
"description": "Display paginated tabular data",
|
|
"component": "Table",
|
|
"defaultSize": {
|
|
"width": 28.86,
|
|
"height": 456
|
|
},
|
|
"exposedVariables": {
|
|
"selectedRow": {},
|
|
"changeSet": {},
|
|
"dataUpdates": [],
|
|
"pageIndex": 1,
|
|
"searchText": "",
|
|
"selectedRows": [],
|
|
"filters": []
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setPage",
|
|
"displayName": "Set page",
|
|
"params": [
|
|
{
|
|
"handle": "page",
|
|
"displayName": "Page",
|
|
"defaultValue": "{{1}}"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "selectRow",
|
|
"displayName": "Select row",
|
|
"params": [
|
|
{
|
|
"handle": "key",
|
|
"displayName": "Key"
|
|
},
|
|
{
|
|
"handle": "value",
|
|
"displayName": "Value"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "deselectRow",
|
|
"displayName": "Deselect row"
|
|
},
|
|
{
|
|
"handle": "discardChanges",
|
|
"displayName": "Discard Changes"
|
|
},
|
|
{
|
|
"handle": "discardNewlyAddedRows",
|
|
"displayName": "Discard newly added rows"
|
|
},
|
|
{
|
|
"displayName": "Download table data",
|
|
"handle": "downloadTableData",
|
|
"params": [
|
|
{
|
|
"handle": "type",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"name": "Download as Excel",
|
|
"value": "xlsx"
|
|
},
|
|
{
|
|
"name": "Download as CSV",
|
|
"value": "csv"
|
|
},
|
|
{
|
|
"name": "Download as PDF",
|
|
"value": "pdf"
|
|
}
|
|
],
|
|
"defaultValue": "{{Download as Excel}}",
|
|
"type": "select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160.00001525878906,
|
|
"left": 2.325578288596377,
|
|
"width": 28,
|
|
"height": 610
|
|
}
|
|
}
|
|
},
|
|
"b9d81a3c-dc7c-461e-9c2f-35ad33557ed4": {
|
|
"id": "b9d81a3c-dc7c-461e-9c2f-35ad33557ed4",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Additional notes"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text12",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 390,
|
|
"left": 6.976749703235424,
|
|
"width": 13.999999999999998,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"9a3d65ac-acb3-4f51-8d68-6c4ebe33bd41": {
|
|
"id": "9a3d65ac-acb3-4f51-8d68-6c4ebe33bd41",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined}}",
|
|
"fxActive": true
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.form1.data.editbloodgrouptextinput.isValid ? \"0px 0px 0px 0px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{(components?.table1?.selectedRow?.id ?? undefined) == undefined || /^(A|B|AB|O)(\\+|-)$/.test(components.form1.data.editbloodgrouptextinput.value) ? true : \" \"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.blood_group}}"
|
|
},
|
|
"placeholder": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput5",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 390,
|
|
"left": 41.86047805877559,
|
|
"width": 21.999999999999996,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"03802613-4fd1-439b-9b40-ae8c8bf771d2": {
|
|
"id": "03802613-4fd1-439b-9b40-ae8c8bf771d2",
|
|
"component": {
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Primary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryValue": {
|
|
"type": "code",
|
|
"displayName": "Primary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideSecondary": {
|
|
"type": "toggle",
|
|
"displayName": "Hide secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Secondary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValue": {
|
|
"type": "code",
|
|
"displayName": "Secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondarySignDisplay": {
|
|
"type": "code",
|
|
"displayName": "Secondary sign display",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Primary label colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Primary text colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary label colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary text colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "#36AF8B"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": ""
|
|
},
|
|
"primaryValue": {
|
|
"value": ""
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Avg employee"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "2.85"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "positive"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "statistics1",
|
|
"displayName": "Statistics",
|
|
"description": "Show key metrics",
|
|
"component": "Statistics",
|
|
"defaultSize": {
|
|
"width": 9.2,
|
|
"height": 152
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 430,
|
|
"left": 44.18604651162791,
|
|
"width": 20.999999999999996,
|
|
"height": 90
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
},
|
|
"e9ba2d45-9daf-4461-8565-1637a263b9cc": {
|
|
"id": "e9ba2d45-9daf-4461-8565-1637a263b9cc",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{14}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Peer comparison"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text13",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 430,
|
|
"left": 6.976744186046512,
|
|
"width": 15,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "3fbadc70-1e0c-4080-8465-f5beb99d8c9c"
|
|
}
|
|
},
|
|
"handle": "home",
|
|
"name": "Home"
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "#f8f9fa",
|
|
"backgroundFxQuery": "#f8f9fa"
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"showViewerNavigation": false,
|
|
"homePageId": "f46030c8-e690-41df-aea1-c12412dee679",
|
|
"appId": "23985795-624b-484a-9ff7-4764225c0c6f",
|
|
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"promotedFrom": null,
|
|
"createdAt": "2024-01-03T09:48:29.253Z",
|
|
"updatedAt": "2024-02-23T21:42:37.310Z"
|
|
}
|
|
],
|
|
"appEnvironments": [
|
|
{
|
|
"id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"name": "development",
|
|
"isDefault": false,
|
|
"priority": 1,
|
|
"enabled": true,
|
|
"createdAt": "2023-04-26T19:44:06.852Z",
|
|
"updatedAt": "2023-04-26T19:44:06.852Z"
|
|
},
|
|
{
|
|
"id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"name": "staging",
|
|
"isDefault": false,
|
|
"priority": 2,
|
|
"enabled": true,
|
|
"createdAt": "2023-04-26T19:44:06.852Z",
|
|
"updatedAt": "2023-04-26T19:44:06.852Z"
|
|
},
|
|
{
|
|
"id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"name": "production",
|
|
"isDefault": true,
|
|
"priority": 3,
|
|
"enabled": true,
|
|
"createdAt": "2023-04-26T19:44:06.852Z",
|
|
"updatedAt": "2023-04-26T19:44:06.852Z"
|
|
}
|
|
],
|
|
"dataSourceOptions": [
|
|
{
|
|
"id": "8ab6add5-f03c-4cf2-b763-a6bc357afadd",
|
|
"dataSourceId": "eaf359e9-956a-4cee-aec0-178003724fd9",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.298Z",
|
|
"updatedAt": "2024-01-03T09:48:29.298Z"
|
|
},
|
|
{
|
|
"id": "991e191a-fc23-4f5a-bf00-03ca366528b8",
|
|
"dataSourceId": "eaf359e9-956a-4cee-aec0-178003724fd9",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.298Z",
|
|
"updatedAt": "2024-01-03T09:48:29.298Z"
|
|
},
|
|
{
|
|
"id": "699fbe42-b142-41b8-8493-3b85f41525f7",
|
|
"dataSourceId": "eaf359e9-956a-4cee-aec0-178003724fd9",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.298Z",
|
|
"updatedAt": "2024-01-03T09:48:29.298Z"
|
|
},
|
|
{
|
|
"id": "6c040fd3-e3e9-4734-b40e-a5dd00be1865",
|
|
"dataSourceId": "4dfe0754-295c-432c-9d83-ff0875a011e9",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.315Z",
|
|
"updatedAt": "2024-01-03T09:48:29.315Z"
|
|
},
|
|
{
|
|
"id": "2dd869e0-8817-4338-a89e-9da4bfbef1a9",
|
|
"dataSourceId": "4dfe0754-295c-432c-9d83-ff0875a011e9",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.315Z",
|
|
"updatedAt": "2024-01-03T09:48:29.315Z"
|
|
},
|
|
{
|
|
"id": "c7fc0c9f-be41-414e-8408-6cec1c638143",
|
|
"dataSourceId": "4dfe0754-295c-432c-9d83-ff0875a011e9",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.315Z",
|
|
"updatedAt": "2024-01-03T09:48:29.315Z"
|
|
},
|
|
{
|
|
"id": "5db3a4d0-cdc8-4e6e-818f-da85b99d73ba",
|
|
"dataSourceId": "2d687365-cf23-4a53-8918-2fc0ab7f29b4",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.331Z",
|
|
"updatedAt": "2024-01-03T09:48:29.331Z"
|
|
},
|
|
{
|
|
"id": "d718f7cb-7e6e-494b-9575-38b18a00b200",
|
|
"dataSourceId": "2d687365-cf23-4a53-8918-2fc0ab7f29b4",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.331Z",
|
|
"updatedAt": "2024-01-03T09:48:29.331Z"
|
|
},
|
|
{
|
|
"id": "6d2c3695-72e7-4d6f-8e45-6d64029c50c4",
|
|
"dataSourceId": "2d687365-cf23-4a53-8918-2fc0ab7f29b4",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.331Z",
|
|
"updatedAt": "2024-01-03T09:48:29.331Z"
|
|
},
|
|
{
|
|
"id": "ece8d004-a1a3-4ef7-8179-e14c8e79d7f8",
|
|
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.345Z",
|
|
"updatedAt": "2024-01-03T09:48:29.345Z"
|
|
},
|
|
{
|
|
"id": "8b3b0aa0-845f-4553-9bd1-722693212f59",
|
|
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.345Z",
|
|
"updatedAt": "2024-01-03T09:48:29.345Z"
|
|
},
|
|
{
|
|
"id": "f152ce1f-3e28-4780-ab00-065735d0ecfd",
|
|
"dataSourceId": "7547ca29-1e11-4a5a-b569-823ce16568a7",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.345Z",
|
|
"updatedAt": "2024-01-03T09:48:29.345Z"
|
|
},
|
|
{
|
|
"id": "f237b64f-bc2f-4830-8007-c442651f4c69",
|
|
"dataSourceId": "f8457550-5e91-4e6f-b252-b5939468f260",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.361Z",
|
|
"updatedAt": "2024-01-03T09:48:29.361Z"
|
|
},
|
|
{
|
|
"id": "cba4bb78-46a2-4fdf-b1b0-262db8f2f993",
|
|
"dataSourceId": "f8457550-5e91-4e6f-b252-b5939468f260",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.361Z",
|
|
"updatedAt": "2024-01-03T09:48:29.361Z"
|
|
},
|
|
{
|
|
"id": "8629e969-d41d-465c-8efd-9b6392045cfa",
|
|
"dataSourceId": "f8457550-5e91-4e6f-b252-b5939468f260",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2024-01-03T09:48:29.361Z",
|
|
"updatedAt": "2024-01-03T09:48:29.361Z"
|
|
}
|
|
],
|
|
"schemaDetails": {
|
|
"multiPages": true,
|
|
"multiEnv": true,
|
|
"globalDataSources": true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"tooljet_version": "2.28.4-ee2.15.0-cloud2.3.1"
|
|
} |