diff --git a/app/src/main/java/de/jadehs/strassenschadenpro2/pages/ListPage.kt b/app/src/main/java/de/jadehs/strassenschadenpro2/pages/ListPage.kt index bed31d0..c8646a5 100644 --- a/app/src/main/java/de/jadehs/strassenschadenpro2/pages/ListPage.kt +++ b/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 + ) + } } \ No newline at end of file