Merge pull request #4458 from Abhinavreddy-B/enhanced-slider

Enhanced slider
fast4x · Nov 11, 2024 · d19a27f · d19a27f
2 parents 51e4c51 + b62177d
commit d19a27f
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 2 deletions.
diff --git a/composeApp/src/androidMain/kotlin/it/fast4x/rimusic/ui/screens/settings/SettingsScreen.kt b/composeApp/src/androidMain/kotlin/it/fast4x/rimusic/ui/screens/settings/SettingsScreen.kt
@@ -57,6 +57,7 @@ import it.fast4x.rimusic.utils.secondary
 import it.fast4x.rimusic.utils.semiBold
 import me.knighthat.Skeleton
 import me.knighthat.colorPalette
+import me.knighthat.component.tab.toolbar.InputDialog
 import me.knighthat.typography
 
 @ExperimentalMaterialApi
@@ -483,17 +484,48 @@ fun SliderSettingsEntry(
     isEnabled: Boolean = true,
     usePadding: Boolean = true
 ) = Column(modifier = modifier) {
+    val context = LocalContext.current
+    val manualEnterToggleState = rememberSaveable { mutableStateOf(false) }
+    val manualEnterInput = remember { mutableStateOf("%.1f".format(state).replace(",", ".")) }
+
+    val manualEnterDialog = remember {
+        object: InputDialog {
+            override val context = context
+            override val toggleState = manualEnterToggleState
+            override val iconId = -1            // Unused
+            override val titleId = R.string.enter_the_value
+            override val messageId = -1         // Unused
+            override val valueState = manualEnterInput
+
+            override fun onSet(newValue: String) {
+                val value: Float? = newValue.toFloatOrNull()
+                if (value != null) {
+                    manualEnterInput.value = "%.1f".format(value).replace(",", ".")
+                    onSlide(value)
+                    onSlideComplete()
+                }
+                onDismiss()
+            }
+        }
+    }
+    manualEnterDialog.Render()
+
     SettingsEntry(
         title = title,
         text = "$text (${toDisplay(state)})",
-        onClick = {},
+        onClick = {
+            manualEnterDialog.toggleState.value = true
+        },
         isEnabled = isEnabled,
         //usePadding = usePadding
     )
 
     Slider(
         state = state,
-        setState = onSlide,
+        setState = { value: Float ->
+            manualEnterInput.value = "%.1f".format(value).replace(",", ".")
+            onSlide(value)
+        },
         onSlideComplete = onSlideComplete,
         range = range,
         steps = steps,

diff --git a/composeApp/src/androidMain/res/values/strings.xml b/composeApp/src/androidMain/res/values/strings.xml
@@ -777,4 +777,5 @@
     <string name="removed_thumbnail">Removed Thumbnail</string>
     <string name="failed_to_remove_thumbnail">Failed to Remove Thumbnail</string>
     <string name="showsecondline">Show Translation in the Second Line</string>
+    <string name="enter_the_value">Enter The Value</string>
 </resources>