From c3029c062e720d6f232a7b1937b38bbc74f5888c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20B=C3=B6ckelmann?= <gp5761@partner.kit.edu>
Date: Sat, 3 May 2025 10:36:30 +0200
Subject: [PATCH] ADD: Sidenav

---
 .idea/deploymentTargetSelector.xml            |   2 +-
 .../stormborntales/notevault/MainActivity.kt  | 174 +++++++++++++-----
 .../notevault/ui/screens/MainScreen.kt        |   5 -
 .../notevault/ui/screens/SettingsScreen.kt    |  79 ++++++++
 4 files changed, 205 insertions(+), 55 deletions(-)
 create mode 100644 app/src/main/java/come/stormborntales/notevault/ui/screens/SettingsScreen.kt

diff --git a/.idea/deploymentTargetSelector.xml b/.idea/deploymentTargetSelector.xml
index 76d617e..e547f80 100644
--- a/.idea/deploymentTargetSelector.xml
+++ b/.idea/deploymentTargetSelector.xml
@@ -4,7 +4,7 @@
     <selectionStates>
       <SelectionState runConfigName="app">
         <option name="selectionMode" value="DROPDOWN" />
-        <DropdownSelection timestamp="2025-05-03T07:36:08.121278195Z">
+        <DropdownSelection timestamp="2025-05-03T08:26:48.052108137Z">
           <Target type="DEFAULT_BOOT">
             <handle>
               <DeviceId pluginId="LocalEmulator" identifier="path=/home/sebastian/.android/avd/Small_Phone_API_36.avd" />
diff --git a/app/src/main/java/come/stormborntales/notevault/MainActivity.kt b/app/src/main/java/come/stormborntales/notevault/MainActivity.kt
index b98a8ca..4168413 100644
--- a/app/src/main/java/come/stormborntales/notevault/MainActivity.kt
+++ b/app/src/main/java/come/stormborntales/notevault/MainActivity.kt
@@ -7,20 +7,44 @@ import androidx.activity.ComponentActivity
 import androidx.activity.compose.rememberLauncherForActivityResult
 import androidx.activity.compose.setContent
 import androidx.activity.result.contract.ActivityResultContracts
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Menu
+import androidx.compose.material3.DrawerValue
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.ModalDrawerSheet
+import androidx.compose.material3.ModalNavigationDrawer
+import androidx.compose.material3.NavigationDrawerItem
+import androidx.compose.material3.NavigationDrawerItemDefaults
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBar
+import androidx.compose.material3.rememberDrawerState
 import androidx.compose.runtime.*
+import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.unit.dp
 import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.rememberNavController
 import come.stormborntales.notevault.data.local.AppDatabase
 import come.stormborntales.notevault.data.local.entity.NoteEntity
 import come.stormborntales.notevault.data.repository.NoteRepository
 import come.stormborntales.notevault.ui.screens.AddNoteDialog
 import come.stormborntales.notevault.ui.screens.MainScreen
+import come.stormborntales.notevault.ui.screens.SettingsScreen
 import come.stormborntales.notevault.ui.theme.NoteVaultTheme
 import come.stormborntales.notevault.ui.viewmodel.NoteViewModel
 import come.stormborntales.notevault.ui.viewmodel.NoteViewModelFactory
