Auflistung der Features

app/src/main/java/de/jadehs/strassenschadenpro2/pages/ListPage.kt

@@ -1,11 +1,21 @@
 package de.jadehs.strassenschadenpro2.pages
 
 import android.util.Log
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.collectAsState
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import de.jadehs.strassenschadenpro2.Feature
 import de.jadehs.strassenschadenpro2.ListViewModel
 
 @Composable
@@ -16,5 +26,31 @@ fun ListPage(modifier: Modifier = Modifier, listViewModel: ListViewModel) {
         Log.d("test",""+features.value.size)
     }
 
-    Text("Liste")
+    LazyColumn(modifier = modifier) {
+        items(features.value){ feature ->
+            FeatureItem(feature = feature,
+                onClick = {
+
+                }
+            )
+        }
+    }
+}
+
+@Composable
+fun FeatureItem(feature: Feature, onClick: () -> Unit){
+    Column(modifier = Modifier
+        .fillMaxWidth()
+        .clickable {onClick()}
+        .padding(12.dp)
+    ) {
+        Text(
+            text = "Typ: ${feature.properties?.Typ ?: "-"}",
+            style = MaterialTheme.typography.titleMedium
+        )
+        Text(
+            text = "Beschreibung: ${feature.properties?.Beschreibung ?: "-"}",
+            style = MaterialTheme.typography.bodyMedium
+        )
+    }
 }