forked from student-25326/NTO-2025-Android-TeamTask
mainScreen
This commit is contained in:
@@ -8,14 +8,16 @@ import ru.myitschool.work.domain.user.User
|
|||||||
object UserRepository {
|
object UserRepository {
|
||||||
|
|
||||||
suspend fun getUserInfo(code: String): MyResult<User> {
|
suspend fun getUserInfo(code: String): MyResult<User> {
|
||||||
return when (val result = NetworkDataSource.getUserInfo(code)) {
|
/*return when (val result = NetworkDataSource.getUserInfo(code)) {
|
||||||
is MyResult.Success -> MyResult.Success(result.data.toUser())
|
is MyResult.Success -> MyResult.Success(result.data.toUser())
|
||||||
is MyResult.Error -> result
|
is MyResult.Error -> result
|
||||||
}
|
}*/
|
||||||
|
return MyResult.Success(User("kio", "https://catalog-cdn.detmir.st/media/2fe02057f9915e72a378795d32c79ea9.jpeg"))
|
||||||
}
|
}
|
||||||
|
|
||||||
private fun UserInfoResponse.toUser() = User(
|
private fun UserInfoResponse.toUser() = User(
|
||||||
name = name,
|
name = name,
|
||||||
imageUrl = photoUrl
|
imageUrl = photoUrl,
|
||||||
|
bookings = booking.mapValues { it.value.place }
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
@@ -2,5 +2,6 @@ package ru.myitschool.work.domain.user
|
|||||||
|
|
||||||
data class User(
|
data class User(
|
||||||
val name: String,
|
val name: String,
|
||||||
val imageUrl: String
|
val imageUrl: String,
|
||||||
)
|
val bookings: Map<String, String> = emptyMap()
|
||||||
|
)
|
||||||
48
app/src/main/java/ru/myitschool/work/ui/main/BookingItem.kt
Normal file
48
app/src/main/java/ru/myitschool/work/ui/main/BookingItem.kt
Normal file
@@ -0,0 +1,48 @@
|
|||||||
|
package ru.myitschool.work.ui.main
|
||||||
|
|
||||||
|
import androidx.compose.foundation.layout.Column
|
||||||
|
import androidx.compose.foundation.layout.Spacer
|
||||||
|
import androidx.compose.foundation.layout.fillMaxWidth
|
||||||
|
import androidx.compose.foundation.layout.height
|
||||||
|
import androidx.compose.foundation.layout.padding
|
||||||
|
import androidx.compose.material3.Card
|
||||||
|
import androidx.compose.material3.CardDefaults
|
||||||
|
import androidx.compose.material3.MaterialTheme
|
||||||
|
import androidx.compose.material3.Text
|
||||||
|
import androidx.compose.runtime.Composable
|
||||||
|
import androidx.compose.ui.Modifier
|
||||||
|
import androidx.compose.ui.platform.testTag
|
||||||
|
import androidx.compose.ui.unit.dp
|
||||||
|
import ru.myitschool.work.core.TestIds
|
||||||
|
|
||||||
|
@Composable
|
||||||
|
fun BookingItem(
|
||||||
|
booking: BookingDisplayItem,
|
||||||
|
index: Int
|
||||||
|
) {
|
||||||
|
Card(
|
||||||
|
modifier = Modifier
|
||||||
|
.fillMaxWidth()
|
||||||
|
.testTag(TestIds.Main.getIdItemByPosition(index)),
|
||||||
|
elevation = CardDefaults.cardElevation(defaultElevation = 2.dp)
|
||||||
|
) {
|
||||||
|
Column(
|
||||||
|
modifier = Modifier
|
||||||
|
.fillMaxWidth()
|
||||||
|
.padding(16.dp)
|
||||||
|
) {
|
||||||
|
Text(
|
||||||
|
text = booking.date,
|
||||||
|
modifier = Modifier.testTag(TestIds.Main.ITEM_DATE),
|
||||||
|
style = MaterialTheme.typography.titleMedium
|
||||||
|
)
|
||||||
|
Spacer(modifier = Modifier.height(4.dp))
|
||||||
|
Text(
|
||||||
|
text = booking.place,
|
||||||
|
modifier = Modifier.testTag(TestIds.Main.ITEM_PLACE),
|
||||||
|
style = MaterialTheme.typography.bodyMedium,
|
||||||
|
color = MaterialTheme.colorScheme.onSurfaceVariant
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -3,4 +3,5 @@ package ru.myitschool.work.ui.main
|
|||||||
sealed interface MainIntent {
|
sealed interface MainIntent {
|
||||||
data object LogOut: MainIntent
|
data object LogOut: MainIntent
|
||||||
data object Refresh: MainIntent
|
data object Refresh: MainIntent
|
||||||
|
data object AddBooking: MainIntent
|
||||||
}
|
}
|
||||||
@@ -1,21 +1,38 @@
|
|||||||
package ru.myitschool.work.ui.main
|
package ru.myitschool.work.ui.main
|
||||||
|
|
||||||
|
import androidx.compose.foundation.layout.Arrangement
|
||||||
import androidx.compose.foundation.layout.Box
|
import androidx.compose.foundation.layout.Box
|
||||||
import androidx.compose.foundation.layout.Column
|
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.foundation.layout.padding
|
||||||
|
import androidx.compose.foundation.layout.size
|
||||||
|
import androidx.compose.foundation.layout.width
|
||||||
|
import androidx.compose.foundation.lazy.LazyColumn
|
||||||
|
import androidx.compose.foundation.lazy.itemsIndexed
|
||||||
|
import androidx.compose.foundation.shape.CircleShape
|
||||||
import androidx.compose.material3.Button
|
import androidx.compose.material3.Button
|
||||||
|
import androidx.compose.material3.CircularProgressIndicator
|
||||||
|
import androidx.compose.material3.MaterialTheme
|
||||||
import androidx.compose.material3.Scaffold
|
import androidx.compose.material3.Scaffold
|
||||||
import androidx.compose.material3.Text
|
import androidx.compose.material3.Text
|
||||||
import androidx.compose.runtime.Composable
|
import androidx.compose.runtime.Composable
|
||||||
import androidx.compose.runtime.LaunchedEffect
|
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.ui.Alignment
|
||||||
import androidx.compose.ui.Modifier
|
import androidx.compose.ui.Modifier
|
||||||
|
import androidx.compose.ui.draw.clip
|
||||||
import androidx.compose.ui.platform.testTag
|
import androidx.compose.ui.platform.testTag
|
||||||
|
import androidx.compose.ui.unit.dp
|
||||||
import androidx.lifecycle.viewmodel.compose.viewModel
|
import androidx.lifecycle.viewmodel.compose.viewModel
|
||||||
import androidx.navigation.NavController
|
import androidx.navigation.NavController
|
||||||
import coil3.compose.AsyncImage
|
import coil3.compose.AsyncImage
|
||||||
import ru.myitschool.work.core.TestIds
|
import ru.myitschool.work.core.TestIds
|
||||||
|
import ru.myitschool.work.data.dto.BookingItem
|
||||||
import ru.myitschool.work.ui.Screen
|
import ru.myitschool.work.ui.Screen
|
||||||
|
|
||||||
@Composable
|
@Composable
|
||||||
@@ -29,31 +46,183 @@ fun MainScreen(
|
|||||||
when (event) {
|
when (event) {
|
||||||
MainViewModel.NavigationEvent.ToAuth -> {
|
MainViewModel.NavigationEvent.ToAuth -> {
|
||||||
navController.navigate(Screen.Auth) {
|
navController.navigate(Screen.Auth) {
|
||||||
popUpTo(navController.graph.startDestinationId) { inclusive = true }
|
popUpTo(Screen.Auth) { inclusive = true }
|
||||||
launchSingleTop = true
|
launchSingleTop = true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
MainViewModel.NavigationEvent.ToBooking -> {
|
||||||
|
navController.navigate(Screen.Book)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Scaffold() { padding ->
|
Scaffold { padding ->
|
||||||
Column(Modifier.padding(padding)){
|
Box(
|
||||||
AsyncImage(model = state.user.imageUrl, contentDescription = null, modifier = Modifier.testTag(
|
modifier = Modifier
|
||||||
TestIds.Main.PROFILE_IMAGE))
|
.fillMaxSize()
|
||||||
Text(text = state.user.name)
|
.padding(padding)
|
||||||
|
) {
|
||||||
|
when {
|
||||||
|
state.error != null -> {
|
||||||
|
ErrorContent(
|
||||||
|
error = state.error!!,
|
||||||
|
onRefresh = { viewModel.onIntent(MainIntent.Refresh) }
|
||||||
|
)
|
||||||
|
}
|
||||||
|
state.isLoading -> {
|
||||||
|
CircularProgressIndicator(
|
||||||
|
modifier = Modifier.align(Alignment.Center)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
state.user != null -> {
|
||||||
|
MainContent(
|
||||||
|
state = state,
|
||||||
|
onLogout = { viewModel.onIntent(MainIntent.LogOut) },
|
||||||
|
onRefresh = { viewModel.onIntent(MainIntent.Refresh) },
|
||||||
|
onAddBooking = { viewModel.onIntent(MainIntent.AddBooking) }
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@Composable
|
||||||
|
private fun ErrorContent(
|
||||||
|
error: String,
|
||||||
|
onRefresh: () -> Unit
|
||||||
|
) {
|
||||||
|
Column(
|
||||||
|
modifier = Modifier
|
||||||
|
.fillMaxSize()
|
||||||
|
.padding(16.dp),
|
||||||
|
horizontalAlignment = Alignment.CenterHorizontally,
|
||||||
|
verticalArrangement = Arrangement.Center
|
||||||
|
) {
|
||||||
|
Text(
|
||||||
|
text = error,
|
||||||
|
modifier = Modifier.testTag(TestIds.Main.ERROR),
|
||||||
|
style = MaterialTheme.typography.bodyLarge,
|
||||||
|
color = MaterialTheme.colorScheme.error
|
||||||
|
)
|
||||||
|
Spacer(modifier = Modifier.height(16.dp))
|
||||||
|
Button(
|
||||||
|
onClick = onRefresh,
|
||||||
|
modifier = Modifier.testTag(TestIds.Main.REFRESH_BUTTON)
|
||||||
|
) {
|
||||||
|
Text("Обновить")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@Composable
|
||||||
|
private fun MainContent(
|
||||||
|
state: MainState,
|
||||||
|
onLogout: () -> Unit,
|
||||||
|
onRefresh: () -> Unit,
|
||||||
|
onAddBooking: () -> Unit
|
||||||
|
) {
|
||||||
|
Column(
|
||||||
|
modifier = Modifier
|
||||||
|
.fillMaxSize()
|
||||||
|
.padding(16.dp)
|
||||||
|
) {
|
||||||
|
Row(
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
verticalAlignment = Alignment.CenterVertically,
|
||||||
|
horizontalArrangement = Arrangement.SpaceBetween
|
||||||
|
) {
|
||||||
|
Row(
|
||||||
|
verticalAlignment = Alignment.CenterVertically,
|
||||||
|
modifier = Modifier.weight(1f)
|
||||||
|
) {
|
||||||
|
AsyncImage(
|
||||||
|
model = state.user?.imageUrl,
|
||||||
|
contentDescription = null,
|
||||||
|
modifier = Modifier
|
||||||
|
.size(64.dp)
|
||||||
|
.clip(CircleShape)
|
||||||
|
.testTag(TestIds.Main.PROFILE_IMAGE)
|
||||||
|
)
|
||||||
|
Spacer(modifier = Modifier.width(16.dp))
|
||||||
|
Text(
|
||||||
|
text = state.user?.name ?: "",
|
||||||
|
modifier = Modifier.testTag(TestIds.Main.PROFILE_NAME),
|
||||||
|
style = MaterialTheme.typography.headlineSmall
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Spacer(modifier = Modifier.height(16.dp))
|
||||||
|
|
||||||
|
Row(
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
horizontalArrangement = Arrangement.spacedBy(8.dp)
|
||||||
|
) {
|
||||||
Button(
|
Button(
|
||||||
modifier = Modifier.testTag(TestIds.Main.REFRESH_BUTTON),
|
onClick = onRefresh,
|
||||||
onClick = { viewModel.onIntent(MainIntent.Refresh)}
|
modifier = Modifier
|
||||||
|
.weight(1f)
|
||||||
|
.testTag(TestIds.Main.REFRESH_BUTTON)
|
||||||
) {
|
) {
|
||||||
Text("Обновить")
|
Text("Обновить")
|
||||||
}
|
}
|
||||||
Button(
|
Button(
|
||||||
modifier = Modifier.testTag(TestIds.Main.LOGOUT_BUTTON),
|
onClick = onLogout,
|
||||||
onClick = { viewModel.onIntent(MainIntent.LogOut) }
|
modifier = Modifier
|
||||||
|
.weight(1f)
|
||||||
|
.testTag(TestIds.Main.LOGOUT_BUTTON)
|
||||||
) {
|
) {
|
||||||
Text("Выйти")
|
Text("Выйти")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Spacer(modifier = Modifier.height(16.dp))
|
||||||
|
|
||||||
|
Button(
|
||||||
|
onClick = onAddBooking,
|
||||||
|
modifier = Modifier
|
||||||
|
.fillMaxWidth()
|
||||||
|
.testTag(TestIds.Main.ADD_BUTTON)
|
||||||
|
) {
|
||||||
|
Text("Забронировать")
|
||||||
|
}
|
||||||
|
|
||||||
|
Spacer(modifier = Modifier.height(16.dp))
|
||||||
|
|
||||||
|
Text(
|
||||||
|
text = "Мои бронирования",
|
||||||
|
style = MaterialTheme.typography.titleLarge
|
||||||
|
)
|
||||||
|
|
||||||
|
Spacer(modifier = Modifier.height(8.dp))
|
||||||
|
|
||||||
|
if (state.bookings.isEmpty()) {
|
||||||
|
Box(
|
||||||
|
modifier = Modifier.fillMaxSize(),
|
||||||
|
contentAlignment = Alignment.Center
|
||||||
|
) {
|
||||||
|
Text(
|
||||||
|
text = "У вас пока нет бронирований",
|
||||||
|
style = MaterialTheme.typography.bodyMedium,
|
||||||
|
color = MaterialTheme.colorScheme.onSurfaceVariant
|
||||||
|
)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
LazyColumn(
|
||||||
|
modifier = Modifier.fillMaxSize(),
|
||||||
|
verticalArrangement = Arrangement.spacedBy(8.dp)
|
||||||
|
) {
|
||||||
|
itemsIndexed(state.bookings) { index, booking ->
|
||||||
|
BookingItem(
|
||||||
|
booking = booking,
|
||||||
|
index = index
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -3,7 +3,15 @@ package ru.myitschool.work.ui.main
|
|||||||
import ru.myitschool.work.domain.user.User
|
import ru.myitschool.work.domain.user.User
|
||||||
|
|
||||||
data class MainState(
|
data class MainState(
|
||||||
val user: User = User("", ""),
|
val user: User? = null,
|
||||||
|
val bookings: List<BookingDisplayItem> = emptyList(),
|
||||||
val isLoading: Boolean = false,
|
val isLoading: Boolean = false,
|
||||||
val error: String? = null
|
val error: String? = null
|
||||||
)
|
)
|
||||||
|
|
||||||
|
data class BookingDisplayItem(
|
||||||
|
val date: String, // dd.MM.yyyy
|
||||||
|
val place: String,
|
||||||
|
val originalDate: String
|
||||||
|
)
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
package ru.myitschool.work.ui.main
|
package ru.myitschool.work.ui.main
|
||||||
|
|
||||||
|
import android.util.Log
|
||||||
import androidx.lifecycle.ViewModel
|
import androidx.lifecycle.ViewModel
|
||||||
import androidx.lifecycle.viewModelScope
|
import androidx.lifecycle.viewModelScope
|
||||||
import kotlinx.coroutines.flow.MutableSharedFlow
|
import kotlinx.coroutines.flow.MutableSharedFlow
|
||||||
@@ -14,8 +15,9 @@ import ru.myitschool.work.data.repo.UserRepository
|
|||||||
import ru.myitschool.work.domain.MyResult
|
import ru.myitschool.work.domain.MyResult
|
||||||
import ru.myitschool.work.domain.auth.LogOutUseCase
|
import ru.myitschool.work.domain.auth.LogOutUseCase
|
||||||
import ru.myitschool.work.domain.user.GetUserUseCase
|
import ru.myitschool.work.domain.user.GetUserUseCase
|
||||||
import ru.myitschool.work.domain.user.User
|
|
||||||
import ru.myitschool.work.util.DataStoreManager
|
import ru.myitschool.work.util.DataStoreManager
|
||||||
|
import java.text.SimpleDateFormat
|
||||||
|
import java.util.Locale
|
||||||
|
|
||||||
class MainViewModel : ViewModel() {
|
class MainViewModel : ViewModel() {
|
||||||
private val logOutUseCase = LogOutUseCase(AuthRepository)
|
private val logOutUseCase = LogOutUseCase(AuthRepository)
|
||||||
@@ -33,12 +35,14 @@ class MainViewModel : ViewModel() {
|
|||||||
|
|
||||||
sealed class NavigationEvent {
|
sealed class NavigationEvent {
|
||||||
data object ToAuth : NavigationEvent()
|
data object ToAuth : NavigationEvent()
|
||||||
|
data object ToBooking : NavigationEvent()
|
||||||
}
|
}
|
||||||
|
|
||||||
fun onIntent(intent: MainIntent) {
|
fun onIntent(intent: MainIntent) {
|
||||||
when (intent) {
|
when (intent) {
|
||||||
MainIntent.LogOut -> logOut()
|
MainIntent.LogOut -> logOut()
|
||||||
MainIntent.Refresh -> loadUser()
|
MainIntent.Refresh -> loadUser()
|
||||||
|
MainIntent.AddBooking -> navigateToBooking()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -54,9 +58,11 @@ class MainViewModel : ViewModel() {
|
|||||||
|
|
||||||
when (val result = getUserUseCase(code)) {
|
when (val result = getUserUseCase(code)) {
|
||||||
is MyResult.Success -> {
|
is MyResult.Success -> {
|
||||||
|
val bookings = convertBookingsToDisplayItems(result.data.bookings)
|
||||||
_mainState.update {
|
_mainState.update {
|
||||||
it.copy(
|
it.copy(
|
||||||
user = result.data,
|
user = result.data,
|
||||||
|
bookings = bookings,
|
||||||
isLoading = false,
|
isLoading = false,
|
||||||
error = null
|
error = null
|
||||||
)
|
)
|
||||||
@@ -67,7 +73,9 @@ class MainViewModel : ViewModel() {
|
|||||||
_mainState.update {
|
_mainState.update {
|
||||||
it.copy(
|
it.copy(
|
||||||
isLoading = false,
|
isLoading = false,
|
||||||
error = result.error
|
error = result.error,
|
||||||
|
user = null,
|
||||||
|
bookings = emptyList()
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -75,10 +83,30 @@ class MainViewModel : ViewModel() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
private fun convertBookingsToDisplayItems(bookings: Map<String, String>): List<BookingDisplayItem> {
|
||||||
|
val dateFormat = SimpleDateFormat("dd.MM.yyyy", Locale.getDefault())
|
||||||
|
|
||||||
|
return bookings.map { (date, place) ->
|
||||||
|
BookingDisplayItem(
|
||||||
|
date = date,
|
||||||
|
place = place,
|
||||||
|
originalDate = date
|
||||||
|
)
|
||||||
|
}.sortedBy { item ->
|
||||||
|
try {
|
||||||
|
dateFormat.parse(item.originalDate)?.time ?: 0L
|
||||||
|
} catch (e: Exception) {
|
||||||
|
0L
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
private fun logOut() {
|
private fun logOut() {
|
||||||
viewModelScope.launch {
|
viewModelScope.launch {
|
||||||
when (logOutUseCase()) {
|
when (logOutUseCase()) {
|
||||||
is MyResult.Success -> {
|
is MyResult.Success -> {
|
||||||
|
_mainState.update { MainState() }
|
||||||
_navigationEvent.emit(NavigationEvent.ToAuth)
|
_navigationEvent.emit(NavigationEvent.ToAuth)
|
||||||
}
|
}
|
||||||
is MyResult.Error -> {
|
is MyResult.Error -> {
|
||||||
@@ -87,4 +115,10 @@ class MainViewModel : ViewModel() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private fun navigateToBooking() {
|
||||||
|
viewModelScope.launch {
|
||||||
|
_navigationEvent.emit(NavigationEvent.ToBooking)
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user