From b9fe9cf184a204bc2a18c92109c4a4e8da434455 Mon Sep 17 00:00:00 2001
From: sebastian <s.boeckelamm3@gmail.com>
Date: Sat, 10 May 2025 11:45:52 +0200
Subject: [PATCH] FIX: Navigation using Breadcrumbs

---
 .idea/deploymentTargetSelector.xml            |   4 +-
 .../notevault/ui/screens/NotesBrowser.kt      | 124 ++++++++++--------
 2 files changed, 72 insertions(+), 56 deletions(-)

diff --git a/.idea/deploymentTargetSelector.xml b/.idea/deploymentTargetSelector.xml
index d5348fe..90749c8 100644
--- a/.idea/deploymentTargetSelector.xml
+++ b/.idea/deploymentTargetSelector.xml
@@ -4,10 +4,10 @@
     <selectionStates>
       <SelectionState runConfigName="app">
         <option name="selectionMode" value="DROPDOWN" />
-        <DropdownSelection timestamp="2025-05-10T09:28:03.000292036Z">
+        <DropdownSelection timestamp="2025-05-10T09:35:55.287804256Z">
           <Target type="DEFAULT_BOOT">
             <handle>
-              <DeviceId pluginId="PhysicalDevice" identifier="serial=R52N50NLGRT" />
+              <DeviceId pluginId="LocalEmulator" identifier="path=/home/sebastian/.android/avd/Pixel_9.avd" />
             </handle>
           </Target>
         </DropdownSelection>
diff --git a/app/src/main/java/come/stormborntales/notevault/ui/screens/NotesBrowser.kt b/app/src/main/java/come/stormborntales/notevault/ui/screens/NotesBrowser.kt
index d7df438..ca54693 100644
--- a/app/src/main/java/come/stormborntales/notevault/ui/screens/NotesBrowser.kt
+++ b/app/src/main/java/come/stormborntales/notevault/ui/screens/NotesBrowser.kt
@@ -112,27 +112,35 @@ fun CollectionBreadcrumbs(
             .padding(8.dp),
         verticalAlignment = Alignment.CenterVertically
     ) {
-        Text(
-            text = "Start",
-            modifier = Modifier
-                .clickable { onNavigateTo(-1) }
-                .padding(horizontal = 4.dp),
-            style = MaterialTheme.typography.labelLarge
-        )
+        BreadcrumbItem(label = "Start", onClick = { onNavigateTo(-1) })
 
         path.forEachIndexed { index, collection ->
             Text(" / ", style = MaterialTheme.typography.labelLarge)
-            Text(
-                text = collection.name,
-                modifier = Modifier
-                    .clickable { onNavigateTo(index) }
-                    .padding(horizontal = 4.dp),
-                style = MaterialTheme.typography.labelLarge
-            )
+
+            BreadcrumbItem(label = collection.name, onClick = {
+                Log.d("Breadcrumb", "BreadcrumbItem " + collection.name + " was clicked")
+                onNavigateTo(index)
+            })
         }
     }
 }
 
+@Composable
+private fun BreadcrumbItem(label: String, onClick: () -> Unit) {
+    Box(
+        modifier = Modifier
+            .padding(horizontal = 4.dp)
+            .clickable(onClick = {
+                Log.d("Individual Breadcrumb", "A simple test " + label)
+                onClick()
+            })
+    ) {
+        Text(
+            text = label,
+            style = MaterialTheme.typography.labelLarge,
+        )
+    }
+}
 
 @Composable
 fun NotesScreen(
@@ -184,61 +192,69 @@ fun NotesScreen(
         content = { innerPadding ->
 
             val path by viewModel.pathStack.collectAsState()
+
             BackHandler(enabled = path.isNotEmpty()) {
                 viewModel.navigateUp()
             }
-            CollectionBreadcrumbs(
-                path = path,
-                onNavigateTo = { index ->
-                    if (index == -1) viewModel.loadContentForParent(null)
-                    else viewModel.navigateToLevel(index)
-                }
-            )
 
-            LazyColumn(
+            Column(
                 modifier = Modifier
                     .fillMaxSize()
                     .padding(innerPadding)
             ) {
-                item {
-                    Text(
-                        "Ordner",
-                        style = MaterialTheme.typography.titleMedium,
-                        modifier = Modifier.padding(16.dp)
-                    )
-                }
+                // Breadcrumbs sichtbar & klickbar machen
+                CollectionBreadcrumbs(
+                    path = path,
+                    onNavigateTo = { index ->
+                        Log.d("NoteBrowser", "Navigate to: $index")
+                        if (index == -1) viewModel.loadContentForParent(null)
+                        else viewModel.navigateToLevel(index)
+                    }
+                )
 
-                items(collections) { collection ->
-                    ListItem(
-                        headlineContent = { Text(collection.name) },
-                        modifier = Modifier
-                            .clickable { viewModel.loadContentForParent(collection.id, collection) }
-                            .padding(horizontal = 8.dp)
-                    )
-                }
+                LazyColumn {
+                    item {
+                        Text(
+                            "Ordner",
+                            style = MaterialTheme.typography.titleMedium,
+                            modifier = Modifier.padding(16.dp)
+                        )
+                    }
 
-                item {
-                    Spacer(modifier = Modifier.height(16.dp))
-                    Text(
-                        "Noten",
-                        style = MaterialTheme.typography.titleMedium,
-                        modifier = Modifier.padding(16.dp)
-                    )
-                }
+                    items(collections) { collection ->
+                        ListItem(
+                            headlineContent = { Text(collection.name) },
+                            modifier = Modifier
+                                .clickable {
+                                    viewModel.loadContentForParent(collection.id, collection)
+                                }
+                                .padding(horizontal = 8.dp)
+                        )
+                    }
 
-                items(notes) { note ->
-                    ListItem(
-                        headlineContent = { Text(note.title) },
-                        supportingContent = {
-                            note.composer?.let { Text(it) }
-                        },
-                        modifier = Modifier
-                            .padding(horizontal = 8.dp)
-                    )
+                    item {
+                        Spacer(modifier = Modifier.height(16.dp))
+                        Text(
+                            "Noten",
+                            style = MaterialTheme.typography.titleMedium,
+                            modifier = Modifier.padding(16.dp)
+                        )
+                    }
+
+                    items(notes) { note ->
+                        ListItem(
+                            headlineContent = { Text(note.title) },
+                            supportingContent = {
+                                note.composer?.let { Text(it) }
+                            },
+                            modifier = Modifier.padding(horizontal = 8.dp)
+                        )
+                    }
                 }
             }
 
 
+
             if (showDialog) {
                 CreateCollectionDialog(
                     onDismiss = { showDialog = false },