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,
"appLayout": {
"type": "DESKTOP"
"type": "MOBILE"
},
"applicationVersion": 2,
"collapseInvisibleWidgets": true,
@ -14,6 +14,6 @@
}
],
"unpublishedAppLayout": {
"type": "DESKTOP"
"type": "MOBILE"
}
}

2
pages/Home/Home.json
View file

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

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

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

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

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

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

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

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

@ -1,7 +1,7 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 16,
"bottomRow": 18,
"dynamicBindingPathList": [
{
"key": "truncateButtonColor"
@ -33,7 +33,7 @@
"mobileRightColumn": 17,
"mobileTopRow": 7,
"needsErrorInfo": false,
"originalBottomRow": 11,
"originalBottomRow": 18,
"originalTopRow": 7,
"overflow": "NONE",
"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,
"backgroundColor": "transparent",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 77,
"bottomRow": 82,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"children": [
{
@ -108,7 +108,7 @@
"needsErrorInfo": false,
"originalBottomRow": 91,
"originalTopRow": 21,
"pageSize": 7,
"pageSize": 6,
"parentColumnSpace": 25.34375,
"parentId": "jquin5y9tz",
"parentRowSpace": 10,
@ -119,7 +119,7 @@
"rightColumn": 64,
"selectedItemView": "{{{}}}",
"templateHeight": 160,
"topRow": 7,
"topRow": 12,
"triggeredItemView": "{{{}}}",
"type": "LIST_WIDGET_V2",
"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",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"borderWidth": "1",
"bottomRow": 9,
"bottomRow": 10,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"children": [
{
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 90,
"bottomRow": 100,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"canExtend": false,
"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",
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 52,
"rightColumn": 50,
"shouldTruncate": false,
"text": "{{currentItem.Title}}",
"textAlign": "LEFT",

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

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

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

@ -3,7 +3,7 @@
"animateLoading": true,
"autoFocus": false,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 6,
"bottomRow": 12,
"boxShadow": "none",
"defaultText": "",
"dynamicBindingPathList": [
@ -25,11 +25,11 @@
"key": "5hcgt6briy",
"label": "Artist Search",
"labelAlignment": "left",
"labelPosition": "Top",
"labelPosition": "Auto",
"labelStyle": "",
"labelTextSize": "0.875rem",
"labelWidth": 5,
"leftColumn": 30,
"leftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4,
"minWidth": 450,
@ -46,9 +46,9 @@
"renderMode": "CANVAS",
"resetOnSubmit": true,
"responsiveBehavior": "fill",
"rightColumn": 64,
"rightColumn": 63,
"showStepArrows": false,
"topRow": 0,
"topRow": 6,
"type": "INPUT_WIDGET_V2",
"version": 2,
"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,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 81,
"bottomRow": 86,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY",
@ -23,7 +23,7 @@
"isLoading": false,
"isVisible": true,
"key": "s3iyu1kmpx",
"leftColumn": 61,
"leftColumn": 58,
"minWidth": 50,
"mobileBottomRow": 5,
"mobileLeftColumn": 61,
@ -36,8 +36,8 @@
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "hug",
"rightColumn": 64,
"topRow": 77,
"rightColumn": 61,
"topRow": 82,
"type": "ICON_BUTTON_WIDGET",
"version": 1,
"widgetId": "3zgzbrqtp5",

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

@ -1,7 +1,7 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 74,
"bottomRow": 75,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY",
@ -23,7 +23,7 @@
"isLoading": false,
"isVisible": true,
"key": "s3iyu1kmpx",
"leftColumn": 60,
"leftColumn": 58,
"minWidth": 50,
"mobileBottomRow": 74,
"mobileLeftColumn": 60,
@ -36,8 +36,8 @@
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "hug",
"rightColumn": 64,
"topRow": 70,
"rightColumn": 62,
"topRow": 71,
"type": "ICON_BUTTON_WIDGET",
"version": 1,
"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",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"borderWidth": "1",
"bottomRow": 9,
"bottomRow": 10,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"children": [
{
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 90,
"bottomRow": 100,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"canExtend": false,
"containerStyle": "none",

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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