martyn/karaoke-appsmith
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Mobile Layout

Browse source
This commit is contained in:
Martyn Ranyard 2025-09-11 08:20:16 +00:00
parent 1116671f35
commit 8e5edd3570
33 changed files with 348 additions and 312 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
application.json
View file

@ -1,7 +1,7 @@
{ {
"appIsExample": false, "appIsExample": false,
"appLayout": { "appLayout": {
"type": "DESKTOP" "type": "MOBILE"
}, },
"applicationVersion": 2, "applicationVersion": 2,
"collapseInvisibleWidgets": true, "collapseInvisibleWidgets": true,
@ -14,6 +14,6 @@
} }
], ],
"unpublishedAppLayout": { "unpublishedAppLayout": {
"type": "DESKTOP" "type": "MOBILE"
} }
} }

2
pages/Home/Home.json
View file

@ -7,7 +7,7 @@
{ {
"dsl": { "dsl": {
"backgroundColor": "none", "backgroundColor": "none",
"bottomRow": 870, "bottomRow": 810,
"canExtend": true, "canExtend": true,
"containerStyle": "none", "containerStyle": "none",
"detachFromLayout": true, "detachFromLayout": true,

8
pages/Home/widgets/DeleteConfirm/Button3.json
View file

@ -1,7 +1,7 @@
{ {
"animateLoading": true, "animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 24, "bottomRow": 26,
"boxShadow": "none", "boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonStyle": "PRIMARY", "buttonStyle": "PRIMARY",
@ -33,8 +33,8 @@
"mobileTopRow": 18, "mobileTopRow": 18,
"needsErrorInfo": false, "needsErrorInfo": false,
"onClick": "{{closeModal(DeleteConfirm.name);}}", "onClick": "{{closeModal(DeleteConfirm.name);}}",
"originalBottomRow": 19, "originalBottomRow": 26,
"originalTopRow": 15, "originalTopRow": 22,
"parentId": "kgor7jbcrd", "parentId": "kgor7jbcrd",
"placement": "CENTER", "placement": "CENTER",
"recaptchaType": "V3", "recaptchaType": "V3",
@ -43,7 +43,7 @@
"responsiveBehavior": "hug", "responsiveBehavior": "hug",
"rightColumn": 47, "rightColumn": 47,
"text": "Close", "text": "Close",
"topRow": 20, "topRow": 22,
"type": "BUTTON_WIDGET", "type": "BUTTON_WIDGET",
"version": 1, "version": 1,
"widgetId": "q8yyw2ukf6", "widgetId": "q8yyw2ukf6",

8
pages/Home/widgets/DeleteConfirm/Button4.json
View file

@ -1,7 +1,7 @@
{ {
"animateLoading": true, "animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 24, "bottomRow": 26,
"boxShadow": "none", "boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonStyle": "PRIMARY_BUTTON", "buttonStyle": "PRIMARY_BUTTON",
@ -33,8 +33,8 @@
"mobileTopRow": 18, "mobileTopRow": 18,
"needsErrorInfo": false, "needsErrorInfo": false,
"onClick": "{{closeModal(DeleteConfirm.name);\nKaraoke_DeleteSong.run().then(() => {\n Karaoke_AllTracks.run();\n}).catch(() => {\n showAlert('Problem Deleting Song, Sorry!', 'error');\n});}}", "onClick": "{{closeModal(DeleteConfirm.name);\nKaraoke_DeleteSong.run().then(() => {\n Karaoke_AllTracks.run();\n}).catch(() => {\n showAlert('Problem Deleting Song, Sorry!', 'error');\n});}}",
"originalBottomRow": 19, "originalBottomRow": 26,
"originalTopRow": 15, "originalTopRow": 22,
"parentId": "kgor7jbcrd", "parentId": "kgor7jbcrd",
"placement": "CENTER", "placement": "CENTER",
"recaptchaType": "V3", "recaptchaType": "V3",
@ -43,7 +43,7 @@
"responsiveBehavior": "hug", "responsiveBehavior": "hug",
"rightColumn": 63, "rightColumn": 63,
"text": "Confirm", "text": "Confirm",
"topRow": 20, "topRow": 22,
"type": "BUTTON_WIDGET", "type": "BUTTON_WIDGET",
"version": 1, "version": 1,
"widgetId": "zz7ebnme8u", "widgetId": "zz7ebnme8u",

8
pages/Home/widgets/DeleteConfirm/DeleteConfirm.json
View file

@ -1,14 +1,14 @@
{ {
"animateLoading": true, "animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 348, "bottomRow": 368,
"boxShadow": "none", "boxShadow": "none",
"canEscapeKeyClose": true, "canEscapeKeyClose": true,
"canOutsideClickClose": true, "canOutsideClickClose": true,
"children": [ "children": [
{ {
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 260, "bottomRow": 280,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"canExtend": true, "canExtend": true,
"detachFromLayout": true, "detachFromLayout": true,
@ -57,14 +57,14 @@
} }
], ],
"dynamicHeight": "AUTO_HEIGHT", "dynamicHeight": "AUTO_HEIGHT",
"height": 260, "height": 280,
"isCanvas": true, "isCanvas": true,
"isLoading": false, "isLoading": false,
"key": "yzqcfhsyvw", "key": "yzqcfhsyvw",
"leftColumn": 0, "leftColumn": 0,
"maxDynamicHeight": 9000, "maxDynamicHeight": 9000,
"minDynamicHeight": 24, "minDynamicHeight": 24,
"minHeight": 260, "minHeight": 280,
"mobileBottomRow": 112, "mobileBottomRow": 112,
"mobileLeftColumn": 0, "mobileLeftColumn": 0,
"mobileRightColumn": 24, "mobileRightColumn": 24,

4
pages/Home/widgets/DeleteConfirm/Text6.json
View file

@ -1,7 +1,7 @@
{ {
"animateLoading": true, "animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 16, "bottomRow": 18,
"dynamicBindingPathList": [ "dynamicBindingPathList": [
{ {
"key": "truncateButtonColor" "key": "truncateButtonColor"
@ -33,7 +33,7 @@
"mobileRightColumn": 17, "mobileRightColumn": 17,
"mobileTopRow": 7, "mobileTopRow": 7,
"needsErrorInfo": false, "needsErrorInfo": false,
"originalBottomRow": 11, "originalBottomRow": 18,
"originalTopRow": 7, "originalTopRow": 7,
"overflow": "NONE", "overflow": "NONE",
"parentColumnSpace": 6.9375, "parentColumnSpace": 6.9375,

51
pages/Home/widgets/Tabs/Add.json
View file

@ -1,51 +0,0 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 6,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [
{
"key": "buttonColor"
},
{
"key": "borderRadius"
}
],
"dynamicTriggerPathList": [
{
"key": "onClick"
}
],
"isDefaultClickDisabled": true,
"isDisabled": false,
"isLoading": false,
"isVisible": true,
"key": "mlbyeq1t36",
"leftColumn": 49,
"minWidth": 120,
"mobileBottomRow": 6,
"mobileLeftColumn": 49,
"mobileRightColumn": 64,
"mobileTopRow": 2,
"needsErrorInfo": false,
"onClick": "{{Karaoke_AddSong.run().then(() => {\n Karaoke_AllTracks.run();\n JSObject1.AddonClick();\n}).catch(() => {\n showAlert('Couldn\\'t add, sorry!', 'error');\n});}}",
"parentColumnSpace": 19.5,
"parentId": "plqruz04xj",
"parentRowSpace": 10,
"placement": "CENTER",
"recaptchaType": "V3",
"renderMode": "CANVAS",
"resetFormOnClick": false,
"responsiveBehavior": "hug",
"rightColumn": 64,
"text": "Add",
"tooltip": "Add the track",
"topRow": 2,
"type": "BUTTON_WIDGET",
"version": 1,
"widgetId": "5k7mbebacf",
"widgetName": "Add"
}

6
pages/Home/widgets/Tabs/AllSongsList/AllSongsList.json
View file

@ -9,7 +9,7 @@
"animateLoading": true, "animateLoading": true,
"backgroundColor": "transparent", "backgroundColor": "transparent",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 77, "bottomRow": 82,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"children": [ "children": [
{ {
@ -108,7 +108,7 @@
"needsErrorInfo": false, "needsErrorInfo": false,
"originalBottomRow": 91, "originalBottomRow": 91,
"originalTopRow": 21, "originalTopRow": 21,
"pageSize": 7, "pageSize": 6,
"parentColumnSpace": 25.34375, "parentColumnSpace": 25.34375,
"parentId": "jquin5y9tz", "parentId": "jquin5y9tz",
"parentRowSpace": 10, "parentRowSpace": 10,
@ -119,7 +119,7 @@
"rightColumn": 64, "rightColumn": 64,
"selectedItemView": "{{{}}}", "selectedItemView": "{{{}}}",
"templateHeight": 160, "templateHeight": 160,
"topRow": 7, "topRow": 12,
"triggeredItemView": "{{{}}}", "triggeredItemView": "{{{}}}",
"type": "LIST_WIDGET_V2", "type": "LIST_WIDGET_V2",
"widgetId": "vfa51f6ub3", "widgetId": "vfa51f6ub3",

51
pages/Home/widgets/Tabs/AllSongsList/Container1/Button2.json
View file

@ -1,51 +0,0 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 7,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [
{
"key": "buttonColor"
},
{
"key": "borderRadius"
}
],
"dynamicHeight": "FIXED",
"dynamicTriggerPathList": [
{
"key": "onClick"
}
],
"isDefaultClickDisabled": true,
"isDisabled": false,
"isLoading": false,
"isVisible": true,
"key": "mlbyeq1t36",
"leftColumn": 52,
"minWidth": 120,
"mobileBottomRow": 4,
"mobileLeftColumn": 49,
"mobileRightColumn": 64,
"mobileTopRow": 0,
"needsErrorInfo": false,
"onClick": "{{Karaoke_AddSing.run().then(() => {\n Karaoke_ToSing.run();\n}).catch(() => {\n showAlert('Couldn\\'t add, Sorry!', 'error');\n});}}",
"parentColumnSpace": 19.0625,
"parentId": "qt7qcypuey",
"parentRowSpace": 10,
"placement": "CENTER",
"recaptchaType": "V3",
"renderMode": "CANVAS",
"resetFormOnClick": false,
"responsiveBehavior": "hug",
"rightColumn": 61,
"text": "Add to Sing Next",
"topRow": 0,
"type": "BUTTON_WIDGET",
"version": 1,
"widgetId": "hetv0zc0sl",
"widgetName": "Button2"
}

84
pages/Home/widgets/Tabs/AllSongsList/Container1/ButtonGroup1.json Normal file
View file

@ -0,0 +1,84 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 4,
"boxShadow": "none",
"buttonVariant": "PRIMARY",
"childStylesheet": {
"button": {
"buttonColor": "{{appsmith.theme.colors.primaryColor}}"
}
},
"dynamicBindingPathList": [
{
"key": "borderRadius"
},
{
"key": "groupButtons.groupButton1.buttonColor"
}
],
"dynamicHeight": "FIXED",
"dynamicTriggerPathList": [
{
"key": "groupButtons.groupButton1.onClick"
},
{
"key": "groupButtons.groupButton2.onClick"
}
],
"groupButtons": {
"groupButton1": {
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonType": "SIMPLE",
"disabledWhenInvalid": false,
"iconName": "heart",
"id": "groupButton1",
"index": 0,
"isDisabled": false,
"isVisible": true,
"label": "",
"menuItems": {},
"onClick": "{{Karaoke_AddSing.run()}}",
"placement": "CENTER",
"widgetId": ""
},
"groupButton2": {
"buttonColor": "#b33d0a",
"buttonType": "SIMPLE",
"disabledWhenInvalid": false,
"iconName": "trash",
"id": "groupButton2",
"index": 1,
"isDisabled": false,
"isVisible": true,
"label": "",
"menuItems": {},
"onClick": "{{showModal(DeleteConfirm.name).then(() => {\n Karaoke_DeleteSong.run();\n});}}",
"placement": "CENTER",
"widgetId": ""
}
},
"isCanvas": false,
"isLoading": false,
"isVisible": true,
"key": "u41m6w43wg",
"leftColumn": 50,
"minWidth": 450,
"mobileBottomRow": 8,
"mobileLeftColumn": 24,
"mobileRightColumn": 48,
"mobileTopRow": 4,
"needsErrorInfo": false,
"orientation": "horizontal",
"parentColumnSpace": 6.09375,
"parentId": "qt7qcypuey",
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 63,
"topRow": 0,
"type": "BUTTON_GROUP_WIDGET",
"version": 1,
"widgetId": "xir5blmwye",
"widgetName": "ButtonGroup1"
}

4
pages/Home/widgets/Tabs/AllSongsList/Container1/Container1.json
View file

@ -4,12 +4,12 @@
"borderColor": "#E0DEDE", "borderColor": "#E0DEDE",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"borderWidth": "1", "borderWidth": "1",
"bottomRow": 9, "bottomRow": 10,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"children": [ "children": [
{ {
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 90, "bottomRow": 100,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"canExtend": false, "canExtend": false,
"containerStyle": "none", "containerStyle": "none",

46
pages/Home/widgets/Tabs/AllSongsList/Container1/IconButton3.json
View file

@ -1,46 +0,0 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 7,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY",
"dynamicBindingPathList": [
{
"key": "buttonColor"
},
{
"key": "borderRadius"
}
],
"dynamicHeight": "FIXED",
"dynamicTriggerPathList": [
{
"key": "onClick"
}
],
"iconName": "trash",
"isDisabled": false,
"isLoading": false,
"isVisible": true,
"key": "hjkhlwmdl8",
"leftColumn": 61,
"minWidth": 50,
"mobileBottomRow": 5,
"mobileLeftColumn": 61,
"mobileRightColumn": 64,
"mobileTopRow": 1,
"needsErrorInfo": false,
"onClick": "{{showModal(DeleteConfirm.name).then(() => {\n Karaoke_DeleteSong.run();\n});}}",
"parentColumnSpace": 19.0625,
"parentId": "qt7qcypuey",
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "hug",
"rightColumn": 64,
"topRow": 0,
"type": "ICON_BUTTON_WIDGET",
"version": 1,
"widgetId": "fe843waf2a",
"widgetName": "IconButton3"
}

2
pages/Home/widgets/Tabs/AllSongsList/Container1/Text1.json
View file

@ -42,7 +42,7 @@
"parentId": "qt7qcypuey", "parentId": "qt7qcypuey",
"renderMode": "CANVAS", "renderMode": "CANVAS",
"responsiveBehavior": "fill", "responsiveBehavior": "fill",
"rightColumn": 52, "rightColumn": 50,
"shouldTruncate": false, "shouldTruncate": false,
"text": "{{currentItem.Title}}", "text": "{{currentItem.Title}}",
"textAlign": "LEFT", "textAlign": "LEFT",

5
pages/Home/widgets/Tabs/Artist.json
View file

@ -23,7 +23,7 @@
"isRequired": false, "isRequired": false,
"isVisible": true, "isVisible": true,
"key": "7el0klblgd", "key": "7el0klblgd",
"label": "Artist", "label": "",
"labelAlignment": "left", "labelAlignment": "left",
"labelPosition": "Left", "labelPosition": "Left",
"labelStyle": "", "labelStyle": "",
@ -41,10 +41,11 @@
"parentColumnSpace": 19.5, "parentColumnSpace": 19.5,
"parentId": "plqruz04xj", "parentId": "plqruz04xj",
"parentRowSpace": 10, "parentRowSpace": 10,
"placeholderText": "Artist",
"renderMode": "CANVAS", "renderMode": "CANVAS",
"resetOnSubmit": true, "resetOnSubmit": true,
"responsiveBehavior": "fill", "responsiveBehavior": "fill",
"rightColumn": 49, "rightColumn": 56,
"showStepArrows": false, "showStepArrows": false,
"topRow": 4, "topRow": 4,
"type": "INPUT_WIDGET_V2", "type": "INPUT_WIDGET_V2",

10
pages/Home/widgets/Tabs/ArtistSearch.json
View file

@ -3,7 +3,7 @@
"animateLoading": true, "animateLoading": true,
"autoFocus": false, "autoFocus": false,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 6, "bottomRow": 12,
"boxShadow": "none", "boxShadow": "none",
"defaultText": "", "defaultText": "",
"dynamicBindingPathList": [ "dynamicBindingPathList": [
@ -25,11 +25,11 @@
"key": "5hcgt6briy", "key": "5hcgt6briy",
"label": "Artist Search", "label": "Artist Search",
"labelAlignment": "left", "labelAlignment": "left",
"labelPosition": "Top", "labelPosition": "Auto",
"labelStyle": "", "labelStyle": "",
"labelTextSize": "0.875rem", "labelTextSize": "0.875rem",
"labelWidth": 5, "labelWidth": 5,
"leftColumn": 30, "leftColumn": 0,
"maxDynamicHeight": 9000, "maxDynamicHeight": 9000,
"minDynamicHeight": 4, "minDynamicHeight": 4,
"minWidth": 450, "minWidth": 450,
@ -46,9 +46,9 @@
"renderMode": "CANVAS", "renderMode": "CANVAS",
"resetOnSubmit": true, "resetOnSubmit": true,
"responsiveBehavior": "fill", "responsiveBehavior": "fill",
"rightColumn": 64, "rightColumn": 63,
"showStepArrows": false, "showStepArrows": false,
"topRow": 0, "topRow": 6,
"type": "INPUT_WIDGET_V2", "type": "INPUT_WIDGET_V2",
"version": 2, "version": 2,
"widgetId": "hubnfovquc", "widgetId": "hubnfovquc",

50
pages/Home/widgets/Tabs/Button1.json
View file

@ -1,50 +0,0 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 8,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [
{
"key": "buttonColor"
},
{
"key": "borderRadius"
}
],
"dynamicTriggerPathList": [
{
"key": "onClick"
}
],
"isDefaultClickDisabled": true,
"isDisabled": false,
"isLoading": false,
"isVisible": true,
"key": "mlbyeq1t36",
"leftColumn": 46,
"minWidth": 120,
"mobileBottomRow": 8,
"mobileLeftColumn": 46,
"mobileRightColumn": 62,
"mobileTopRow": 4,
"needsErrorInfo": false,
"onClick": "{{Karaoke_RandomTrack.run()}}",
"parentColumnSpace": 19.5,
"parentId": "xm48hvbrfp",
"parentRowSpace": 10,
"placement": "CENTER",
"recaptchaType": "V3",
"renderMode": "CANVAS",
"resetFormOnClick": false,
"responsiveBehavior": "hug",
"rightColumn": 62,
"text": "I don't like it!",
"topRow": 4,
"type": "BUTTON_WIDGET",
"version": 1,
"widgetId": "iwrooq65ys",
"widgetName": "Button1"
}

67
pages/Home/widgets/Tabs/ButtonGroup2.json Normal file
View file

@ -0,0 +1,67 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 4,
"boxShadow": "none",
"buttonVariant": "PRIMARY",
"childStylesheet": {
"button": {
"buttonColor": "{{appsmith.theme.colors.primaryColor}}"
}
},
"dynamicBindingPathList": [
{
"key": "borderRadius"
},
{
"key": "groupButtons.groupButton1.buttonColor"
}
],
"dynamicTriggerPathList": [
{
"key": "groupButtons.groupButton1.onClick"
}
],
"groupButtons": {
"groupButton1": {
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonType": "SIMPLE",
"disabledWhenInvalid": false,
"iconName": "refresh",
"id": "groupButton1",
"index": 0,
"isDisabled": false,
"isVisible": true,
"label": "",
"menuItems": {},
"onClick": "{{Karaoke_RandomTrack.run()}}",
"placement": "CENTER",
"widgetId": ""
}
},
"isCanvas": false,
"isLoading": false,
"isVisible": true,
"key": "u41m6w43wg",
"leftColumn": 55,
"minWidth": 450,
"mobileBottomRow": 14,
"mobileLeftColumn": 36,
"mobileRightColumn": 60,
"mobileTopRow": 10,
"needsErrorInfo": false,
"orientation": "horizontal",
"originalBottomRow": 14,
"originalTopRow": 10,
"parentColumnSpace": 6.53125,
"parentId": "xm48hvbrfp",
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 63,
"topRow": 0,
"type": "BUTTON_GROUP_WIDGET",
"version": 1,
"widgetId": "nde0da8dhs",
"widgetName": "ButtonGroup2"
}

65
pages/Home/widgets/Tabs/ButtonGroup3.json Normal file
View file

@ -0,0 +1,65 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 4,
"boxShadow": "none",
"buttonVariant": "PRIMARY",
"childStylesheet": {
"button": {
"buttonColor": "{{appsmith.theme.colors.primaryColor}}"
}
},
"dynamicBindingPathList": [
{
"key": "borderRadius"
},
{
"key": "groupButtons.groupButton2.buttonColor"
}
],
"dynamicTriggerPathList": [
{
"key": "groupButtons.groupButton2.onClick"
}
],
"groupButtons": {
"groupButton2": {
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonType": "SIMPLE",
"disabledWhenInvalid": false,
"iconName": "add",
"id": "groupButton2",
"index": 0,
"isDisabled": false,
"isVisible": true,
"label": "",
"menuItems": {},
"onClick": "{{Karaoke_AddSong.run().then(() => {\n Karaoke_AllTracks.run();\n JSObject1.AddonClick();\n}).catch(() => {\n showAlert('Couldn\\'t Add, Sorry!', 'error');\n});}}",
"placement": "CENTER",
"widgetId": ""
}
},
"isCanvas": false,
"isLoading": false,
"isVisible": true,
"key": "u41m6w43wg",
"leftColumn": 56,
"minWidth": 450,
"mobileBottomRow": 17,
"mobileLeftColumn": 33,
"mobileRightColumn": 57,
"mobileTopRow": 13,
"needsErrorInfo": false,
"orientation": "horizontal",
"parentColumnSpace": 6.42431640625,
"parentId": "plqruz04xj",
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 64,
"topRow": 0,
"type": "BUTTON_GROUP_WIDGET",
"version": 1,
"widgetId": "l3ingwvv4i",
"widgetName": "ButtonGroup3"
}

8
pages/Home/widgets/Tabs/IconButton1.json
View file

@ -1,7 +1,7 @@
{ {
"animateLoading": true, "animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 81, "bottomRow": 86,
"boxShadow": "none", "boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY", "buttonVariant": "PRIMARY",
@ -23,7 +23,7 @@
"isLoading": false, "isLoading": false,
"isVisible": true, "isVisible": true,
"key": "s3iyu1kmpx", "key": "s3iyu1kmpx",
"leftColumn": 61, "leftColumn": 58,
"minWidth": 50, "minWidth": 50,
"mobileBottomRow": 5, "mobileBottomRow": 5,
"mobileLeftColumn": 61, "mobileLeftColumn": 61,
@ -36,8 +36,8 @@
"parentRowSpace": 10, "parentRowSpace": 10,
"renderMode": "CANVAS", "renderMode": "CANVAS",
"responsiveBehavior": "hug", "responsiveBehavior": "hug",
"rightColumn": 64, "rightColumn": 61,
"topRow": 77, "topRow": 82,
"type": "ICON_BUTTON_WIDGET", "type": "ICON_BUTTON_WIDGET",
"version": 1, "version": 1,
"widgetId": "3zgzbrqtp5", "widgetId": "3zgzbrqtp5",

8
pages/Home/widgets/Tabs/IconButton2.json
View file

@ -1,7 +1,7 @@
{ {
"animateLoading": true, "animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 74, "bottomRow": 75,
"boxShadow": "none", "boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY", "buttonVariant": "PRIMARY",
@ -23,7 +23,7 @@
"isLoading": false, "isLoading": false,
"isVisible": true, "isVisible": true,
"key": "s3iyu1kmpx", "key": "s3iyu1kmpx",
"leftColumn": 60, "leftColumn": 58,
"minWidth": 50, "minWidth": 50,
"mobileBottomRow": 74, "mobileBottomRow": 74,
"mobileLeftColumn": 60, "mobileLeftColumn": 60,
@ -36,8 +36,8 @@
"parentRowSpace": 10, "parentRowSpace": 10,
"renderMode": "CANVAS", "renderMode": "CANVAS",
"responsiveBehavior": "hug", "responsiveBehavior": "hug",
"rightColumn": 64, "rightColumn": 62,
"topRow": 70, "topRow": 71,
"type": "ICON_BUTTON_WIDGET", "type": "ICON_BUTTON_WIDGET",
"version": 1, "version": 1,
"widgetId": "3q2gj5wgm8", "widgetId": "3q2gj5wgm8",

51
pages/Home/widgets/Tabs/SingNextList/Container1Copy/Button2Copy.json
View file

@ -1,51 +0,0 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 7,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [
{
"key": "buttonColor"
},
{
"key": "borderRadius"
}
],
"dynamicHeight": "FIXED",
"dynamicTriggerPathList": [
{
"key": "onClick"
}
],
"isDefaultClickDisabled": true,
"isDisabled": false,
"isLoading": false,
"isVisible": true,
"key": "mlbyeq1t36",
"leftColumn": 53,
"minWidth": 120,
"mobileBottomRow": 4,
"mobileLeftColumn": 49,
"mobileRightColumn": 64,
"mobileTopRow": 0,
"needsErrorInfo": false,
"onClick": "{{Karaoke_RemoveSing.run().then(() => {\n Karaoke_ToSing.run();\n}).catch(() => {\n showAlert('Failed to remove, Sorry!', 'error');\n});}}",
"parentColumnSpace": 19.0625,
"parentId": "zb583u0v95",
"parentRowSpace": 10,
"placement": "CENTER",
"recaptchaType": "V3",
"renderMode": "CANVAS",
"resetFormOnClick": false,
"responsiveBehavior": "hug",
"rightColumn": 64,
"text": "Remove from Sing Next",
"topRow": 0,
"type": "BUTTON_WIDGET",
"version": 1,
"widgetId": "z134bcl2ez",
"widgetName": "Button2Copy"
}

66
pages/Home/widgets/Tabs/SingNextList/Container1Copy/ButtonGroup4.json Normal file
View file

@ -0,0 +1,66 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 4,
"boxShadow": "none",
"buttonVariant": "PRIMARY",
"childStylesheet": {
"button": {
"buttonColor": "{{appsmith.theme.colors.primaryColor}}"
}
},
"dynamicBindingPathList": [
{
"key": "borderRadius"
},
{
"key": "groupButtons.groupButton1.buttonColor"
}
],
"dynamicHeight": "FIXED",
"dynamicTriggerPathList": [
{
"key": "groupButtons.groupButton1.onClick"
}
],
"groupButtons": {
"groupButton1": {
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonType": "SIMPLE",
"disabledWhenInvalid": false,
"iconName": "trash",
"id": "groupButton1",
"index": 0,
"isDisabled": false,
"isVisible": true,
"label": "",
"menuItems": {},
"onClick": "{{Karaoke_RemoveSing.run().then(() => {\n Karaoke_ToSing.run();\n}).catch(() => {\n showAlert('Failed to remove, Sorry!', 'error');\n});}}",
"placement": "CENTER",
"widgetId": ""
}
},
"isCanvas": false,
"isLoading": false,
"isVisible": true,
"key": "u41m6w43wg",
"leftColumn": 57,
"minWidth": 450,
"mobileBottomRow": 8,
"mobileLeftColumn": 25,
"mobileRightColumn": 49,
"mobileTopRow": 4,
"needsErrorInfo": false,
"orientation": "horizontal",
"parentColumnSpace": 5.98681640625,
"parentId": "zb583u0v95",
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 64,
"topRow": 0,
"type": "BUTTON_GROUP_WIDGET",
"version": 1,
"widgetId": "lsaojp4yw0",
"widgetName": "ButtonGroup4"
}

4
pages/Home/widgets/Tabs/SingNextList/Container1Copy/Container1Copy.json
View file

@ -4,12 +4,12 @@
"borderColor": "#E0DEDE", "borderColor": "#E0DEDE",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"borderWidth": "1", "borderWidth": "1",
"bottomRow": 9, "bottomRow": 10,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"children": [ "children": [
{ {
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 90, "bottomRow": 100,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"canExtend": false, "canExtend": false,
"containerStyle": "none", "containerStyle": "none",

2
pages/Home/widgets/Tabs/SingNextList/Container1Copy/Text1Copy.json
View file

@ -42,7 +42,7 @@
"parentId": "zb583u0v95", "parentId": "zb583u0v95",
"renderMode": "CANVAS", "renderMode": "CANVAS",
"responsiveBehavior": "fill", "responsiveBehavior": "fill",
"rightColumn": 53, "rightColumn": 57,
"shouldTruncate": false, "shouldTruncate": false,
"text": "{{currentItem.Title}}", "text": "{{currentItem.Title}}",
"textAlign": "LEFT", "textAlign": "LEFT",

2
pages/Home/widgets/Tabs/SingNextList/Container1Copy/Text2Copy.json
View file

@ -42,7 +42,7 @@
"parentId": "zb583u0v95", "parentId": "zb583u0v95",
"renderMode": "CANVAS", "renderMode": "CANVAS",
"responsiveBehavior": "fill", "responsiveBehavior": "fill",
"rightColumn": 53, "rightColumn": 52,
"shouldTruncate": false, "shouldTruncate": false,
"text": "{{currentItem.Artist}}", "text": "{{currentItem.Artist}}",
"textAlign": "LEFT", "textAlign": "LEFT",

2
pages/Home/widgets/Tabs/SingNextList/SingNextList.json
View file

@ -108,7 +108,7 @@
"needsErrorInfo": false, "needsErrorInfo": false,
"originalBottomRow": 91, "originalBottomRow": 91,
"originalTopRow": 21, "originalTopRow": 21,
"pageSize": 7, "pageSize": 6,
"parentColumnSpace": 25.34375, "parentColumnSpace": 25.34375,
"parentId": "wensl3f34o", "parentId": "wensl3f34o",
"parentRowSpace": 10, "parentRowSpace": 10,

14
pages/Home/widgets/Tabs/Tabs.json
View file

@ -5,12 +5,12 @@
"borderColor": "#E0DEDE", "borderColor": "#E0DEDE",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"borderWidth": 1, "borderWidth": 1,
"bottomRow": 87, "bottomRow": 81,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"children": [ "children": [
{ {
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 830, "bottomRow": 860,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"canExtend": true, "canExtend": true,
"detachFromLayout": true, "detachFromLayout": true,
@ -56,7 +56,7 @@
}, },
{ {
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 830, "bottomRow": 770,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"canExtend": true, "canExtend": true,
"detachFromLayout": true, "detachFromLayout": true,
@ -102,7 +102,7 @@
}, },
{ {
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 830, "bottomRow": 770,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"canExtend": false, "canExtend": false,
"containerStyle": "none", "containerStyle": "none",
@ -147,7 +147,7 @@
}, },
{ {
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 830, "bottomRow": 770,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"canExtend": false, "canExtend": false,
"containerStyle": "none", "containerStyle": "none",
@ -224,14 +224,14 @@
"mobileTopRow": 0, "mobileTopRow": 0,
"needsErrorInfo": false, "needsErrorInfo": false,
"onTabSelected": "", "onTabSelected": "",
"originalBottomRow": 87, "originalBottomRow": 81,
"originalTopRow": 0, "originalTopRow": 0,
"parentColumnSpace": 25.34375, "parentColumnSpace": 25.34375,
"parentId": "0", "parentId": "0",
"parentRowSpace": 10, "parentRowSpace": 10,
"renderMode": "CANVAS", "renderMode": "CANVAS",
"responsiveBehavior": "fill", "responsiveBehavior": "fill",
"rightColumn": 64, "rightColumn": 63,
"shouldScrollContents": true, "shouldScrollContents": true,
"shouldShowTabs": true, "shouldShowTabs": true,
"tabsObj": { "tabsObj": {

2
pages/Home/widgets/Tabs/Text3.json
View file

@ -41,7 +41,7 @@
"parentRowSpace": 10, "parentRowSpace": 10,
"renderMode": "CANVAS", "renderMode": "CANVAS",
"responsiveBehavior": "fill", "responsiveBehavior": "fill",
"rightColumn": 46, "rightColumn": 55,
"shouldTruncate": false, "shouldTruncate": false,
"text": "{{Karaoke_RandomTrack.data[0].Artist}}", "text": "{{Karaoke_RandomTrack.data[0].Artist}}",
"textAlign": "LEFT", "textAlign": "LEFT",

6
pages/Home/widgets/Tabs/Text3Copy.json
View file

@ -33,15 +33,15 @@
"mobileRightColumn": 17, "mobileRightColumn": 17,
"mobileTopRow": 1, "mobileTopRow": 1,
"needsErrorInfo": false, "needsErrorInfo": false,
"originalBottomRow": 5, "originalBottomRow": 8,
"originalTopRow": 1, "originalTopRow": 4,
"overflow": "NONE", "overflow": "NONE",
"parentColumnSpace": 19.5, "parentColumnSpace": 19.5,
"parentId": "xm48hvbrfp", "parentId": "xm48hvbrfp",
"parentRowSpace": 10, "parentRowSpace": 10,
"renderMode": "CANVAS", "renderMode": "CANVAS",
"responsiveBehavior": "fill", "responsiveBehavior": "fill",
"rightColumn": 46, "rightColumn": 63,
"shouldTruncate": false, "shouldTruncate": false,
"text": "{{Karaoke_RandomTrack.data[0].Title}}", "text": "{{Karaoke_RandomTrack.data[0].Title}}",
"textAlign": "LEFT", "textAlign": "LEFT",

6
pages/Home/widgets/Tabs/Text3Copy1.json
View file

@ -33,15 +33,15 @@
"mobileRightColumn": 17, "mobileRightColumn": 17,
"mobileTopRow": 1, "mobileTopRow": 1,
"needsErrorInfo": false, "needsErrorInfo": false,
"originalBottomRow": 5, "originalBottomRow": 12,
"originalTopRow": 1, "originalTopRow": 8,
"overflow": "NONE", "overflow": "NONE",
"parentColumnSpace": 19.5, "parentColumnSpace": 19.5,
"parentId": "xm48hvbrfp", "parentId": "xm48hvbrfp",
"parentRowSpace": 10, "parentRowSpace": 10,
"renderMode": "CANVAS", "renderMode": "CANVAS",
"responsiveBehavior": "fill", "responsiveBehavior": "fill",
"rightColumn": 16, "rightColumn": 63,
"shouldTruncate": false, "shouldTruncate": false,
"text": "{{Karaoke_RandomTrack.data[0].Extra}}", "text": "{{Karaoke_RandomTrack.data[0].Extra}}",
"textAlign": "LEFT", "textAlign": "LEFT",

4
pages/Home/widgets/Tabs/Text4.json
View file

@ -1,7 +1,7 @@
{ {
"animateLoading": true, "animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 13, "bottomRow": 12,
"dynamicBindingPathList": [ "dynamicBindingPathList": [
{ {
"key": "truncateButtonColor" "key": "truncateButtonColor"
@ -43,7 +43,7 @@
"text": "", "text": "",
"textAlign": "LEFT", "textAlign": "LEFT",
"textColor": "#231F20", "textColor": "#231F20",
"topRow": 9, "topRow": 8,
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
"type": "TEXT_WIDGET", "type": "TEXT_WIDGET",
"version": 1, "version": 1,

8
pages/Home/widgets/Tabs/Title.json
View file

@ -23,9 +23,9 @@
"isRequired": false, "isRequired": false,
"isVisible": true, "isVisible": true,
"key": "7el0klblgd", "key": "7el0klblgd",
"label": "Title", "label": "",
"labelAlignment": "left", "labelAlignment": "left",
"labelPosition": "Left", "labelPosition": "Auto",
"labelStyle": "", "labelStyle": "",
"labelTextSize": "0.875rem", "labelTextSize": "0.875rem",
"labelWidth": 5, "labelWidth": 5,
@ -41,11 +41,13 @@
"parentColumnSpace": 19.5, "parentColumnSpace": 19.5,
"parentId": "plqruz04xj", "parentId": "plqruz04xj",
"parentRowSpace": 10, "parentRowSpace": 10,
"placeholderText": "Title",
"renderMode": "CANVAS", "renderMode": "CANVAS",
"resetOnSubmit": true, "resetOnSubmit": true,
"responsiveBehavior": "fill", "responsiveBehavior": "fill",
"rightColumn": 49, "rightColumn": 56,
"showStepArrows": false, "showStepArrows": false,
"tooltip": "",
"topRow": 0, "topRow": 0,
"type": "INPUT_WIDGET_V2", "type": "INPUT_WIDGET_V2",
"version": 2, "version": 2,

2
pages/Home/widgets/Tabs/TitleSearch.json
View file

@ -44,7 +44,7 @@
"renderMode": "CANVAS", "renderMode": "CANVAS",
"resetOnSubmit": true, "resetOnSubmit": true,
"responsiveBehavior": "fill", "responsiveBehavior": "fill",
"rightColumn": 30, "rightColumn": 63,
"showStepArrows": false, "showStepArrows": false,
"topRow": 0, "topRow": 0,
"type": "INPUT_WIDGET_V2", "type": "INPUT_WIDGET_V2",