2022-10-21 18:31:29 +00:00
|
|
|
package dev.lonami.talaria.ui.screens
|
2022-10-11 18:10:31 +00:00
|
|
|
|
|
|
|
import androidx.compose.foundation.Image
|
2022-10-12 09:44:38 +00:00
|
|
|
import androidx.compose.foundation.clickable
|
2022-10-23 18:01:24 +00:00
|
|
|
import androidx.compose.foundation.layout.*
|
2022-10-11 18:10:31 +00:00
|
|
|
import androidx.compose.foundation.lazy.LazyColumn
|
2022-10-24 10:44:41 +00:00
|
|
|
import androidx.compose.material.Divider
|
2022-10-23 18:01:24 +00:00
|
|
|
import androidx.compose.material.Icon
|
2022-10-24 10:44:41 +00:00
|
|
|
import androidx.compose.material.Surface
|
2022-10-11 18:10:31 +00:00
|
|
|
import androidx.compose.material.Text
|
|
|
|
import androidx.compose.runtime.Composable
|
2022-10-11 18:58:40 +00:00
|
|
|
import androidx.compose.runtime.collectAsState
|
|
|
|
import androidx.compose.runtime.getValue
|
2022-10-23 18:01:24 +00:00
|
|
|
import androidx.compose.ui.Alignment
|
2022-10-11 18:10:31 +00:00
|
|
|
import androidx.compose.ui.Modifier
|
2022-10-23 18:01:24 +00:00
|
|
|
import androidx.compose.ui.layout.ContentScale
|
2022-10-11 18:10:31 +00:00
|
|
|
import androidx.compose.ui.res.painterResource
|
|
|
|
import androidx.compose.ui.res.stringResource
|
|
|
|
import androidx.compose.ui.text.font.FontWeight
|
2022-10-23 18:01:24 +00:00
|
|
|
import androidx.compose.ui.text.style.TextOverflow
|
2022-10-11 18:10:31 +00:00
|
|
|
import androidx.compose.ui.tooling.preview.Preview
|
|
|
|
import androidx.compose.ui.unit.dp
|
2022-10-11 18:58:40 +00:00
|
|
|
import androidx.lifecycle.viewmodel.compose.viewModel
|
2022-10-11 18:10:31 +00:00
|
|
|
import dev.lonami.talaria.R
|
2022-10-21 18:23:51 +00:00
|
|
|
import dev.lonami.talaria.data.MockDialogRepository
|
2022-10-21 18:27:19 +00:00
|
|
|
import dev.lonami.talaria.models.Dialog
|
2022-10-23 18:01:24 +00:00
|
|
|
import dev.lonami.talaria.models.MessageAck
|
2022-10-21 18:31:29 +00:00
|
|
|
import dev.lonami.talaria.ui.state.DialogViewModel
|
2022-10-11 18:10:31 +00:00
|
|
|
import dev.lonami.talaria.ui.theme.TalariaTheme
|
2022-10-23 18:01:24 +00:00
|
|
|
import java.time.format.DateTimeFormatter
|
|
|
|
import java.time.format.FormatStyle
|
2022-10-11 18:10:31 +00:00
|
|
|
|
|
|
|
@Composable
|
2022-10-24 12:15:20 +00:00
|
|
|
fun Dialog(dialog: Dialog, onDialogSelected: () -> Unit, modifier: Modifier = Modifier) {
|
2022-10-24 10:44:41 +00:00
|
|
|
Row(
|
2022-10-24 12:15:20 +00:00
|
|
|
modifier = modifier
|
2022-10-24 10:44:41 +00:00
|
|
|
.padding(4.dp)
|
2022-10-12 09:44:38 +00:00
|
|
|
.clickable(onClick = onDialogSelected)
|
2022-10-11 18:10:31 +00:00
|
|
|
) {
|
2022-10-24 10:44:41 +00:00
|
|
|
Image(
|
|
|
|
painter = painterResource(R.drawable.ic_launcher_foreground),
|
|
|
|
contentDescription = stringResource(R.string.profile_photo),
|
|
|
|
contentScale = ContentScale.Fit,
|
|
|
|
modifier = Modifier.height(48.dp),
|
|
|
|
)
|
|
|
|
Column(modifier = Modifier.weight(1.0f)) {
|
|
|
|
Text(
|
|
|
|
dialog.title,
|
|
|
|
fontWeight = FontWeight.SemiBold,
|
|
|
|
maxLines = 1,
|
|
|
|
overflow = TextOverflow.Ellipsis
|
2022-10-11 18:10:31 +00:00
|
|
|
)
|
2022-10-24 10:44:41 +00:00
|
|
|
if (dialog.lastMessage != null) {
|
2022-10-23 18:01:24 +00:00
|
|
|
Text(
|
2022-10-24 10:44:41 +00:00
|
|
|
stringResource(
|
|
|
|
R.string.message_preview,
|
|
|
|
dialog.lastMessage.sender,
|
|
|
|
dialog.lastMessage.text
|
|
|
|
),
|
2022-10-23 18:01:24 +00:00
|
|
|
maxLines = 1,
|
2022-10-24 10:44:41 +00:00
|
|
|
overflow = TextOverflow.Ellipsis,
|
2022-10-23 18:01:24 +00:00
|
|
|
)
|
|
|
|
}
|
2022-10-24 10:44:41 +00:00
|
|
|
}
|
|
|
|
Column {
|
|
|
|
if (dialog.lastMessage != null) {
|
|
|
|
Row {
|
|
|
|
when (dialog.lastMessage.ack) {
|
|
|
|
MessageAck.RECEIVED -> {}
|
|
|
|
MessageAck.SENT -> Icon(
|
|
|
|
painterResource(R.drawable.sent),
|
|
|
|
stringResource(R.string.sent)
|
|
|
|
)
|
|
|
|
MessageAck.SEEN -> Icon(
|
|
|
|
painterResource(R.drawable.seen),
|
|
|
|
stringResource(R.string.seen)
|
2022-10-23 18:01:24 +00:00
|
|
|
)
|
|
|
|
}
|
2022-10-24 10:44:41 +00:00
|
|
|
Spacer(Modifier.width(8.dp))
|
|
|
|
Text(
|
|
|
|
dialog.lastMessage.date.format(
|
|
|
|
DateTimeFormatter.ofLocalizedTime(
|
|
|
|
FormatStyle.SHORT
|
|
|
|
)
|
|
|
|
),
|
2022-10-23 18:01:24 +00:00
|
|
|
)
|
|
|
|
}
|
2022-10-11 18:10:31 +00:00
|
|
|
}
|
2022-10-24 10:44:41 +00:00
|
|
|
if (dialog.pinned) {
|
|
|
|
Icon(
|
|
|
|
painterResource(R.drawable.tack),
|
|
|
|
stringResource(R.string.pinned),
|
|
|
|
modifier = Modifier.align(Alignment.End)
|
|
|
|
)
|
|
|
|
}
|
2022-10-11 18:10:31 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@Composable
|
2022-10-24 12:15:20 +00:00
|
|
|
fun DialogList(
|
|
|
|
dialogs: List<Dialog>,
|
|
|
|
onDialogSelected: (String) -> Unit,
|
|
|
|
modifier: Modifier = Modifier,
|
|
|
|
) {
|
|
|
|
LazyColumn(modifier = modifier) {
|
2022-10-12 09:44:38 +00:00
|
|
|
items(dialogs.size) {
|
2022-10-24 10:44:41 +00:00
|
|
|
Dialog(dialogs[it], onDialogSelected = {
|
2022-10-23 18:25:45 +00:00
|
|
|
onDialogSelected(dialogs[it].id)
|
2022-10-12 09:44:38 +00:00
|
|
|
})
|
2022-10-24 10:44:41 +00:00
|
|
|
Divider(startIndent = 52.dp)
|
2022-10-12 09:44:38 +00:00
|
|
|
}
|
2022-10-11 18:10:31 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-10-11 18:58:40 +00:00
|
|
|
@Composable
|
2022-10-12 19:26:51 +00:00
|
|
|
fun DialogScreen(
|
|
|
|
onDialogSelected: (String) -> Unit,
|
2022-10-24 12:15:20 +00:00
|
|
|
modifier: Modifier = Modifier,
|
|
|
|
dialogViewModel: DialogViewModel = viewModel(),
|
2022-10-12 19:26:51 +00:00
|
|
|
) {
|
2022-10-11 18:58:40 +00:00
|
|
|
val dialogUiState by dialogViewModel.uiState.collectAsState()
|
2022-10-24 12:15:20 +00:00
|
|
|
Surface(modifier = modifier) {
|
2022-10-24 10:44:41 +00:00
|
|
|
DialogList(dialogUiState.dialogs, onDialogSelected = onDialogSelected)
|
|
|
|
}
|
2022-10-11 18:58:40 +00:00
|
|
|
}
|
|
|
|
|
2022-10-11 18:10:31 +00:00
|
|
|
@Preview
|
|
|
|
@Composable
|
|
|
|
fun DialogPreview() {
|
2022-10-21 18:23:51 +00:00
|
|
|
val viewModel = DialogViewModel(MockDialogRepository())
|
2022-10-11 18:10:31 +00:00
|
|
|
TalariaTheme {
|
2022-10-21 12:19:34 +00:00
|
|
|
DialogScreen(onDialogSelected = { }, dialogViewModel = viewModel)
|
2022-10-11 18:10:31 +00:00
|
|
|
}
|
|
|
|
}
|