Differences

This shows you the differences between two versions of the page.

--- glomus_track_details_screen [2025/12/24 09:56] – kalaschnikow
+++ glomus_track_details_screen [2026/01/05 08:35] (current) – [Map pane] kalaschnikow
@@ Line 1: / Line 1: @@
+====== Glomus track details screen ======
+Tags: [[Glomus]]
+On this screen the user should see the details of a selected track.
+===== Top bar =====
+At the top bar:
+  * burger menu at the left
+    * if the user click on it, he should see the drawer
+  * Two lines to the right of burger menu:
+    * Name of the track
+      * font: relatively big
+    * Details of the track
+      * font: small
+      * start date time - end date / time
+===== Map pane =====
+In the first version the track details screen contains only the map pane. The textual details will be shown on an extra screen ([[Glomus track textual details screen]]).
+The map pane should contain:
+  * scale
+    * LATER: style it in Material3 style
+  * center button
+    * position: on the right side in the middle of the screen
+    * on click
+      * the screen should be centered on the current user position
+Also on the screen should be visible:
+  * FAB (Start / Stop)
+    * Notes:
+      * Use ''AnimatedVisibility''
+        * see:
+          * [[https://medium.com/kotlin-android-chronicle/mastering-animatedvisibility-in-jetpack-compose-be35185c74ee|Mastering AnimatedVisibility in Jetpack Compose]]
+===== Ideas for future versions =====
+  * The screen should show not only single track, but also multiple tracks.
+    * => all tracks selected on [[Glomus track list screen]]
+  * On big screens it should contain two panes:
+    * Map
+    * Textual details