Show hide stops by clicking on it

ksharma-xyz · Oct 26, 2024 · 5db4ab9 · 5db4ab9
1 parent 694c58c
commit 5db4ab9
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 5 deletions.
diff --git a/...ip-planner/ui/src/main/kotlin/xyz/ksharma/krail/trip/planner/ui/components/JourneyCard.kt b/...ip-planner/ui/src/main/kotlin/xyz/ksharma/krail/trip/planner/ui/components/JourneyCard.kt
@@ -125,7 +125,7 @@ fun JourneyCard(
             )
 
             else -> JourneyCardContent(
-                isExpanded = cardState == JourneyCardState.EXPANDED,
+                isExpanded = false,
                 timeToDeparture = timeToDeparture,
                 themeColor = themeColor,
                 platformNumber = platformNumber,
@@ -178,7 +178,6 @@ fun JourneyCardContent(
                     }
             }
         }
-
         FlowRow(
             modifier = Modifier
                 .fillMaxWidth(),

diff --git a/...e/trip-planner/ui/src/main/kotlin/xyz/ksharma/krail/trip/planner/ui/components/LegView.kt b/...e/trip-planner/ui/src/main/kotlin/xyz/ksharma/krail/trip/planner/ui/components/LegView.kt
@@ -2,6 +2,8 @@ package xyz.ksharma.krail.trip.planner.ui.components
 
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -15,13 +17,19 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
+import androidx.compose.runtime.saveable.rememberSaveable
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.semantics.Role
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.tooling.preview.PreviewLightDark
@@ -51,7 +59,9 @@ fun LegView(
     val density = LocalDensity.current
     // todo can be reusable logic for consistent icon size
     val iconSize = with(density) { 14.sp.toDp() }
-    val timelineColor = remember(transportModeLine) { transportModeLine.lineColorCode.hexToComposeColor() }
+    val timelineColor =
+        remember(transportModeLine) { transportModeLine.lineColorCode.hexToComposeColor() }
+    var displayNonProminentStops by rememberSaveable { mutableStateOf(isExpanded) }
 
     Column(
         modifier = modifier
@@ -118,11 +128,27 @@ fun LegView(
                         color = timelineColor,
                         strokeWidth = strokeWidth,
                     )
+                    .clickable(
+                        interactionSource = remember { MutableInteractionSource() },
+                        indication = null,
+                        onClick = { displayNonProminentStops = !displayNonProminentStops },
+                        role = Role.Button,
+                    )
                     .padding(start = 16.dp, top = 12.dp),
             ) {
                 if (stops.size > 2) {
+                    val context = LocalContext.current
                     StopsRow(
-                        stops = "${stops.size - 2} stops",
+                        // Need to pass count twice - https://developer.android.com/guide/topics/resources/string-resource#Plurals
+                        stops = if (displayNonProminentStops) {
+                            "Hide stops"
+                        } else {
+                            context.resources.getQuantityString(
+                                R.plurals.stops,
+                                stops.size - 2,
+                                stops.size - 2,
+                            )
+                        },
                         line = transportModeLine,
                     )
                 } else {
@@ -135,7 +161,7 @@ fun LegView(
                 }
             }
 
-            if (isExpanded) {
+            if (displayNonProminentStops) {
                 stops.drop(1).dropLast(1).forEach { stop ->
                     StopInfo(
                         time = stop.time,

diff --git a/feature/trip-planner/ui/src/main/res/values/strings.xml b/feature/trip-planner/ui/src/main/res/values/strings.xml
@@ -4,4 +4,8 @@
     <string name="from_text_field_placeholder">Starting from</string>
     <string name="to_text_field_placeholder">To Destination</string>
     <string name="time_table_screen_title">Time Table</string>
+    <plurals name="stops">
+        <item quantity="one">Show %d stop</item>
+        <item quantity="other">Show %d stops</item>
+    </plurals>
 </resources>