kopia lustrzana https://github.com/vitorpamplona/amethyst
308 wiersze
13 KiB
Kotlin
308 wiersze
13 KiB
Kotlin
package com.vitorpamplona.amethyst.ui.actions
|
|
|
|
import android.widget.Toast
|
|
import androidx.compose.foundation.border
|
|
import androidx.compose.foundation.layout.*
|
|
import androidx.compose.foundation.lazy.LazyColumn
|
|
import androidx.compose.foundation.lazy.itemsIndexed
|
|
import androidx.compose.foundation.rememberScrollState
|
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
|
import androidx.compose.foundation.text.KeyboardOptions
|
|
import androidx.compose.foundation.verticalScroll
|
|
import androidx.compose.material.*
|
|
import androidx.compose.runtime.Composable
|
|
import androidx.compose.runtime.LaunchedEffect
|
|
import androidx.compose.runtime.remember
|
|
import androidx.compose.ui.Alignment
|
|
import androidx.compose.ui.ExperimentalComposeUiApi
|
|
import androidx.compose.ui.Modifier
|
|
import androidx.compose.ui.draw.clip
|
|
import androidx.compose.ui.focus.FocusRequester
|
|
import androidx.compose.ui.focus.focusRequester
|
|
import androidx.compose.ui.focus.onFocusChanged
|
|
import androidx.compose.ui.graphics.Color
|
|
import androidx.compose.ui.layout.ContentScale
|
|
import androidx.compose.ui.platform.LocalContext
|
|
import androidx.compose.ui.platform.LocalSoftwareKeyboardController
|
|
import androidx.compose.ui.res.painterResource
|
|
import androidx.compose.ui.res.stringResource
|
|
import androidx.compose.ui.text.input.KeyboardCapitalization
|
|
import androidx.compose.ui.text.style.TextDirection
|
|
import androidx.compose.ui.unit.dp
|
|
import androidx.compose.ui.window.Dialog
|
|
import androidx.compose.ui.window.DialogProperties
|
|
import androidx.lifecycle.viewmodel.compose.viewModel
|
|
import coil.compose.AsyncImage
|
|
import com.vitorpamplona.amethyst.R
|
|
import com.vitorpamplona.amethyst.model.Account
|
|
import com.vitorpamplona.amethyst.model.Note
|
|
import com.vitorpamplona.amethyst.service.model.TextNoteEvent
|
|
import com.vitorpamplona.amethyst.ui.components.*
|
|
import com.vitorpamplona.amethyst.ui.navigation.UploadFromGallery
|
|
import com.vitorpamplona.amethyst.ui.note.ReplyInformation
|
|
import com.vitorpamplona.amethyst.ui.screen.loggedIn.UserLine
|
|
import kotlinx.coroutines.delay
|
|
|
|
@OptIn(ExperimentalComposeUiApi::class)
|
|
@Composable
|
|
fun NewPostView(onClose: () -> Unit, baseReplyTo: Note? = null, quote: Note? = null, account: Account) {
|
|
val postViewModel: NewPostViewModel = viewModel()
|
|
|
|
val context = LocalContext.current
|
|
|
|
// initialize focus reference to be able to request focus programmatically
|
|
val focusRequester = remember { FocusRequester() }
|
|
val keyboardController = LocalSoftwareKeyboardController.current
|
|
|
|
val scroolState = rememberScrollState()
|
|
|
|
LaunchedEffect(Unit) {
|
|
postViewModel.load(account, baseReplyTo, quote)
|
|
delay(100)
|
|
focusRequester.requestFocus()
|
|
|
|
postViewModel.imageUploadingError.collect { error ->
|
|
Toast.makeText(context, error, Toast.LENGTH_SHORT).show()
|
|
}
|
|
}
|
|
|
|
Dialog(
|
|
onDismissRequest = { onClose() },
|
|
properties = DialogProperties(
|
|
usePlatformDefaultWidth = false,
|
|
dismissOnClickOutside = false,
|
|
decorFitsSystemWindows = false
|
|
)
|
|
) {
|
|
Surface(modifier = Modifier.fillMaxWidth().fillMaxHeight()) {
|
|
Column(modifier = Modifier.fillMaxWidth().fillMaxHeight()) {
|
|
Column(modifier = Modifier.padding(10.dp).imePadding().weight(1f)) {
|
|
Row(
|
|
modifier = Modifier.fillMaxWidth(),
|
|
horizontalArrangement = Arrangement.SpaceBetween,
|
|
verticalAlignment = Alignment.CenterVertically
|
|
) {
|
|
CloseButton(onCancel = {
|
|
postViewModel.cancel()
|
|
onClose()
|
|
})
|
|
|
|
UploadFromGallery(
|
|
isUploading = postViewModel.isUploadingImage
|
|
) {
|
|
postViewModel.upload(it, context)
|
|
}
|
|
|
|
PostButton(
|
|
onPost = {
|
|
postViewModel.sendPost()
|
|
onClose()
|
|
},
|
|
isActive = postViewModel.message.text.isNotBlank() &&
|
|
!postViewModel.isUploadingImage
|
|
)
|
|
}
|
|
|
|
Row(
|
|
modifier = Modifier.fillMaxWidth().weight(1f)
|
|
) {
|
|
Column(modifier = Modifier.fillMaxWidth().verticalScroll(scroolState)) {
|
|
if (postViewModel.replyTos != null && baseReplyTo?.event is TextNoteEvent) {
|
|
ReplyInformation(postViewModel.replyTos, postViewModel.mentions, account, "✖ ") {
|
|
postViewModel.removeFromReplyList(it)
|
|
}
|
|
}
|
|
|
|
OutlinedTextField(
|
|
value = postViewModel.message,
|
|
onValueChange = {
|
|
postViewModel.updateMessage(it)
|
|
},
|
|
keyboardOptions = KeyboardOptions.Default.copy(
|
|
capitalization = KeyboardCapitalization.Sentences
|
|
),
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.border(
|
|
width = 1.dp,
|
|
color = MaterialTheme.colors.surface,
|
|
shape = RoundedCornerShape(8.dp)
|
|
)
|
|
.focusRequester(focusRequester)
|
|
.onFocusChanged {
|
|
if (it.isFocused) {
|
|
keyboardController?.show()
|
|
}
|
|
},
|
|
placeholder = {
|
|
Text(
|
|
text = stringResource(R.string.what_s_on_your_mind),
|
|
color = MaterialTheme.colors.onSurface.copy(alpha = 0.32f)
|
|
)
|
|
},
|
|
colors = TextFieldDefaults
|
|
.outlinedTextFieldColors(
|
|
unfocusedBorderColor = Color.Transparent,
|
|
focusedBorderColor = Color.Transparent
|
|
),
|
|
visualTransformation = UrlUserTagTransformation(MaterialTheme.colors.primary),
|
|
textStyle = LocalTextStyle.current.copy(textDirection = TextDirection.Content)
|
|
)
|
|
|
|
val myUrlPreview = postViewModel.urlPreview
|
|
if (myUrlPreview != null) {
|
|
Row(modifier = Modifier.padding(top = 5.dp)) {
|
|
if (isValidURL(myUrlPreview)) {
|
|
val removedParamsFromUrl =
|
|
myUrlPreview.split("?")[0].lowercase()
|
|
if (imageExtension.matcher(removedParamsFromUrl).matches()) {
|
|
AsyncImage(
|
|
model = myUrlPreview,
|
|
contentDescription = myUrlPreview,
|
|
contentScale = ContentScale.FillWidth,
|
|
modifier = Modifier
|
|
.padding(top = 4.dp)
|
|
.fillMaxWidth()
|
|
.clip(shape = RoundedCornerShape(15.dp))
|
|
.border(
|
|
1.dp,
|
|
MaterialTheme.colors.onSurface.copy(alpha = 0.12f),
|
|
RoundedCornerShape(15.dp)
|
|
)
|
|
)
|
|
} else if (videoExtension.matcher(removedParamsFromUrl)
|
|
.matches()
|
|
) {
|
|
VideoView(myUrlPreview)
|
|
} else {
|
|
UrlPreview(myUrlPreview, myUrlPreview)
|
|
}
|
|
} else if (noProtocolUrlValidator.matcher(myUrlPreview).matches()) {
|
|
UrlPreview("https://$myUrlPreview", myUrlPreview)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
val userSuggestions = postViewModel.userSuggestions
|
|
if (userSuggestions.isNotEmpty()) {
|
|
LazyColumn(
|
|
contentPadding = PaddingValues(
|
|
top = 10.dp
|
|
),
|
|
modifier = Modifier.heightIn(0.dp, 300.dp)
|
|
) {
|
|
itemsIndexed(
|
|
userSuggestions,
|
|
key = { _, item -> item.pubkeyHex }
|
|
) { index, item ->
|
|
UserLine(item, account) {
|
|
postViewModel.autocompleteWithUser(item)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun CloseButton(onCancel: () -> Unit) {
|
|
Button(
|
|
onClick = {
|
|
onCancel()
|
|
},
|
|
shape = RoundedCornerShape(20.dp),
|
|
colors = ButtonDefaults
|
|
.buttonColors(
|
|
backgroundColor = Color.Gray
|
|
)
|
|
) {
|
|
Text(text = stringResource(R.string.cancel), color = Color.White)
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun PostButton(onPost: () -> Unit = {}, isActive: Boolean, modifier: Modifier = Modifier) {
|
|
Button(
|
|
modifier = modifier,
|
|
onClick = {
|
|
if (isActive) {
|
|
onPost()
|
|
}
|
|
},
|
|
shape = RoundedCornerShape(20.dp),
|
|
colors = ButtonDefaults
|
|
.buttonColors(
|
|
backgroundColor = if (isActive) MaterialTheme.colors.primary else Color.Gray
|
|
)
|
|
) {
|
|
Text(text = stringResource(R.string.post), color = Color.White)
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun SaveButton(onPost: () -> Unit = {}, isActive: Boolean, modifier: Modifier = Modifier) {
|
|
Button(
|
|
modifier = modifier,
|
|
onClick = {
|
|
if (isActive) {
|
|
onPost()
|
|
}
|
|
},
|
|
shape = RoundedCornerShape(20.dp),
|
|
colors = ButtonDefaults
|
|
.buttonColors(
|
|
backgroundColor = if (isActive) MaterialTheme.colors.primary else Color.Gray
|
|
)
|
|
) {
|
|
Text(text = stringResource(R.string.save), color = Color.White)
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun CreateButton(onPost: () -> Unit = {}, isActive: Boolean, modifier: Modifier = Modifier) {
|
|
Button(
|
|
modifier = modifier,
|
|
onClick = {
|
|
if (isActive) {
|
|
onPost()
|
|
}
|
|
},
|
|
shape = RoundedCornerShape(20.dp),
|
|
colors = ButtonDefaults
|
|
.buttonColors(
|
|
backgroundColor = if (isActive) MaterialTheme.colors.primary else Color.Gray
|
|
)
|
|
) {
|
|
Text(text = stringResource(R.string.create), color = Color.White)
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun SearchButton(onPost: () -> Unit = {}, isActive: Boolean, modifier: Modifier = Modifier) {
|
|
Button(
|
|
modifier = modifier,
|
|
onClick = {
|
|
if (isActive) {
|
|
onPost()
|
|
}
|
|
},
|
|
shape = RoundedCornerShape(20.dp),
|
|
colors = ButtonDefaults
|
|
.buttonColors(
|
|
backgroundColor = if (isActive) MaterialTheme.colors.primary else Color.Gray
|
|
)
|
|
) {
|
|
Icon(
|
|
painter = painterResource(R.drawable.ic_search),
|
|
null,
|
|
modifier = Modifier.size(26.dp),
|
|
tint = Color.White
|
|
)
|
|
}
|
|
}
|