My ToDo App New.json

{"applicationInfo":{"name":"My ToDo App New","createAt":1723898782190,"createBy":"6666e0c4fe4a76735b5c0180","applicationId":"66c09b9e72ed3d1d42a460c0","applicationType":1},"applicationDSL":{"ui":{"layout":{"ad1c899c":{"i":"ad1c899c","h":5,"w":17,"x":0,"y":0,"pos":1},"251a94c8":{"i":"251a94c8","h":33,"w":17,"delayCollision":true,"x":0,"y":5,"pos":2},"1f01a0c":{"i":"1f01a0c","h":49,"w":17,"delayCollision":true,"x":0,"y":40,"pos":0}},"items":{"1f01a0c":{"compType":"listView","comp":{"noOfRows":"{{getAllToDos.data}}","noOfColumns":"1","itemIndexName":"i","itemDataName":"currentItem","dynamicHeight":"auto","heightUnitOfRow":"1","container":{"layout":{"10b68010":{"i":"10b68010","h":5,"w":14,"x":0,"y":0,"pos":0},"99e7750e":{"i":"99e7750e","h":6,"w":4,"x":14,"y":0,"pos":1},"537d1fb2":{"i":"537d1fb2","h":6,"w":2,"x":20,"y":0,"pos":2},"718cf2c2":{"i":"718cf2c2","h":6,"w":2,"x":22,"y":0,"pos":2}},"items":{"10b68010":{"compType":"text","comp":{"text":"{{i+1}}. {{currentItem.title}}","autoHeight":"auto","type":"markdown","horizontalAlignment":"left","verticalAlignment":"center","style":{"background":"#F5F5F500","margin":"3px","padding":"3px","text":"#222222","textDecoration":"{{currentItem.completed?\"line-through\":\"\"}}","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","radius":"4px","borderWidth":"0","lineHeight":"18px","links":"#3377FF"},"margin":{"left":"","right":"","top":"","bottom":""},"padding":{"left":"","right":"","top":"","bottom":""},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"text1"},"99e7750e":{"compType":"text","comp":{"text":"Priority: {{currentItem.priority}}","autoHeight":"auto","type":"markdown","horizontalAlignment":"left","verticalAlignment":"center","style":{"background":"#FFFFFF","margin":"3px","padding":"3px","text":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","radius":"4px","borderWidth":"0","lineHeight":"18px","links":"#3377FF"},"margin":{"left":"","right":"","top":"","bottom":""},"padding":{"left":"","right":"","top":"","bottom":""},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"text2"},"718cf2c2":{"compType":"controlButton","comp":{"iconSize":"20px","type":"","autoHeight":"fixed","aspectRatio":"1 / 1","onEvent":[{"name":"click","handler":{"compType":"setTempState","comp":{"name":"todoitem","methodName":"setValue","params":[{"compType":"JSONValue","comp":"{{currentItem}}","name":"value"}]},"condition":"","slowdown":"debounce","delay":""}},{"name":"click","handler":{"compType":"runScript","comp":{"script":"if(confirm(\"Are you sure you want to delete this ToDo?\"))\n{\n  deleteToDo.run();\n}"},"condition":"","slowdown":"debounce","delay":""}}],"form":"","prefixIcon":"/icon:antd/deleteoutlined","style":{"background":"#E67373"},"restrictPaddingOnRotation":"controlButton","preventStyleOverwriting":false,"appliedThemeId":"","version":"latest"},"name":"controlButton2"},"537d1fb2":{"compType":"controlButton","comp":{"iconSize":"20px","type":"","autoHeight":"fixed","aspectRatio":"1 / 1","onEvent":[{"name":"click","handler":{"compType":"setTempState","comp":{"name":"todoitem","methodName":"setValue","params":[{"compType":"JSONValue","comp":"{{currentItem}}","name":"value"}]},"condition":"","slowdown":"debounce","delay":""}},{"name":"click","handler":{"compType":"executeComp","comp":{"name":"modal1","methodName":"openModal"},"condition":"","slowdown":"debounce","delay":""}}],"form":"","prefixIcon":"/icon:regular/pen-to-square","restrictPaddingOnRotation":"controlButton","preventStyleOverwriting":false,"appliedThemeId":"","version":"latest"},"name":"controlButton1"}}},"autoHeight":"auto","horizontalGridCells":24,"scrollbars":false,"pagination":{"changeablePageSize":0,"pageSize":"6","pageSizeOptions":"[5, 10, 20, 50]"},"style":{"background":"#FFFFFF","border":"#D7D9E0","radius":"4px"},"horizontal":false,"minHorizontalWidth":"100px","preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"listView1"},"ad1c899c":{"compType":"text","comp":{"text":"# ToDo App","autoHeight":"auto","type":"markdown","horizontalAlignment":"left","verticalAlignment":"center","style":{"background":"#5589F270","margin":"3px","padding":"3px","text":"#222222","textSize":"14px","textWeight":"700","border":"#D7D9E0","borderStyle":"solid","radius":"4px","borderWidth":"0","lineHeight":"18px","links":"#3377FF"},"margin":{"left":"","right":"","top":"","bottom":""},"padding":{"left":"","right":"","top":"","bottom":""},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"text3"},"251a94c8":{"compType":"form","comp":{"resetAfterSubmit":true,"onEvent":[{"name":"submit","handler":{"compType":"executeQuery","comp":{"queryName":"addToDo"},"condition":"","slowdown":"debounce","delay":""}}],"container":{"header":{"layout":{"d0a6240d":{"i":"d0a6240d","h":5,"w":24,"x":0,"y":0}},"items":{"d0a6240d":{"compType":"text","comp":{"text":"### Add ToDo Entry","autoHeight":"auto","type":"markdown","horizontalAlignment":"left","verticalAlignment":"center","style":{"background":"#5589F270","margin":"3px","padding":"3px","text":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","radius":"4px","borderWidth":"0","lineHeight":"18px","links":"#3377FF"},"margin":{"left":"","right":"","top":"","bottom":""},"padding":{"left":"","right":"","top":"","bottom":""},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"formTitle1"}}},"body":{"0":{"view":{"layout":{"ac866919":{"i":"ac866919","h":7,"w":24,"x":0,"y":0,"pos":0},"8faeea58":{"i":"8faeea58","h":7,"w":24,"x":0,"y":7,"pos":1},"97379a0b":{"i":"97379a0b","h":7,"w":24,"x":0,"y":14,"pos":2}},"items":{"ac866919":{"compType":"input","comp":{"defaultValue":"","value":"","label":{"text":"ToDo Title","width":"20","widthUnit":"%","position":"row","align":"left"},"required":true,"validationType":"Text","style":{"background":"#00000000","border":"#D7D9E0","margin":"3px","padding":"3px","borderStyle":"solid","radius":"4px","borderWidth":"0px","opacity":"1"},"labelStyle":{"margin":"3px","padding":"3px","label":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","borderWidth":"0px","accent":"#3377FF"},"inputFieldStyle":{"margin":"3px","padding":"3px","text":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","radius":"4px","borderWidth":"1px","accent":"#3377FF"},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"input1"},"8faeea58":{"compType":"date","comp":{"value":"{{dayjs(now)}}","label":{"text":"Due Date","width":"20","widthUnit":"%","position":"row","align":"left"},"placeholder":"Select Date","format":"DD-MM-YYYY","style":{"background":"#00000000","border":"#D7D9E0","margin":"3px","padding":"3px","borderStyle":"solid","radius":"4px","borderWidth":"0px","opacity":"1"},"labelStyle":{"margin":"3px","padding":"3px","label":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","borderWidth":"0px"},"suffixIcon":"/icon:regular/calendar","required":true,"minDate":"{{dayjs(now)}}","inputFieldStyle":{"border":"#D7D9E0","radius":"4px","text":"#222222","margin":"3px","padding":"3px","borderStyle":"solid","borderWidth":"1px","accent":"#3377FF"},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"date1"},"97379a0b":{"compType":"select","comp":{"label":{"text":"Priority","width":"20","widthUnit":"%","position":"row","align":"left"},"options":{"optionType":"manual","manual":{"manual":[{"value":"1","label":"1"},{"value":"2","label":"2"},{"value":"3","label":"3"},{"value":"4","label":"4"},{"value":"5","label":"5"},{"value":"6","label":"6"},{"value":"7","label":"7"},{"value":"8","label":"8"},{"value":"9","label":"9"},{"value":"10","label":"10"}]},"mapData":{"data":"[]"}},"showSearch":false,"margin":{"left":"","right":"","top":"","bottom":""},"padding":{"left":"","right":"","top":"","bottom":""},"inputFieldStyle":{"margin":"3px","padding":"3px","text":"#222222","textSize":"14px","border":"#D7D9E0","radius":"4px","borderStyle":"solid","borderWidth":"1px","accent":"#3377FF"},"required":true,"defaultValue":"1","value":"","style":{"background":"#00000000","border":"#D7D9E0","margin":"3px","padding":"3px","borderStyle":"solid","radius":"4px","borderWidth":"0px","opacity":"1"},"labelStyle":{"margin":"3px","padding":"3px","label":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","borderWidth":"0px","accent":"#3377FF"},"childrenInputFieldStyle":{"margin":"3px","padding":"3px","text":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","radius":"4px","borderWidth":"0px","lineHeight":"18px","background":"#FFFFFF"},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"select1"}}}}},"footer":{"layout":{"7956424a":{"i":"7956424a","h":6,"w":5,"x":19,"y":0}},"items":{"7956424a":{"compType":"button","comp":{"text":"Submit","type":"submit","form":"form1","style":{"background":"#3377FF","margin":"3px","padding":"3px","text":"#FFFFFF","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","radius":"4px","borderWidth":"1px"},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"formButton1"}}},"showHeader":true,"showBody":true,"showFooter":true,"autoHeight":"auto","horizontalGridCells":24,"scrollbars":false,"style":{"border":"#D7D9E0","background":"#FFFFFF","radius":"4px","borderWidth":"1px","borderStyle":"solid","margin":"3px","padding":"3px"},"appliedThemeId":"default-theme-id"},"preventStyleOverwriting":false,"appliedThemeId":"","version":"latest"},"name":"form1"}}},"queries":[{"compType":"restApi","comp":{"bodyType":"none","body":"","httpMethod":"GET","path":"https://playground.mockoon.com/todos","headers":[{"key":"","value":""}],"params":[{"key":"","value":""}],"bodyFormData":[{"key":"","value":"","type":"text"}]},"id":"u5jwn1yada5336u9p1umsjm1","name":"getAllToDos","order":1723898861859,"datasourceId":"#QUICK_REST_API","triggerType":"automatic","onEvent":[],"notification":{"showSuccess":true,"showFail":true,"fail":[{}]},"timeout":"","confirmationModal":{},"periodic":false,"periodicTime":"","cancelPrevious":false},{"compType":"restApi","comp":{"bodyType":"application/json","body":"{\n  \"title\": {{input1.value}},\n  \"completed\": false,\n  \"priority\": {{parseInt(select1.value)}},\n  \"dueDate\": {{date1.value}}\n}","httpMethod":"POST","path":"https://playground.mockoon.com/todos","headers":[{"key":"Content-Type","value":"application/json"}],"params":[{"key":"","value":""}],"bodyFormData":[{"key":"","value":"","type":"text"}]},"id":"8k8bkpwlhj32qz96jfyefsmc","name":"addToDo","order":1723903048437,"datasourceId":"#QUICK_REST_API","triggerType":"manual","onEvent":[{"name":"success","handler":{"compType":"executeQuery","comp":{"queryName":"getAllToDos"},"condition":"","slowdown":"debounce","delay":""}}],"notification":{"showSuccess":true,"showFail":true,"fail":[{}]},"timeout":"","confirmationModal":{},"periodic":false,"periodicTime":"","cancelPrevious":false},{"compType":"restApi","comp":{"bodyType":"application/json","body":"{\n  \"title\": {{input2.value}},\n  \"completed\": {{switch1.value}},\n  \"priority\": {{parseInt(select2.value)}},\n  \"dueDate\": {{date2.value}}\n}","httpMethod":"PATCH","path":"https://playground.mockoon.com/todos/{{todoitem.value.id}}","headers":[{"key":"Content-Type","value":"application/json"}],"params":[{"key":"","value":""}],"bodyFormData":[{"key":"","value":"","type":"text"}]},"id":"0gvity5gzeabcab4c0vu8yqi","name":"updateToDo","order":1724421777485,"datasourceId":"#QUICK_REST_API","triggerType":"manual","onEvent":[{"name":"success","handler":{"compType":"executeQuery","comp":{"queryName":"getAllToDos"},"condition":"","slowdown":"debounce","delay":""}}],"notification":{"showSuccess":true,"showFail":true,"fail":[{}]},"timeout":"","confirmationModal":{},"periodic":false,"periodicTime":"","cancelPrevious":false},{"compType":"restApi","comp":{"bodyType":"none","body":"{\n  \"title\": {{input2.value}},\n  \"completed\": {{switch1.value}},\n  \"priority\": {{parseInt(select2.value)}},\n  \"dueDate\": {{date2.value}}\n}","httpMethod":"DELETE","path":"https://playground.mockoon.com/todos/{{todoitem.value.id}}","headers":[],"params":[{"key":"","value":""}],"bodyFormData":[{"key":"","value":"","type":"text"}]},"id":"anfiahz6d2fg8i5vri15mv92","name":"deleteToDo","order":1724422174809,"datasourceId":"#QUICK_REST_API","triggerType":"manual","onEvent":[{"name":"success","handler":{"compType":"executeQuery","comp":{"queryName":"getAllToDos"},"condition":"","slowdown":"debounce","delay":""}}],"notification":{"showSuccess":true,"showFail":true,"fail":[{}]},"timeout":"","confirmationModal":{},"periodic":false,"periodicTime":"","cancelPrevious":false}],"tempStates":[{"name":"todoitem","value":"null"}],"refTree":{"value":"","items":[{"value":"getAllToDos"},{"value":"addToDo"},{"value":"todoitem"},{"value":"updateToDo"},{"value":"deleteToDo"}]},"hooks":[{"compType":"urlParams","comp":{},"name":"url"},{"compType":"dayJsLib","comp":{},"name":"dayjs"},{"compType":"lodashJsLib","comp":{},"name":"_"},{"compType":"utils","comp":{},"name":"utils"},{"compType":"message","comp":{},"name":"message"},{"compType":"toast","comp":{},"name":"toast"},{"compType":"localStorage","comp":{},"name":"localStorage"},{"compType":"currentUser","comp":{},"name":"currentUser"},{"compType":"screenInfo","comp":{},"name":"screenInfo"},{"compType":"theme","comp":{},"name":"theme"},{"compType":"modal","comp":{"visible":"","horizontalGridCells":24,"autoHeight":"auto","titleAlign":"left","maskClosable":true,"showMask":true,"toggleClose":true,"container":{"layout":{"804a2690":{"i":"804a2690","h":33,"w":24,"delayCollision":true,"x":0,"y":0,"pos":2,"isDragging":true}},"items":{"804a2690":{"compType":"form","comp":{"resetAfterSubmit":true,"onEvent":[{"name":"submit","handler":{"compType":"executeQuery","comp":{"queryName":"updateToDo"},"condition":"","slowdown":"debounce","delay":""}},{"name":"submit","handler":{"compType":"executeComp","comp":{"name":"modal1","methodName":"closeModal"},"condition":"","slowdown":"debounce","delay":""}}],"container":{"header":{"layout":{"7245555":{"i":"7245555","h":5,"w":24,"x":0,"y":0}},"items":{"7245555":{"compType":"text","comp":{"text":"### Edit ToDo Entry","autoHeight":"auto","type":"markdown","horizontalAlignment":"left","verticalAlignment":"center","style":{"background":"#5589F270","margin":"3px","padding":"3px","text":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","radius":"4px","borderWidth":"0","lineHeight":"18px","links":"#3377FF"},"margin":{"left":"","right":"","top":"","bottom":""},"padding":{"left":"","right":"","top":"","bottom":""},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"text4"}}},"body":{"0":{"view":{"layout":{"2c69c355":{"i":"2c69c355","h":7,"w":24,"x":0,"y":0,"pos":0},"4cb6b0cf":{"i":"4cb6b0cf","h":7,"w":24,"x":0,"y":7,"pos":1},"12d0ace4":{"i":"12d0ace4","h":7,"w":24,"x":0,"y":14,"pos":2},"5a24fbaf":{"i":"5a24fbaf","h":7,"w":24,"x":0,"y":22,"pos":3}},"items":{"2c69c355":{"compType":"input","comp":{"defaultValue":"{{todoitem.value.title}}","value":"","label":{"text":"ToDo Title","width":"20","widthUnit":"%","position":"row","align":"left"},"readOnly":true,"required":true,"validationType":"Text","style":{"background":"#00000000","border":"#D7D9E0","margin":"3px","padding":"3px","borderStyle":"solid","radius":"4px","borderWidth":"0px","opacity":"1"},"labelStyle":{"margin":"3px","padding":"3px","label":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","borderWidth":"0px","accent":"#3377FF"},"inputFieldStyle":{"margin":"3px","padding":"3px","text":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","radius":"4px","borderWidth":"1px","accent":"#3377FF"},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"input2"},"4cb6b0cf":{"compType":"date","comp":{"value":"{{todoitem.value.dueDate}}","label":{"text":"Due Date","width":"20","widthUnit":"%","position":"row","align":"left"},"placeholder":"Select Date","format":"DD-MM-YYYY","style":{"background":"#00000000","border":"#D7D9E0","margin":"3px","padding":"3px","borderStyle":"solid","radius":"4px","borderWidth":"0px","opacity":"1"},"labelStyle":{"margin":"3px","padding":"3px","label":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","borderWidth":"0px"},"suffixIcon":"/icon:regular/calendar","required":true,"minDate":"{{dayjs(now)}}","inputFieldStyle":{"border":"#D7D9E0","radius":"4px","text":"#222222","margin":"3px","padding":"3px","borderStyle":"solid","borderWidth":"1px","accent":"#3377FF"},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"date2"},"12d0ace4":{"compType":"select","comp":{"label":{"text":"Priority","width":"20","widthUnit":"%","position":"row","align":"left"},"options":{"optionType":"manual","manual":{"manual":[{"value":"1","label":"1"},{"value":"2","label":"2"},{"value":"3","label":"3"},{"value":"4","label":"4"},{"value":"5","label":"5"},{"value":"6","label":"6"},{"value":"7","label":"7"},{"value":"8","label":"8"},{"value":"9","label":"9"},{"value":"10","label":"10"}]},"mapData":{"data":"[]"}},"showSearch":false,"margin":{"left":"","right":"","top":"","bottom":""},"padding":{"left":"","right":"","top":"","bottom":""},"inputFieldStyle":{"margin":"3px","padding":"3px","text":"#222222","textSize":"14px","border":"#D7D9E0","radius":"4px","borderStyle":"solid","borderWidth":"1px","accent":"#3377FF"},"required":true,"defaultValue":"{{todoitem.value.priority}}","value":"","style":{"background":"#00000000","border":"#D7D9E0","margin":"3px","padding":"3px","borderStyle":"solid","radius":"4px","borderWidth":"0px","opacity":"1"},"labelStyle":{"margin":"3px","padding":"3px","label":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","borderWidth":"0px","accent":"#3377FF"},"childrenInputFieldStyle":{"margin":"3px","padding":"3px","text":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","radius":"4px","borderWidth":"0px","lineHeight":"18px","background":"#FFFFFF"},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"select2"},"5a24fbaf":{"compType":"switch","comp":{"value":"{{todoitem.value.completed}}","label":{"text":"Completed","width":"20","widthUnit":"%","position":"row","align":"left"},"style":{"background":"#00000000","border":"#D7D9E0","margin":"3px","padding":"3px","borderStyle":"solid","radius":"4px","borderWidth":"0px","opacity":"1"},"labelStyle":{"margin":"3px","padding":"3px","label":"#222222","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","borderWidth":"0px"},"inputFieldStyle":{"unchecked":"#D7D9E0","checked":"#3377FF","margin":"3px","padding":"3px"},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"switch1"}}}}},"footer":{"layout":{"a7233df1":{"i":"a7233df1","h":6,"w":5,"x":19,"y":0}},"items":{"a7233df1":{"compType":"button","comp":{"text":"Submit","type":"submit","form":"form2","style":{"background":"#3377FF","margin":"3px","padding":"3px","text":"#FFFFFF","textSize":"14px","border":"#D7D9E0","borderStyle":"solid","radius":"4px","borderWidth":"1px"},"preventStyleOverwriting":false,"appliedThemeId":"default-theme-id","version":"latest"},"name":"button1"}}},"showHeader":true,"showBody":true,"showFooter":true,"autoHeight":"auto","horizontalGridCells":24,"scrollbars":false,"style":{"border":"#D7D9E0","background":"#FFFFFF","radius":"4px","borderWidth":"1px","borderStyle":"solid","margin":"3px","padding":"3px"},"appliedThemeId":"default-theme-id"},"preventStyleOverwriting":false,"appliedThemeId":"","version":"latest"},"name":"form2"}}},"preventStyleOverwriting":false,"appliedThemeId":"","version":"latest"},"name":"modal1"}],"settings":{"title":"","description":"","category":"Business","showHeaderInPublic":true,"maxWidth":{"dropdown":"1920","input":0},"themeId":"default","preventAppStylesOverwriting":true,"disableCollision":false,"lowcoderCompVersion":"latest"},"preload":{"script":"","css":"","globalCSS":""}}}