|
|
|
@@ -9,9 +9,12 @@ import android.content.IntentFilter
|
|
|
|
|
import android.content.pm.PackageManager
|
|
|
|
|
import android.net.Uri
|
|
|
|
|
import android.os.Build
|
|
|
|
|
import androidx.activity.compose.BackHandler
|
|
|
|
|
import androidx.activity.compose.rememberLauncherForActivityResult
|
|
|
|
|
import androidx.activity.result.PickVisualMediaRequest
|
|
|
|
|
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.clickable
|
|
|
|
|
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.fillMaxWidth
|
|
|
|
|
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.size
|
|
|
|
|
import androidx.compose.foundation.layout.statusBarsPadding
|
|
|
|
|
import androidx.compose.foundation.layout.width
|
|
|
|
|
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.LazyVerticalGrid
|
|
|
|
|
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.ArrowBack
|
|
|
|
|
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.Logout
|
|
|
|
|
import androidx.compose.material.icons.outlined.Person
|
|
|
|
|
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.ButtonDefaults
|
|
|
|
|
import androidx.compose.material3.Card
|
|
|
|
|
import androidx.compose.material3.CardDefaults
|
|
|
|
|
import androidx.compose.material3.CircularProgressIndicator
|
|
|
|
|
import androidx.compose.material3.ExperimentalMaterial3Api
|
|
|
|
|
import androidx.compose.material3.HorizontalDivider
|
|
|
|
|
import androidx.compose.material3.Icon
|
|
|
|
|
import androidx.compose.material3.IconButton
|
|
|
|
|
import androidx.compose.material3.MaterialTheme
|
|
|
|
@@ -60,6 +72,7 @@ import androidx.compose.material3.TopAppBar
|
|
|
|
|
import androidx.compose.material3.TopAppBarDefaults
|
|
|
|
|
import androidx.compose.runtime.Composable
|
|
|
|
|
import androidx.compose.runtime.DisposableEffect
|
|
|
|
|
import androidx.compose.runtime.LaunchedEffect
|
|
|
|
|
import androidx.compose.runtime.collectAsState
|
|
|
|
|
import androidx.compose.runtime.getValue
|
|
|
|
|
import androidx.compose.runtime.mutableStateOf
|
|
|
|
@@ -68,8 +81,10 @@ import androidx.compose.runtime.setValue
|
|
|
|
|
import androidx.compose.ui.Alignment
|
|
|
|
|
import androidx.compose.ui.Modifier
|
|
|
|
|
import androidx.compose.ui.graphics.Color
|
|
|
|
|
import androidx.compose.ui.graphics.vector.ImageVector
|
|
|
|
|
import androidx.compose.ui.layout.ContentScale
|
|
|
|
|
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.FontWeight
|
|
|
|
|
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.core.content.ContextCompat
|
|
|
|
|
import androidx.core.content.FileProvider
|
|
|
|
|
import androidx.lifecycle.Lifecycle
|
|
|
|
|
import androidx.lifecycle.LifecycleEventObserver
|
|
|
|
|
import androidx.lifecycle.compose.LocalLifecycleOwner
|
|
|
|
|
import coil.compose.AsyncImage
|
|
|
|
|
import coil.request.ImageRequest
|
|
|
|
|
import com.google.android.gms.auth.api.phone.SmsRetriever
|
|
|
|
|
import com.google.android.gms.common.api.CommonStatusCodes
|
|
|
|
|
import com.google.android.gms.common.api.Status
|
|
|
|
|
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.RoutePhotoDto
|
|
|
|
|
import pl.firmatpp.kierowca.domain.OtpCodeExtractor
|
|
|
|
@@ -92,6 +115,35 @@ import pl.firmatpp.kierowca.ui.theme.TppColors
|
|
|
|
|
@Composable
|
|
|
|
|
fun DriverApp(viewModel: DriverViewModel) {
|
|
|
|
|
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(
|
|
|
|
|
enabled = state.screen == DriverScreen.Phone || state.screen == DriverScreen.Otp,
|
|
|
|
|
onCode = viewModel::updateOtpCode,
|
|
|
|
@@ -101,7 +153,14 @@ fun DriverApp(viewModel: DriverViewModel) {
|
|
|
|
|
when (state.screen) {
|
|
|
|
|
DriverScreen.Phone -> PhoneScreen(state, viewModel::requestOtp)
|
|
|
|
|
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.Photo -> PhotoScreen(state, viewModel::back)
|
|
|
|
|
}
|
|
|
|
@@ -168,65 +227,337 @@ private fun AuthShell(title: String, subtitle: String, onBack: (() -> Unit)? = n
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@OptIn(ExperimentalMaterial3Api::class)
|
|
|
|
|
@OptIn(ExperimentalMaterial3Api::class, ExperimentalMaterialApi::class)
|
|
|
|
|
@Composable
|
|
|
|
|
private fun RoutesScreen(
|
|
|
|
|
state: DriverUiState,
|
|
|
|
|
onRefresh: () -> Unit,
|
|
|
|
|
onDate: (String) -> Unit,
|
|
|
|
|
onProfile: () -> Unit,
|
|
|
|
|
onRoute: (String) -> Unit,
|
|
|
|
|
onLogout: () -> Unit,
|
|
|
|
|
) {
|
|
|
|
|
Scaffold(
|
|
|
|
|
topBar = {
|
|
|
|
|
TopAppBar(
|
|
|
|
|
title = { Text("Dzisiejsze kursy") },
|
|
|
|
|
actions = {
|
|
|
|
|
IconButton(onClick = onRefresh) { Icon(Icons.Outlined.Refresh, contentDescription = "Odswiez") }
|
|
|
|
|
IconButton(onClick = onLogout) { Icon(Icons.Outlined.Logout, contentDescription = "Wyloguj") }
|
|
|
|
|
},
|
|
|
|
|
colors = TopAppBarDefaults.topAppBarColors(containerColor = TppColors.Surface),
|
|
|
|
|
topBar = { StitchHeader() },
|
|
|
|
|
bottomBar = {
|
|
|
|
|
StitchBottomBar(
|
|
|
|
|
activeScreen = DriverScreen.Routes,
|
|
|
|
|
onRoutes = onRefresh,
|
|
|
|
|
onProfile = onProfile,
|
|
|
|
|
)
|
|
|
|
|
},
|
|
|
|
|
containerColor = TppColors.Surface,
|
|
|
|
|
) { padding ->
|
|
|
|
|
val pullRefreshState = rememberPullRefreshState(state.refreshing, onRefresh)
|
|
|
|
|
Box(Modifier.fillMaxSize().padding(padding).pullRefresh(pullRefreshState)) {
|
|
|
|
|
LazyColumn(
|
|
|
|
|
Modifier.fillMaxSize().padding(padding),
|
|
|
|
|
contentPadding = PaddingValues(16.dp),
|
|
|
|
|
verticalArrangement = Arrangement.spacedBy(16.dp),
|
|
|
|
|
Modifier.fillMaxSize(),
|
|
|
|
|
contentPadding = PaddingValues(start = 16.dp, top = 24.dp, end = 16.dp, bottom = 20.dp),
|
|
|
|
|
verticalArrangement = Arrangement.spacedBy(18.dp),
|
|
|
|
|
) {
|
|
|
|
|
item {
|
|
|
|
|
Text("Kierowca: ${state.driver?.displayName.orEmpty()}", color = TppColors.Muted)
|
|
|
|
|
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 dzisiaj") }
|
|
|
|
|
item { EmptyState("Brak kursow na wybrany dzien") }
|
|
|
|
|
} else {
|
|
|
|
|
items(state.routes, key = { it.id }) { route -> RouteCard(route, onRoute) }
|
|
|
|
|
items(state.routes, key = { it.id }) { route -> StitchRouteCard(route, onRoute) }
|
|
|
|
|
}
|
|
|
|
|
item { ErrorText(state.error) }
|
|
|
|
|
}
|
|
|
|
|
PullRefreshIndicator(
|
|
|
|
|
refreshing = state.refreshing,
|
|
|
|
|
state = pullRefreshState,
|
|
|
|
|
modifier = Modifier.align(Alignment.TopCenter),
|
|
|
|
|
backgroundColor = Color.White,
|
|
|
|
|
contentColor = TppColors.Forest,
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@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 stripColor = routeStatusColor(route.status)
|
|
|
|
|
Card(
|
|
|
|
|
modifier = Modifier.fillMaxWidth().clickable { onRoute(route.id) },
|
|
|
|
|
modifier = Modifier.fillMaxWidth(),
|
|
|
|
|
colors = CardDefaults.cardColors(containerColor = Color.White),
|
|
|
|
|
shape = RoundedCornerShape(8.dp),
|
|
|
|
|
border = CardDefaults.outlinedCardBorder(),
|
|
|
|
|
border = BorderStroke(1.dp, TppColors.Outline),
|
|
|
|
|
) {
|
|
|
|
|
Row(Modifier.fillMaxWidth().height(IntrinsicSize.Min)) {
|
|
|
|
|
Box(Modifier.fillMaxHeight().width(5.dp).background(TppColors.Forest))
|
|
|
|
|
Column(Modifier.padding(18.dp), verticalArrangement = Arrangement.spacedBy(8.dp)) {
|
|
|
|
|
Text(display.time, fontFamily = FontFamily.Monospace, color = TppColors.Navy, fontWeight = FontWeight.Bold)
|
|
|
|
|
Text("${display.origin} -> ${display.destination}", style = MaterialTheme.typography.titleLarge, fontWeight = FontWeight.Bold)
|
|
|
|
|
Text(display.contractLabel, fontFamily = FontFamily.Monospace, color = TppColors.Muted)
|
|
|
|
|
Text(listOf(display.status, display.distanceLabel).filter { it.isNotBlank() }.joinToString(" / "), color = TppColors.Muted)
|
|
|
|
|
Box(
|
|
|
|
|
Modifier
|
|
|
|
|
.fillMaxHeight()
|
|
|
|
|
.width(8.dp)
|
|
|
|
|
.background(stripColor, RoundedCornerShape(topStart = 8.dp, bottomStart = 8.dp)),
|
|
|
|
|
)
|
|
|
|
|
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)
|
|
|
|
|
@Composable
|
|
|
|
@@ -254,6 +585,7 @@ private fun DetailScreen(
|
|
|
|
|
Scaffold(
|
|
|
|
|
topBar = {
|
|
|
|
|
TopAppBar(
|
|
|
|
|
modifier = Modifier.statusBarsPadding(),
|
|
|
|
|
title = { Text("Szczegoly kursu") },
|
|
|
|
|
navigationIcon = { IconButton(onClick = onBack) { Icon(Icons.Outlined.ArrowBack, contentDescription = "Wstecz") } },
|
|
|
|
|
colors = TopAppBarDefaults.topAppBarColors(containerColor = TppColors.Surface),
|
|
|
|
@@ -349,6 +681,7 @@ private fun PhotoScreen(state: DriverUiState, onBack: () -> Unit) {
|
|
|
|
|
Scaffold(
|
|
|
|
|
topBar = {
|
|
|
|
|
TopAppBar(
|
|
|
|
|
modifier = Modifier.statusBarsPadding(),
|
|
|
|
|
title = { Text("Podglad zdjecia") },
|
|
|
|
|
navigationIcon = { IconButton(onClick = onBack) { Icon(Icons.Outlined.ArrowBack, contentDescription = "Wstecz") } },
|
|
|
|
|
colors = TopAppBarDefaults.topAppBarColors(containerColor = Color.Black, titleContentColor = Color.White, navigationIconContentColor = Color.White),
|
|
|
|
|