+import kotlinx.coroutines.launch
 
 
 class MainActivity : ComponentActivity() {
+    @OptIn(ExperimentalMaterial3Api::class)
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         val applicationContext = applicationContext
@@ -30,12 +54,15 @@ class MainActivity : ComponentActivity() {
 
         setContent {
             NoteVaultTheme {
+                val navController = rememberNavController()
                 val viewModel: NoteViewModel = viewModel(factory = viewModelFactory)
-                // Bildauswahl + Dialog-States
+
                 var selectedUris by remember { mutableStateOf<List<Uri>>(emptyList()) }
                 var showDialog by remember { mutableStateOf(false) }
+                var noteToEdit by remember { mutableStateOf<NoteEntity?>(null) }
+                val drawerState = rememberDrawerState(DrawerValue.Closed)
+                val scope = rememberCoroutineScope()
 
-                // Launcher innerhalb von Compose
                 val imagePickerLauncher = rememberLauncherForActivityResult(
                     contract = ActivityResultContracts.OpenMultipleDocuments(),
                     onResult = { uris ->
@@ -46,64 +73,113 @@ class MainActivity : ComponentActivity() {
                     }
                 )
 
-                var noteToEdit by remember { mutableStateOf<NoteEntity?>(null) }
-
-                // Dialog anzeigen
                 val openDialog: (NoteEntity?) -> Unit = { note ->
-                    Log.d("EditNote", "NoteEntity: " + note?.title)
+                    Log.d("EditNote", "NoteEntity: ${note?.title}")
                     noteToEdit = note
                     showDialog = true
                 }
 
-                // UI anzeigen
-                MainScreen(
-                    viewModel = viewModel,
-                    onAddNoteClicked = {
-                        imagePickerLauncher.launch(
-                            arrayOf("image/*")
-                        )
-                    },
-                    onEditNote = openDialog
+                val navItems = listOf(
+                    "Home" to "main",
+                    "Einstellungen" to "settings"
                 )
 
-                // Dialog bei Bedarf
-                if (showDialog) {
-                    val context = LocalContext.current;
-                    val scope = rememberCoroutineScope();
-                    AddNoteDialog(
-                        onDismiss = { showDialog = false },
-                        onSave = { title, composer, year, genre, description ->
-                            if(noteToEdit == null) {
-                                viewModel.addNote(
-                                    context = context,
-                                    title = title,
-                                    composer = composer,
-                                    year = year,
-                                    genre = genre,
-                                    description = description,
-                                    selectedUris = selectedUris,
-                                    onDone = { showDialog = false }
+                ModalNavigationDrawer(
+                    drawerState = drawerState,
+                    drawerContent = {
+                        ModalDrawerSheet {
+                            Text("Navigation", modifier = Modifier.padding(16.dp), style = MaterialTheme.typography.titleMedium)
+                            navItems.forEach { (label, route) ->
+                                NavigationDrawerItem(
+                                    label = { Text(label) },
+                                    selected = false,
+                                    onClick = {
+                                        navController.navigate(route) {
+                                            popUpTo(navController.graph.startDestinationId) { saveState = true }
+                                            launchSingleTop = true
+                                            restoreState = true
+                                        }
+                                        scope.launch { drawerState.close() }
+                                    },
+                                    modifier = Modifier.padding(NavigationDrawerItemDefaults.ItemPadding)
                                 )
-                            } else {
-                               viewModel.updateNote(
-                                   editedNote = noteToEdit!!,
-                                   updatedTitle = title,
-                                   updatedComposer = composer,
-                                   updatedYear = year,
-                                   updatedGenre = genre,
-                                   updatedDescription = description,
-                                   onDone = { showDialog = false }
-                               )
                             }
-                        },
-                        initialTitle = noteToEdit?.title ?: "",
-                        initialComposer = noteToEdit?.composer,
-                        initialYear = noteToEdit?.year,
-                        initialGenre = noteToEdit?.genre,
-                        initialDescription = noteToEdit?.description
-                    )
+                        }
+                    }
+                ) {
+                    Scaffold(
+                        topBar = {
+                            TopAppBar(
+                                title = { Text("NoteVault") },
+                                navigationIcon = {
+                                    IconButton(onClick = {
+                                        scope.launch { drawerState.open() }
+                                    }) {
+                                        Icon(Icons.Default.Menu, contentDescription = "Menu")
+                                    }
+                                }
+                            )
+                        }
+                    ) { innerPadding ->
+                        NavHost(
+                            navController = navController,
+                            startDestination = "main",
+                            modifier = Modifier.padding(innerPadding)
+                        ) {
+                            composable("main") {
+                                MainScreen(
+                                    viewModel = viewModel,
+                                    onAddNoteClicked = {
+                                        imagePickerLauncher.launch(arrayOf("image/*"))
+                                    },
+                                    onEditNote = openDialog
+                                )
+                            }
+                            composable("settings") {
+                                SettingsScreen()
+                            }
+                        }
+
+                        if (showDialog) {
+                            val context = LocalContext.current
+                            AddNoteDialog(
+                                onDismiss = { showDialog = false },
+                                onSave = { title, composer, year, genre, description ->
+                                    if (noteToEdit == null) {
+                                        viewModel.addNote(
+                                            context = context,
+                                            title = title,
+                                            composer = composer,
+                                            year = year,
+                                            genre = genre,
+                                            description = description,
+                                            selectedUris = selectedUris,
+                                            onDone = { showDialog = false }
+                                        )
+                                    } else {
+                                        viewModel.updateNote(
+                                            editedNote = noteToEdit!!,
+                                            updatedTitle = title,
+                                            updatedComposer = composer,
+                                            updatedYear = year,
+                                            updatedGenre = genre,
+                                            updatedDescription = description,
+                                            onDone = { showDialog = false }
+                                        )
+                                    }
+                                },
+                                initialTitle = noteToEdit?.title ?: "",
+                                initialComposer = noteToEdit?.composer,
+                                initialYear = noteToEdit?.year,
+                                initialGenre = noteToEdit?.genre,
+                                initialDescription = noteToEdit?.description
+                            )
+                        }
+                    }
                 }
             }
         }
+
+
     }
 }
diff --git a/app/src/main/java/come/stormborntales/notevault/ui/screens/MainScreen.kt b/app/src/main/java/come/stormborntales/notevault/ui/screens/MainScreen.kt
index ae893a2..04ef075 100644
--- a/app/src/main/java/come/stormborntales/notevault/ui/screens/MainScreen.kt
+++ b/app/src/main/java/come/stormborntales/notevault/ui/screens/MainScreen.kt
@@ -244,11 +244,6 @@ fun MainScreen(
 ) {
     val notes by viewModel.notes.observeAsState(emptyList())
     Scaffold(
-        topBar = {
-            TopAppBar(
-                title = { Text("Meine Noten") }
-            )
-        },
         floatingActionButton = {
             FloatingActionButton(
                 onClick = onAddNoteClicked
diff --git a/app/src/main/java/come/stormborntales/notevault/ui/screens/SettingsScreen.kt b/app/src/main/java/come/stormborntales/notevault/ui/screens/SettingsScreen.kt
new file mode 100644
index 0000000..3a9eebc
--- /dev/null
+++ b/app/src/main/java/come/stormborntales/notevault/ui/screens/SettingsScreen.kt
@@ -0,0 +1,79 @@
+package come.stormborntales.notevault.ui.screens
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Divider
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedButton
+import androidx.compose.material3.Switch
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun SettingsScreen() {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(16.dp)
+    ) {
+        Text(
+            text = "Einstellungen",
+            style = MaterialTheme.typography.headlineMedium,
+            modifier = Modifier.padding(bottom = 16.dp)
+        )
+
+        Divider()
+
+        Spacer(modifier = Modifier.height(16.dp))
+
+        // Beispielhafte Einstellung
+        Row(
+            verticalAlignment = Alignment.CenterVertically,
+            modifier = Modifier.fillMaxWidth()
+        ) {
+            Text(
+                text = "Dark Mode",
+                modifier = Modifier.weight(1f),
+                style = MaterialTheme.typography.bodyLarge
+            )
+            Switch(
+                checked = false,
+                onCheckedChange = { /* TODO: Dark Mode aktivieren */ }
+            )
+        }
+
+        Spacer(modifier = Modifier.height(16.dp))
+
+        Row(
+            verticalAlignment = Alignment.CenterVertically,
+            modifier = Modifier.fillMaxWidth()
+        ) {
+            Text(
+                text = "Benachrichtigungen",
+                modifier = Modifier.weight(1f),
+                style = MaterialTheme.typography.bodyLarge
+            )
+            Switch(
+                checked = true,
+                onCheckedChange = { /* TODO: Benachrichtigungseinstellungen */ }
+            )
+        }
+
+        Spacer(modifier = Modifier.height(32.dp))
+
+        OutlinedButton(
+            onClick = { /* TODO: Impressum anzeigen */ },
+            modifier = Modifier.fillMaxWidth()
+        ) {
+            Text("Impressum")
+        }
+    }
+}
\ No newline at end of file