Compare commits

..
4 Commits
Author SHA1 Message Date
admin 2531ff2b9f Dodaj odswiezanie i wybor daty kursow 2026-06-30 21:47:10 +02:00
admin 983a77c9fb Popraw header i ekran profilu 2026-06-30 21:20:51 +02:00
admin 780463cc3a Popraw dolna nawigacje i safe area 2026-06-30 21:12:26 +02:00
admin 3e37a61024 Odwzoruj listę kursów ze Stitch 2026-06-30 21:05:26 +02:00
7 changed files with 433 additions and 51 deletions
+3 -2
View File
@@ -12,8 +12,8 @@ android {
applicationId = "pl.firmatpp.kierowca" applicationId = "pl.firmatpp.kierowca"
minSdk = 26 minSdk = 26
targetSdk = 35 targetSdk = 35
versionCode = 2 versionCode = 6
versionName = "1.0.1" versionName = "1.0.5"
testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner" testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
buildConfigField("String", "API_BASE_URL", "\"https://api-intranet.firmatpp.pl/api/\"") buildConfigField("String", "API_BASE_URL", "\"https://api-intranet.firmatpp.pl/api/\"")
@@ -64,6 +64,7 @@ dependencies {
implementation(libs.camera.view) implementation(libs.camera.view)
implementation(libs.coil.compose) implementation(libs.coil.compose)
implementation(libs.compose.material.icons.extended) implementation(libs.compose.material.icons.extended)
implementation("androidx.compose.material:material")
implementation(libs.compose.material3) implementation(libs.compose.material3)
implementation(libs.compose.ui) implementation(libs.compose.ui)
implementation(libs.compose.ui.graphics) implementation(libs.compose.ui.graphics)
@@ -30,8 +30,8 @@ class DriverRepository(
return response.driver ?: error("Brak danych kierowcy.") return response.driver ?: error("Brak danych kierowcy.")
} }
suspend fun bootstrap(): BootstrapResponse = suspend fun bootstrap(date: String? = null): BootstrapResponse =
api.bootstrap(authHeader(requireToken())) api.bootstrap(authHeader(requireToken()), date)
suspend fun route(routeId: String): RouteResponse = suspend fun route(routeId: String): RouteResponse =
api.route(authHeader(requireToken()), routeId) api.route(authHeader(requireToken()), routeId)
@@ -16,6 +16,7 @@ import retrofit2.http.Multipart
import retrofit2.http.POST import retrofit2.http.POST
import retrofit2.http.Part import retrofit2.http.Part
import retrofit2.http.Path import retrofit2.http.Path
import retrofit2.http.Query
interface MobileDriverApi { interface MobileDriverApi {
@POST("mobile/driver/auth/request-otp") @POST("mobile/driver/auth/request-otp")
@@ -28,7 +29,10 @@ interface MobileDriverApi {
suspend fun logout(@Header("Authorization") authorization: String): Map<String, Boolean> suspend fun logout(@Header("Authorization") authorization: String): Map<String, Boolean>
@GET("mobile/driver/bootstrap") @GET("mobile/driver/bootstrap")
suspend fun bootstrap(@Header("Authorization") authorization: String): BootstrapResponse suspend fun bootstrap(
@Header("Authorization") authorization: String,
@Query("date") date: String?,
): BootstrapResponse
@GET("mobile/driver/routes/{routeId}") @GET("mobile/driver/routes/{routeId}")
suspend fun route( suspend fun route(
@@ -30,6 +30,16 @@ data class DriverDto(
data class BootstrapResponse( data class BootstrapResponse(
val session: DriverSessionDto, val session: DriverSessionDto,
val routes: RoutesBucketDto, val routes: RoutesBucketDto,
val driverAppSettings: DriverAppSettingsDto?,
)
data class DriverAppSettingsDto(
val minDate: String,
val maxDate: String,
val today: String,
val selectedDate: String,
val maxPastDays: Int,
val autoRefreshSeconds: Int,
) )
data class DriverSessionDto( data class DriverSessionDto(
@@ -9,9 +9,12 @@ import android.content.IntentFilter
import android.content.pm.PackageManager import android.content.pm.PackageManager
import android.net.Uri import android.net.Uri
import android.os.Build import android.os.Build
import androidx.activity.compose.BackHandler
import androidx.activity.compose.rememberLauncherForActivityResult import androidx.activity.compose.rememberLauncherForActivityResult
import androidx.activity.result.PickVisualMediaRequest import androidx.activity.result.PickVisualMediaRequest
import androidx.activity.result.contract.ActivityResultContracts import androidx.activity.result.contract.ActivityResultContracts
import androidx.compose.foundation.BorderStroke
import androidx.compose.foundation.Image
import androidx.compose.foundation.background import androidx.compose.foundation.background
import androidx.compose.foundation.clickable import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Arrangement
@@ -27,10 +30,14 @@ import androidx.compose.foundation.layout.fillMaxHeight
import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.heightIn
import androidx.compose.foundation.layout.navigationBarsPadding
import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.statusBarsPadding
import androidx.compose.foundation.layout.width import androidx.compose.foundation.layout.width
import androidx.compose.foundation.lazy.LazyColumn import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.LazyRow
import androidx.compose.foundation.lazy.grid.GridCells import androidx.compose.foundation.lazy.grid.GridCells
import androidx.compose.foundation.lazy.grid.LazyVerticalGrid import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
import androidx.compose.foundation.lazy.grid.items import androidx.compose.foundation.lazy.grid.items
@@ -40,16 +47,21 @@ import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.outlined.AddPhotoAlternate import androidx.compose.material.icons.outlined.AddPhotoAlternate
import androidx.compose.material.icons.outlined.ArrowBack import androidx.compose.material.icons.outlined.ArrowBack
import androidx.compose.material.icons.outlined.CameraAlt import androidx.compose.material.icons.outlined.CameraAlt
import androidx.compose.material.icons.outlined.CalendarToday
import androidx.compose.material.icons.outlined.LocalShipping import androidx.compose.material.icons.outlined.LocalShipping
import androidx.compose.material.icons.outlined.Logout import androidx.compose.material.icons.outlined.Person
import androidx.compose.material.icons.outlined.Phone import androidx.compose.material.icons.outlined.Phone
import androidx.compose.material.icons.outlined.Refresh import androidx.compose.material.ExperimentalMaterialApi
import androidx.compose.material.pullrefresh.PullRefreshIndicator
import androidx.compose.material.pullrefresh.pullRefresh
import androidx.compose.material.pullrefresh.rememberPullRefreshState
import androidx.compose.material3.Button import androidx.compose.material3.Button
import androidx.compose.material3.ButtonDefaults import androidx.compose.material3.ButtonDefaults
import androidx.compose.material3.Card import androidx.compose.material3.Card
import androidx.compose.material3.CardDefaults import androidx.compose.material3.CardDefaults
import androidx.compose.material3.CircularProgressIndicator import androidx.compose.material3.CircularProgressIndicator
import androidx.compose.material3.ExperimentalMaterial3Api import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.HorizontalDivider
import androidx.compose.material3.Icon import androidx.compose.material3.Icon
import androidx.compose.material3.IconButton import androidx.compose.material3.IconButton
import androidx.compose.material3.MaterialTheme import androidx.compose.material3.MaterialTheme
@@ -60,6 +72,7 @@ import androidx.compose.material3.TopAppBar
import androidx.compose.material3.TopAppBarDefaults import androidx.compose.material3.TopAppBarDefaults
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
import androidx.compose.runtime.DisposableEffect import androidx.compose.runtime.DisposableEffect
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.collectAsState import androidx.compose.runtime.collectAsState
import androidx.compose.runtime.getValue import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.mutableStateOf
@@ -68,8 +81,10 @@ import androidx.compose.runtime.setValue
import androidx.compose.ui.Alignment import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.layout.ContentScale import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.platform.LocalContext import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.text.font.FontFamily import androidx.compose.ui.text.font.FontFamily
import androidx.compose.ui.text.font.FontWeight import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.text.input.KeyboardType import androidx.compose.ui.text.input.KeyboardType
@@ -77,12 +92,20 @@ import androidx.compose.foundation.text.KeyboardOptions
import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.dp
import androidx.core.content.ContextCompat import androidx.core.content.ContextCompat
import androidx.core.content.FileProvider import androidx.core.content.FileProvider
import androidx.lifecycle.Lifecycle
import androidx.lifecycle.LifecycleEventObserver
import androidx.lifecycle.compose.LocalLifecycleOwner
import coil.compose.AsyncImage import coil.compose.AsyncImage
import coil.request.ImageRequest import coil.request.ImageRequest
import com.google.android.gms.auth.api.phone.SmsRetriever import com.google.android.gms.auth.api.phone.SmsRetriever
import com.google.android.gms.common.api.CommonStatusCodes import com.google.android.gms.common.api.CommonStatusCodes
import com.google.android.gms.common.api.Status import com.google.android.gms.common.api.Status
import java.io.File import java.io.File
import java.time.LocalDate
import java.time.format.DateTimeFormatter
import kotlinx.coroutines.delay
import java.util.Locale
import pl.firmatpp.kierowca.R
import pl.firmatpp.kierowca.data.model.DriverRouteDto import pl.firmatpp.kierowca.data.model.DriverRouteDto
import pl.firmatpp.kierowca.data.model.RoutePhotoDto import pl.firmatpp.kierowca.data.model.RoutePhotoDto
import pl.firmatpp.kierowca.domain.OtpCodeExtractor import pl.firmatpp.kierowca.domain.OtpCodeExtractor
@@ -92,6 +115,35 @@ import pl.firmatpp.kierowca.ui.theme.TppColors
@Composable @Composable
fun DriverApp(viewModel: DriverViewModel) { fun DriverApp(viewModel: DriverViewModel) {
val state by viewModel.state.collectAsState() val state by viewModel.state.collectAsState()
val lifecycleOwner = LocalLifecycleOwner.current
var appInForeground by remember { mutableStateOf(true) }
BackHandler(enabled = state.screen != DriverScreen.Phone && state.screen != DriverScreen.Routes) {
viewModel.back()
}
DisposableEffect(lifecycleOwner, state.screen) {
val observer = LifecycleEventObserver { _, event ->
when (event) {
Lifecycle.Event.ON_START -> {
appInForeground = true
if (state.screen == DriverScreen.Routes) viewModel.refreshRoutesSilently()
}
Lifecycle.Event.ON_STOP -> appInForeground = false
else -> Unit
}
}
lifecycleOwner.lifecycle.addObserver(observer)
onDispose { lifecycleOwner.lifecycle.removeObserver(observer) }
}
LaunchedEffect(state.screen, state.selectedDate, state.autoRefreshSeconds, appInForeground) {
if (state.screen != DriverScreen.Routes || !appInForeground) return@LaunchedEffect
val intervalMillis = state.autoRefreshSeconds.coerceIn(30, 600) * 1000L
while (true) {
delay(intervalMillis)
viewModel.refreshRoutesSilently()
}
}
SmsUserConsentEffect( SmsUserConsentEffect(
enabled = state.screen == DriverScreen.Phone || state.screen == DriverScreen.Otp, enabled = state.screen == DriverScreen.Phone || state.screen == DriverScreen.Otp,
onCode = viewModel::updateOtpCode, onCode = viewModel::updateOtpCode,
@@ -101,7 +153,14 @@ fun DriverApp(viewModel: DriverViewModel) {
when (state.screen) { when (state.screen) {
DriverScreen.Phone -> PhoneScreen(state, viewModel::requestOtp) DriverScreen.Phone -> PhoneScreen(state, viewModel::requestOtp)
DriverScreen.Otp -> OtpScreen(state, viewModel::updateOtpCode, viewModel::verifyOtp, viewModel::back) DriverScreen.Otp -> OtpScreen(state, viewModel::updateOtpCode, viewModel::verifyOtp, viewModel::back)
DriverScreen.Routes -> RoutesScreen(state, viewModel::refreshRoutes, viewModel::openRoute, viewModel::logout) DriverScreen.Routes -> RoutesScreen(
state = state,
onRefresh = viewModel::refreshRoutesSilently,
onDate = viewModel::selectRouteDate,
onProfile = viewModel::openProfile,
onRoute = viewModel::openRoute,
)
DriverScreen.Profile -> ProfileScreen(state, viewModel::refreshRoutes, viewModel::openProfile, viewModel::logout)
DriverScreen.Detail -> DetailScreen(state, viewModel::back, viewModel::uploadPhoto, viewModel::openPhoto) DriverScreen.Detail -> DetailScreen(state, viewModel::back, viewModel::uploadPhoto, viewModel::openPhoto)
DriverScreen.Photo -> PhotoScreen(state, viewModel::back) DriverScreen.Photo -> PhotoScreen(state, viewModel::back)
} }
@@ -168,66 +227,338 @@ private fun AuthShell(title: String, subtitle: String, onBack: (() -> Unit)? = n
} }
} }
@OptIn(ExperimentalMaterial3Api::class) @OptIn(ExperimentalMaterial3Api::class, ExperimentalMaterialApi::class)
@Composable @Composable
private fun RoutesScreen( private fun RoutesScreen(
state: DriverUiState, state: DriverUiState,
onRefresh: () -> Unit, onRefresh: () -> Unit,
onDate: (String) -> Unit,
onProfile: () -> Unit,
onRoute: (String) -> Unit, onRoute: (String) -> Unit,
onLogout: () -> Unit,
) { ) {
Scaffold( Scaffold(
topBar = { topBar = { StitchHeader() },
TopAppBar( bottomBar = {
title = { Text("Dzisiejsze kursy") }, StitchBottomBar(
actions = { activeScreen = DriverScreen.Routes,
IconButton(onClick = onRefresh) { Icon(Icons.Outlined.Refresh, contentDescription = "Odswiez") } onRoutes = onRefresh,
IconButton(onClick = onLogout) { Icon(Icons.Outlined.Logout, contentDescription = "Wyloguj") } onProfile = onProfile,
},
colors = TopAppBarDefaults.topAppBarColors(containerColor = TppColors.Surface),
) )
}, },
containerColor = TppColors.Surface, containerColor = TppColors.Surface,
) { padding -> ) { padding ->
LazyColumn( val pullRefreshState = rememberPullRefreshState(state.refreshing, onRefresh)
Modifier.fillMaxSize().padding(padding), Box(Modifier.fillMaxSize().padding(padding).pullRefresh(pullRefreshState)) {
contentPadding = PaddingValues(16.dp), LazyColumn(
verticalArrangement = Arrangement.spacedBy(16.dp), Modifier.fillMaxSize(),
) { contentPadding = PaddingValues(start = 16.dp, top = 24.dp, end = 16.dp, bottom = 20.dp),
item { verticalArrangement = Arrangement.spacedBy(18.dp),
Text("Kierowca: ${state.driver?.displayName.orEmpty()}", color = TppColors.Muted) ) {
item {
Row(
Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceBetween,
verticalAlignment = Alignment.CenterVertically,
) {
Text(
routeListTitle(state.selectedDate),
style = MaterialTheme.typography.headlineLarge,
fontWeight = FontWeight.Bold,
color = TppColors.Ink,
)
DateChip(state.selectedDate)
}
}
item {
RouteDateSelector(
selectedDate = state.selectedDate,
minDate = state.minRouteDate,
maxDate = state.maxRouteDate,
onDate = onDate,
)
}
if (state.routes.isEmpty()) {
item { EmptyState("Brak kursow na wybrany dzien") }
} else {
items(state.routes, key = { it.id }) { route -> StitchRouteCard(route, onRoute) }
}
item { ErrorText(state.error) }
} }
if (state.routes.isEmpty()) { PullRefreshIndicator(
item { EmptyState("Brak kursow na dzisiaj") } refreshing = state.refreshing,
} else { state = pullRefreshState,
items(state.routes, key = { it.id }) { route -> RouteCard(route, onRoute) } modifier = Modifier.align(Alignment.TopCenter),
} backgroundColor = Color.White,
item { ErrorText(state.error) } contentColor = TppColors.Forest,
)
} }
} }
} }
@Composable @Composable
private fun RouteCard(route: DriverRouteDto, onRoute: (String) -> Unit) { private fun StitchHeader() {
Column(Modifier.fillMaxWidth().background(Color.White).statusBarsPadding()) {
Box(
Modifier.fillMaxWidth().height(104.dp).padding(horizontal = 24.dp),
contentAlignment = Alignment.Center,
) {
TppLogo()
}
HorizontalDivider(color = TppColors.Outline.copy(alpha = 0.8f), thickness = 2.dp)
}
}
@Composable
private fun TppLogo() {
Image(
painter = painterResource(R.drawable.tpp5),
contentDescription = "TPP",
contentScale = ContentScale.Fit,
modifier = Modifier.width(142.dp).height(50.dp),
)
}
@Composable
private fun DateChip(date: String) {
val formatter = remember { DateTimeFormatter.ofPattern("d MMM", Locale("pl", "PL")) }
val label = remember(date) { LocalDate.parse(date).format(formatter).replace(".", "").replaceFirstChar { it.uppercase() } }
Row(
modifier = Modifier.background(TppColors.Panel, RoundedCornerShape(12.dp)).padding(horizontal = 16.dp, vertical = 12.dp),
verticalAlignment = Alignment.CenterVertically,
horizontalArrangement = Arrangement.spacedBy(10.dp),
) {
Icon(Icons.Outlined.CalendarToday, contentDescription = null, tint = TppColors.Forest)
Text(label, fontFamily = FontFamily.Monospace, color = TppColors.Muted, fontWeight = FontWeight.SemiBold)
}
}
@Composable
private fun RouteDateSelector(selectedDate: String, minDate: String, maxDate: String, onDate: (String) -> Unit) {
val dates = remember(minDate, maxDate) {
runCatching {
generateSequence(LocalDate.parse(minDate)) { date ->
val next = date.plusDays(1)
if (next <= LocalDate.parse(maxDate)) next else null
}.toList()
}.getOrElse { listOf(LocalDate.parse(selectedDate)) }
}
LazyRow(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
items(dates, key = { it.toString() }) { date ->
DateSelectorChip(
date = date,
selected = date.toString() == selectedDate,
onClick = { onDate(date.toString()) },
)
}
}
}
@Composable
private fun DateSelectorChip(date: LocalDate, selected: Boolean, onClick: () -> Unit) {
val formatter = remember { DateTimeFormatter.ofPattern("EEE d MMM", Locale("pl", "PL")) }
val label = remember(date) { date.format(formatter).replace(".", "").replaceFirstChar { it.uppercase() } }
val background = if (selected) TppColors.Forest else Color.White
val content = if (selected) Color.White else TppColors.Muted
Row(
modifier = Modifier
.background(background, RoundedCornerShape(8.dp))
.clickable(onClick = onClick)
.padding(horizontal = 14.dp, vertical = 10.dp),
verticalAlignment = Alignment.CenterVertically,
) {
Text(label, color = content, fontFamily = FontFamily.Monospace, fontWeight = FontWeight.SemiBold)
}
}
private fun routeListTitle(selectedDate: String): String {
val today = LocalDate.now()
val date = runCatching { LocalDate.parse(selectedDate) }.getOrDefault(today)
return when (date) {
today -> "Dzisiejsze Kursy"
today.plusDays(1) -> "Jutrzejsze Kursy"
else -> "Kursy"
}
}
@Composable
private fun StitchRouteCard(route: DriverRouteDto, onRoute: (String) -> Unit) {
val display = RouteDisplayMapper.toCard(route) val display = RouteDisplayMapper.toCard(route)
val stripColor = routeStatusColor(route.status)
Card( Card(
modifier = Modifier.fillMaxWidth().clickable { onRoute(route.id) }, modifier = Modifier.fillMaxWidth(),
colors = CardDefaults.cardColors(containerColor = Color.White), colors = CardDefaults.cardColors(containerColor = Color.White),
shape = RoundedCornerShape(8.dp), shape = RoundedCornerShape(8.dp),
border = CardDefaults.outlinedCardBorder(), border = BorderStroke(1.dp, TppColors.Outline),
) { ) {
Row(Modifier.fillMaxWidth().height(IntrinsicSize.Min)) { Row(Modifier.fillMaxWidth().height(IntrinsicSize.Min)) {
Box(Modifier.fillMaxHeight().width(5.dp).background(TppColors.Forest)) Box(
Column(Modifier.padding(18.dp), verticalArrangement = Arrangement.spacedBy(8.dp)) { Modifier
Text(display.time, fontFamily = FontFamily.Monospace, color = TppColors.Navy, fontWeight = FontWeight.Bold) .fillMaxHeight()
Text("${display.origin} -> ${display.destination}", style = MaterialTheme.typography.titleLarge, fontWeight = FontWeight.Bold) .width(8.dp)
Text(display.contractLabel, fontFamily = FontFamily.Monospace, color = TppColors.Muted) .background(stripColor, RoundedCornerShape(topStart = 8.dp, bottomStart = 8.dp)),
Text(listOf(display.status, display.distanceLabel).filter { it.isNotBlank() }.joinToString(" / "), color = TppColors.Muted) )
Column(Modifier.fillMaxWidth()) {
Column(Modifier.padding(start = 24.dp, top = 24.dp, end = 24.dp, bottom = 20.dp)) {
Row(
Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceBetween,
verticalAlignment = Alignment.CenterVertically,
) {
StatusChip(route.status, stripColor)
Text(
"Kontrakt: #${display.contractLabel.trimStart('#')}",
fontFamily = FontFamily.Monospace,
color = TppColors.Ink,
fontWeight = FontWeight.SemiBold,
)
}
Spacer(Modifier.height(26.dp))
RouteTimeline(display.origin, display.destination)
}
HorizontalDivider(color = TppColors.Outline.copy(alpha = 0.55f))
Button(
onClick = { onRoute(route.id) },
modifier = Modifier.fillMaxWidth().padding(16.dp).height(56.dp),
colors = ButtonDefaults.buttonColors(containerColor = stripColor),
shape = RoundedCornerShape(4.dp),
) {
Text("Szczegóły →", fontFamily = FontFamily.Monospace, fontWeight = FontWeight.Bold)
}
} }
} }
} }
} }
@Composable
private fun StatusChip(status: String, color: Color) {
Text(
status.ifBlank { "NOWY" }.uppercase(Locale("pl", "PL")),
modifier = Modifier
.background(color.copy(alpha = 0.18f), RoundedCornerShape(3.dp))
.padding(horizontal = 14.dp, vertical = 8.dp),
color = color,
fontFamily = FontFamily.Monospace,
fontWeight = FontWeight.Bold,
)
}
@Composable
private fun RouteTimeline(origin: String, destination: String) {
Row(horizontalArrangement = Arrangement.spacedBy(14.dp)) {
Column(horizontalAlignment = Alignment.CenterHorizontally) {
Box(Modifier.size(18.dp).background(Color.White, RoundedCornerShape(50)).padding(3.dp)) {
Box(Modifier.fillMaxSize().background(TppColors.Forest, RoundedCornerShape(50)))
}
Box(Modifier.width(3.dp).height(64.dp).background(TppColors.Outline.copy(alpha = 0.8f)))
Box(Modifier.size(18.dp).background(TppColors.Navy, RoundedCornerShape(50)))
}
Column(verticalArrangement = Arrangement.spacedBy(30.dp)) {
Column {
Text("SKĄD", color = TppColors.Muted, fontFamily = FontFamily.Monospace, fontWeight = FontWeight.Bold)
Text(origin, style = MaterialTheme.typography.titleLarge, color = TppColors.Ink, fontWeight = FontWeight.Bold)
}
Column {
Text("DOKĄD", color = TppColors.Muted, fontFamily = FontFamily.Monospace, fontWeight = FontWeight.Bold)
Text(destination, style = MaterialTheme.typography.titleLarge, color = TppColors.Ink, fontWeight = FontWeight.Bold)
}
}
}
}
@Composable
private fun ProfileScreen(
state: DriverUiState,
onRoutes: () -> Unit,
onProfile: () -> Unit,
onLogout: () -> Unit,
) {
Scaffold(
topBar = { StitchHeader() },
bottomBar = {
StitchBottomBar(
activeScreen = DriverScreen.Profile,
onRoutes = onRoutes,
onProfile = onProfile,
)
},
containerColor = TppColors.Surface,
) { padding ->
Column(
Modifier
.fillMaxSize()
.padding(padding)
.padding(horizontal = 20.dp, vertical = 24.dp),
verticalArrangement = Arrangement.spacedBy(18.dp),
) {
Card(
modifier = Modifier.fillMaxWidth(),
colors = CardDefaults.cardColors(containerColor = Color.White),
shape = RoundedCornerShape(8.dp),
border = BorderStroke(1.dp, TppColors.Outline),
) {
Column(Modifier.padding(24.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
Icon(Icons.Outlined.Person, contentDescription = null, tint = TppColors.Forest, modifier = Modifier.size(34.dp))
Text(
"Witaj ${state.driver?.displayName.orEmpty().ifBlank { "Kierowco" }}",
style = MaterialTheme.typography.headlineSmall,
fontWeight = FontWeight.Bold,
color = TppColors.Ink,
)
}
}
Button(
onClick = onLogout,
modifier = Modifier.fillMaxWidth().height(56.dp),
colors = ButtonDefaults.buttonColors(containerColor = TppColors.Forest),
shape = RoundedCornerShape(4.dp),
) {
Text("Wyloguj", fontWeight = FontWeight.Bold)
}
}
}
}
@Composable
private fun StitchBottomBar(activeScreen: DriverScreen, onRoutes: () -> Unit, onProfile: () -> Unit) {
Column(Modifier.fillMaxWidth().background(Color.White).navigationBarsPadding()) {
HorizontalDivider(color = TppColors.Outline.copy(alpha = 0.9f), thickness = 2.dp)
Row(
Modifier.fillMaxWidth().height(82.dp),
horizontalArrangement = Arrangement.SpaceEvenly,
verticalAlignment = Alignment.CenterVertically,
) {
BottomNavItem("Zlecenia", Icons.Outlined.LocalShipping, active = activeScreen == DriverScreen.Routes, onClick = onRoutes)
BottomNavItem("Profil", Icons.Outlined.Person, active = activeScreen == DriverScreen.Profile, onClick = onProfile)
}
}
}
@Composable
private fun BottomNavItem(label: String, icon: ImageVector, active: Boolean, onClick: () -> Unit) {
Column(
modifier = Modifier.heightIn(min = 64.dp).clickable(onClick = onClick).padding(horizontal = 18.dp),
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center,
) {
Icon(icon, contentDescription = label, tint = if (active) TppColors.Forest else TppColors.Muted)
Spacer(Modifier.height(6.dp))
Text(label, color = if (active) TppColors.Forest else TppColors.Muted, fontFamily = FontFamily.Monospace)
}
}
private fun routeStatusColor(status: String): Color {
val normalized = status.uppercase(Locale("pl", "PL"))
return when {
"NOW" in normalized -> TppColors.Navy
"ZAK" in normalized || "GOT" in normalized -> TppColors.Forest
"TRAK" in normalized || "START" in normalized -> Color(0xFFF5B800)
else -> TppColors.Forest
}
}
@OptIn(ExperimentalMaterial3Api::class) @OptIn(ExperimentalMaterial3Api::class)
@Composable @Composable
private fun DetailScreen( private fun DetailScreen(
@@ -254,6 +585,7 @@ private fun DetailScreen(
Scaffold( Scaffold(
topBar = { topBar = {
TopAppBar( TopAppBar(
modifier = Modifier.statusBarsPadding(),
title = { Text("Szczegoly kursu") }, title = { Text("Szczegoly kursu") },
navigationIcon = { IconButton(onClick = onBack) { Icon(Icons.Outlined.ArrowBack, contentDescription = "Wstecz") } }, navigationIcon = { IconButton(onClick = onBack) { Icon(Icons.Outlined.ArrowBack, contentDescription = "Wstecz") } },
colors = TopAppBarDefaults.topAppBarColors(containerColor = TppColors.Surface), colors = TopAppBarDefaults.topAppBarColors(containerColor = TppColors.Surface),
@@ -349,6 +681,7 @@ private fun PhotoScreen(state: DriverUiState, onBack: () -> Unit) {
Scaffold( Scaffold(
topBar = { topBar = {
TopAppBar( TopAppBar(
modifier = Modifier.statusBarsPadding(),
title = { Text("Podglad zdjecia") }, title = { Text("Podglad zdjecia") },
navigationIcon = { IconButton(onClick = onBack) { Icon(Icons.Outlined.ArrowBack, contentDescription = "Wstecz") } }, navigationIcon = { IconButton(onClick = onBack) { Icon(Icons.Outlined.ArrowBack, contentDescription = "Wstecz") } },
colors = TopAppBarDefaults.topAppBarColors(containerColor = Color.Black, titleContentColor = Color.White, navigationIconContentColor = Color.White), colors = TopAppBarDefaults.topAppBarColors(containerColor = Color.Black, titleContentColor = Color.White, navigationIconContentColor = Color.White),
@@ -8,21 +8,27 @@ import kotlinx.coroutines.flow.MutableStateFlow
import kotlinx.coroutines.flow.StateFlow import kotlinx.coroutines.flow.StateFlow
import kotlinx.coroutines.flow.update import kotlinx.coroutines.flow.update
import kotlinx.coroutines.launch import kotlinx.coroutines.launch
import java.time.LocalDate
import pl.firmatpp.kierowca.data.DriverRepository import pl.firmatpp.kierowca.data.DriverRepository
import pl.firmatpp.kierowca.data.model.DriverDto import pl.firmatpp.kierowca.data.model.DriverDto
import pl.firmatpp.kierowca.data.model.DriverRouteDto import pl.firmatpp.kierowca.data.model.DriverRouteDto
import pl.firmatpp.kierowca.data.model.RoutePhotoDto import pl.firmatpp.kierowca.data.model.RoutePhotoDto
enum class DriverScreen { Phone, Otp, Routes, Detail, Photo } enum class DriverScreen { Phone, Otp, Routes, Profile, Detail, Photo }
data class DriverUiState( data class DriverUiState(
val screen: DriverScreen = DriverScreen.Phone, val screen: DriverScreen = DriverScreen.Phone,
val loading: Boolean = false, val loading: Boolean = false,
val refreshing: Boolean = false,
val phone: String = "", val phone: String = "",
val otpCode: String = "", val otpCode: String = "",
val maskedPhone: String = "", val maskedPhone: String = "",
val driver: DriverDto? = null, val driver: DriverDto? = null,
val routes: List<DriverRouteDto> = emptyList(), val routes: List<DriverRouteDto> = emptyList(),
val selectedDate: String = LocalDate.now().toString(),
val minRouteDate: String = LocalDate.now().minusDays(7).toString(),
val maxRouteDate: String = LocalDate.now().plusDays(1).toString(),
val autoRefreshSeconds: Int = 60,
val selectedRoute: DriverRouteDto? = null, val selectedRoute: DriverRouteDto? = null,
val selectedPhoto: RoutePhotoDto? = null, val selectedPhoto: RoutePhotoDto? = null,
val imageAuthHeader: String? = null, val imageAuthHeader: String? = null,
@@ -63,16 +69,39 @@ class DriverViewModel(application: Application) : AndroidViewModel(application)
_state.update { it.copy(otpCode = code.filter(Char::isDigit).take(10)) } _state.update { it.copy(otpCode = code.filter(Char::isDigit).take(10)) }
} }
fun refreshRoutes() = runLoading { fun refreshRoutes() = loadRoutes(date = _state.value.selectedDate, showLoading = true, navigateToRoutes = true)
val response = repository.bootstrap()
_state.update { fun refreshRoutesSilently() = loadRoutes(date = _state.value.selectedDate, showLoading = false, navigateToRoutes = false)
it.copy(
screen = DriverScreen.Routes, fun selectRouteDate(date: String) = loadRoutes(date = date, showLoading = true, navigateToRoutes = true)
driver = response.session.driver,
routes = response.routes.today, private fun loadRoutes(date: String?, showLoading: Boolean, navigateToRoutes: Boolean) {
imageAuthHeader = repository.imageAuthHeader(), viewModelScope.launch {
error = null, _state.update { it.copy(loading = showLoading, refreshing = !showLoading, error = null) }
)
runCatching {
val response = repository.bootstrap(date)
val settings = response.driverAppSettings
_state.update {
it.copy(
screen = if (navigateToRoutes) DriverScreen.Routes else it.screen,
driver = response.session.driver,
routes = response.routes.today,
selectedDate = settings?.selectedDate ?: date ?: it.selectedDate,
minRouteDate = settings?.minDate ?: it.minRouteDate,
maxRouteDate = settings?.maxDate ?: it.maxRouteDate,
autoRefreshSeconds = settings?.autoRefreshSeconds ?: it.autoRefreshSeconds,
imageAuthHeader = repository.imageAuthHeader(),
error = null,
)
}
}.onFailure { throwable ->
_state.update { it.copy(error = throwable.message ?: "Wystapil blad.") }
}
_state.update {
it.copy(loading = false, refreshing = false)
}
} }
} }
@@ -81,6 +110,10 @@ class DriverViewModel(application: Application) : AndroidViewModel(application)
_state.update { it.copy(screen = DriverScreen.Detail, selectedRoute = response.route, error = null) } _state.update { it.copy(screen = DriverScreen.Detail, selectedRoute = response.route, error = null) }
} }
fun openProfile() {
_state.update { it.copy(screen = DriverScreen.Profile, error = null) }
}
fun uploadPhoto(uri: Uri, source: String) = runLoading { fun uploadPhoto(uri: Uri, source: String) = runLoading {
val route = _state.value.selectedRoute ?: return@runLoading val route = _state.value.selectedRoute ?: return@runLoading
repository.uploadPhoto(route.id, uri, source) repository.uploadPhoto(route.id, uri, source)
@@ -96,6 +129,7 @@ class DriverViewModel(application: Application) : AndroidViewModel(application)
when (it.screen) { when (it.screen) {
DriverScreen.Photo -> it.copy(screen = DriverScreen.Detail, selectedPhoto = null) DriverScreen.Photo -> it.copy(screen = DriverScreen.Detail, selectedPhoto = null)
DriverScreen.Detail -> it.copy(screen = DriverScreen.Routes, selectedRoute = null) DriverScreen.Detail -> it.copy(screen = DriverScreen.Routes, selectedRoute = null)
DriverScreen.Profile -> it.copy(screen = DriverScreen.Routes)
DriverScreen.Otp -> it.copy(screen = DriverScreen.Phone) DriverScreen.Otp -> it.copy(screen = DriverScreen.Phone)
else -> it else -> it
} }
Binary file not shown.

After

Width:  |  Height:  |  Size: 1010 KiB