kopia lustrzana https://github.com/vitorpamplona/amethyst
1175 wiersze
46 KiB
Kotlin
1175 wiersze
46 KiB
Kotlin
package com.vitorpamplona.amethyst.ui.note
|
|
|
|
import android.content.Intent
|
|
import android.graphics.Bitmap
|
|
import android.util.Log
|
|
import androidx.compose.foundation.*
|
|
import androidx.compose.foundation.layout.*
|
|
import androidx.compose.foundation.lazy.grid.GridCells
|
|
import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
|
|
import androidx.compose.foundation.shape.CircleShape
|
|
import androidx.compose.foundation.shape.CutCornerShape
|
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
|
import androidx.compose.foundation.text.ClickableText
|
|
import androidx.compose.material.*
|
|
import androidx.compose.material.icons.Icons
|
|
import androidx.compose.material.icons.filled.Bolt
|
|
import androidx.compose.material.icons.filled.ExpandMore
|
|
import androidx.compose.material.icons.filled.MoreVert
|
|
import androidx.compose.runtime.*
|
|
import androidx.compose.runtime.livedata.observeAsState
|
|
import androidx.compose.ui.Alignment
|
|
import androidx.compose.ui.Modifier
|
|
import androidx.compose.ui.draw.clip
|
|
import androidx.compose.ui.graphics.Color
|
|
import androidx.compose.ui.graphics.ColorFilter
|
|
import androidx.compose.ui.graphics.ColorMatrix
|
|
import androidx.compose.ui.graphics.compositeOver
|
|
import androidx.compose.ui.graphics.luminance
|
|
import androidx.compose.ui.layout.ContentScale
|
|
import androidx.compose.ui.platform.LocalClipboardManager
|
|
import androidx.compose.ui.platform.LocalContext
|
|
import androidx.compose.ui.platform.LocalUriHandler
|
|
import androidx.compose.ui.res.painterResource
|
|
import androidx.compose.ui.res.stringResource
|
|
import androidx.compose.ui.text.AnnotatedString
|
|
import androidx.compose.ui.text.font.FontWeight
|
|
import androidx.compose.ui.text.style.TextAlign
|
|
import androidx.compose.ui.text.style.TextOverflow
|
|
import androidx.compose.ui.unit.Dp
|
|
import androidx.compose.ui.unit.dp
|
|
import androidx.compose.ui.unit.sp
|
|
import androidx.core.content.ContextCompat
|
|
import androidx.core.graphics.drawable.toBitmap
|
|
import androidx.core.graphics.get
|
|
import androidx.navigation.NavController
|
|
import coil.compose.AsyncImage
|
|
import com.google.accompanist.flowlayout.FlowRow
|
|
import com.vitorpamplona.amethyst.NotificationCache
|
|
import com.vitorpamplona.amethyst.R
|
|
import com.vitorpamplona.amethyst.model.Account
|
|
import com.vitorpamplona.amethyst.model.LocalCache
|
|
import com.vitorpamplona.amethyst.model.Note
|
|
import com.vitorpamplona.amethyst.model.User
|
|
import com.vitorpamplona.amethyst.service.model.BadgeAwardEvent
|
|
import com.vitorpamplona.amethyst.service.model.BadgeDefinitionEvent
|
|
import com.vitorpamplona.amethyst.service.model.ChannelCreateEvent
|
|
import com.vitorpamplona.amethyst.service.model.ChannelMessageEvent
|
|
import com.vitorpamplona.amethyst.service.model.ChannelMetadataEvent
|
|
import com.vitorpamplona.amethyst.service.model.EventInterface
|
|
import com.vitorpamplona.amethyst.service.model.LongTextNoteEvent
|
|
import com.vitorpamplona.amethyst.service.model.PrivateDmEvent
|
|
import com.vitorpamplona.amethyst.service.model.ReactionEvent
|
|
import com.vitorpamplona.amethyst.service.model.ReportEvent
|
|
import com.vitorpamplona.amethyst.service.model.RepostEvent
|
|
import com.vitorpamplona.amethyst.service.model.TextNoteEvent
|
|
import com.vitorpamplona.amethyst.service.model.*
|
|
import com.vitorpamplona.amethyst.ui.components.*
|
|
import com.vitorpamplona.amethyst.ui.screen.loggedIn.AccountViewModel
|
|
import com.vitorpamplona.amethyst.ui.screen.loggedIn.ChannelHeader
|
|
import com.vitorpamplona.amethyst.ui.screen.loggedIn.ReportNoteDialog
|
|
import com.vitorpamplona.amethyst.ui.theme.BitcoinOrange
|
|
import com.vitorpamplona.amethyst.ui.theme.Following
|
|
import kotlinx.coroutines.Dispatchers
|
|
import kotlinx.coroutines.withContext
|
|
import java.math.BigDecimal
|
|
import kotlin.math.ceil
|
|
import kotlin.time.ExperimentalTime
|
|
import kotlin.time.measureTimedValue
|
|
|
|
@OptIn(ExperimentalFoundationApi::class, ExperimentalTime::class)
|
|
@Composable
|
|
fun NoteCompose(
|
|
baseNote: Note,
|
|
routeForLastRead: String? = null,
|
|
modifier: Modifier = Modifier,
|
|
isBoostedNote: Boolean = false,
|
|
isQuotedNote: Boolean = false,
|
|
unPackReply: Boolean = true,
|
|
makeItShort: Boolean = false,
|
|
addMarginTop: Boolean = true,
|
|
parentBackgroundColor: Color? = null,
|
|
accountViewModel: AccountViewModel,
|
|
navController: NavController
|
|
) {
|
|
val (value, elapsed) = measureTimedValue {
|
|
NoteComposeInner(
|
|
baseNote,
|
|
routeForLastRead,
|
|
modifier,
|
|
isBoostedNote,
|
|
isQuotedNote,
|
|
unPackReply,
|
|
makeItShort,
|
|
addMarginTop,
|
|
parentBackgroundColor,
|
|
accountViewModel,
|
|
navController
|
|
)
|
|
}
|
|
|
|
Log.d("Time", "Note Compose in $elapsed for ${baseNote.event?.content()?.split("\n")?.get(0)?.take(100)}")
|
|
}
|
|
|
|
@OptIn(ExperimentalFoundationApi::class)
|
|
@Composable
|
|
fun NoteComposeInner(
|
|
baseNote: Note,
|
|
routeForLastRead: String? = null,
|
|
modifier: Modifier = Modifier,
|
|
isBoostedNote: Boolean = false,
|
|
isQuotedNote: Boolean = false,
|
|
unPackReply: Boolean = true,
|
|
makeItShort: Boolean = false,
|
|
addMarginTop: Boolean = true,
|
|
parentBackgroundColor: Color? = null,
|
|
accountViewModel: AccountViewModel,
|
|
navController: NavController
|
|
) {
|
|
val accountState by accountViewModel.accountLiveData.observeAsState()
|
|
val account = accountState?.account ?: return
|
|
|
|
val noteState by baseNote.live().metadata.observeAsState()
|
|
val note = noteState?.note
|
|
|
|
val noteReportsState by baseNote.live().reports.observeAsState()
|
|
val noteForReports = noteReportsState?.note ?: return
|
|
|
|
var popupExpanded by remember { mutableStateOf(false) }
|
|
var showHiddenNote by remember { mutableStateOf(false) }
|
|
|
|
val context = LocalContext.current.applicationContext
|
|
|
|
var moreActionsExpanded by remember { mutableStateOf(false) }
|
|
|
|
val noteEvent = note?.event
|
|
val baseChannel = note?.channel()
|
|
|
|
if (noteEvent == null) {
|
|
BlankNote(
|
|
modifier.combinedClickable(
|
|
onClick = { },
|
|
onLongClick = { popupExpanded = true }
|
|
),
|
|
isBoostedNote
|
|
)
|
|
} else if (!account.isAcceptable(noteForReports) && !showHiddenNote) {
|
|
if (!account.isHidden(noteForReports.author!!)) {
|
|
HiddenNote(
|
|
account.getRelevantReports(noteForReports),
|
|
account.userProfile(),
|
|
modifier,
|
|
isBoostedNote,
|
|
navController,
|
|
onClick = { showHiddenNote = true }
|
|
)
|
|
}
|
|
} else if ((noteEvent is ChannelCreateEvent || noteEvent is ChannelMetadataEvent) && baseChannel != null) {
|
|
ChannelHeader(baseChannel = baseChannel, account = account, navController = navController)
|
|
} else if (noteEvent is BadgeDefinitionEvent) {
|
|
BadgeDisplay(baseNote = note)
|
|
} else {
|
|
var isNew by remember { mutableStateOf<Boolean>(false) }
|
|
|
|
LaunchedEffect(key1 = routeForLastRead) {
|
|
withContext(Dispatchers.IO) {
|
|
routeForLastRead?.let {
|
|
val lastTime = NotificationCache.load(it)
|
|
|
|
val createdAt = note.createdAt()
|
|
if (createdAt != null) {
|
|
NotificationCache.markAsRead(it, createdAt)
|
|
isNew = createdAt > lastTime
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
val backgroundColor = if (isNew) {
|
|
val newColor = MaterialTheme.colors.primary.copy(0.12f)
|
|
if (parentBackgroundColor != null) {
|
|
newColor.compositeOver(parentBackgroundColor)
|
|
} else {
|
|
newColor.compositeOver(MaterialTheme.colors.background)
|
|
}
|
|
} else {
|
|
parentBackgroundColor ?: MaterialTheme.colors.background
|
|
}
|
|
|
|
Column(
|
|
modifier = modifier
|
|
.combinedClickable(
|
|
onClick = {
|
|
if (noteEvent is ChannelMessageEvent) {
|
|
baseChannel?.let {
|
|
navController.navigate("Channel/${it.idHex}")
|
|
}
|
|
} else if (noteEvent is PrivateDmEvent) {
|
|
navController.navigate("Room/${note.author?.pubkeyHex}")
|
|
} else {
|
|
navController.navigate("Note/${note.idHex}")
|
|
}
|
|
},
|
|
onLongClick = { popupExpanded = true }
|
|
)
|
|
.background(backgroundColor)
|
|
) {
|
|
Row(
|
|
modifier = Modifier
|
|
.padding(
|
|
start = if (!isBoostedNote) 12.dp else 0.dp,
|
|
end = if (!isBoostedNote) 12.dp else 0.dp,
|
|
top = if (addMarginTop) 10.dp else 0.dp
|
|
)
|
|
) {
|
|
if (!isBoostedNote && !isQuotedNote) {
|
|
Column(Modifier.width(55.dp)) {
|
|
// Draws the boosted picture outside the boosted card.
|
|
Box(
|
|
modifier = Modifier
|
|
.width(55.dp)
|
|
.padding(0.dp)
|
|
) {
|
|
NoteAuthorPicture(note, navController, account.userProfile(), 55.dp)
|
|
|
|
if (noteEvent is RepostEvent) {
|
|
note.replyTo?.lastOrNull()?.let {
|
|
Box(
|
|
Modifier
|
|
.width(30.dp)
|
|
.height(30.dp)
|
|
.align(Alignment.BottomEnd)
|
|
) {
|
|
NoteAuthorPicture(
|
|
it,
|
|
navController,
|
|
account.userProfile(),
|
|
35.dp,
|
|
pictureModifier = Modifier.border(2.dp, MaterialTheme.colors.background, CircleShape)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
// boosted picture
|
|
if (noteEvent is ChannelMessageEvent && baseChannel != null) {
|
|
val channelState by baseChannel.live.observeAsState()
|
|
val channel = channelState?.channel
|
|
|
|
if (channel != null) {
|
|
Box(
|
|
Modifier
|
|
.width(30.dp)
|
|
.height(30.dp)
|
|
.align(Alignment.BottomEnd)
|
|
) {
|
|
RobohashAsyncImageProxy(
|
|
robot = channel.idHex,
|
|
model = ResizeImage(channel.profilePicture(), 30.dp),
|
|
contentDescription = stringResource(R.string.group_picture),
|
|
modifier = Modifier
|
|
.width(30.dp)
|
|
.height(30.dp)
|
|
.clip(shape = CircleShape)
|
|
.background(MaterialTheme.colors.background)
|
|
.border(
|
|
2.dp,
|
|
MaterialTheme.colors.background,
|
|
CircleShape
|
|
)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (noteEvent is RepostEvent) {
|
|
note.replyTo?.lastOrNull()?.let {
|
|
RelayBadges(it)
|
|
}
|
|
} else {
|
|
RelayBadges(baseNote)
|
|
}
|
|
}
|
|
}
|
|
|
|
Column(
|
|
modifier = Modifier.padding(start = if (!isBoostedNote && !isQuotedNote) 10.dp else 0.dp)
|
|
) {
|
|
Row(verticalAlignment = Alignment.CenterVertically) {
|
|
if (isQuotedNote) {
|
|
NoteAuthorPicture(note, navController, account.userProfile(), 25.dp)
|
|
Spacer(Modifier.padding(horizontal = 5.dp))
|
|
NoteUsernameDisplay(note, Modifier.weight(1f))
|
|
} else {
|
|
NoteUsernameDisplay(note, Modifier.weight(1f))
|
|
}
|
|
|
|
if (noteEvent is RepostEvent) {
|
|
Text(
|
|
" ${stringResource(id = R.string.boosted)}",
|
|
fontWeight = FontWeight.Bold,
|
|
color = MaterialTheme.colors.onSurface.copy(alpha = 0.32f)
|
|
)
|
|
} else {
|
|
DisplayFollowingHashtagsInPost(noteEvent, account, navController)
|
|
}
|
|
|
|
Text(
|
|
timeAgo(note.createdAt(), context = context),
|
|
color = MaterialTheme.colors.onSurface.copy(alpha = 0.32f),
|
|
maxLines = 1
|
|
)
|
|
|
|
IconButton(
|
|
modifier = Modifier.then(Modifier.size(24.dp)),
|
|
onClick = { moreActionsExpanded = true }
|
|
) {
|
|
Icon(
|
|
imageVector = Icons.Default.MoreVert,
|
|
null,
|
|
modifier = Modifier.size(15.dp),
|
|
tint = MaterialTheme.colors.onSurface.copy(alpha = 0.32f)
|
|
)
|
|
|
|
NoteDropDownMenu(baseNote, moreActionsExpanded, { moreActionsExpanded = false }, accountViewModel)
|
|
}
|
|
}
|
|
|
|
if (note.author != null && !makeItShort && !isQuotedNote) {
|
|
Row(verticalAlignment = Alignment.CenterVertically) {
|
|
ObserveDisplayNip05Status(note.author!!, Modifier.weight(1f))
|
|
|
|
val baseReward = noteEvent.getReward()
|
|
if (baseReward != null) {
|
|
DisplayReward(baseReward, baseNote, account, navController)
|
|
}
|
|
|
|
val pow = noteEvent.getPoWRank()
|
|
if (pow > 1) {
|
|
DisplayPoW(pow)
|
|
}
|
|
}
|
|
}
|
|
|
|
Spacer(modifier = Modifier.height(3.dp))
|
|
|
|
if (!makeItShort && noteEvent is TextNoteEvent && (note.replyTo != null || noteEvent.mentions().isNotEmpty())) {
|
|
val sortedMentions = noteEvent.mentions()
|
|
.mapNotNull { LocalCache.checkGetOrCreateUser(it) }
|
|
.toSet()
|
|
.sortedBy { account.userProfile().isFollowingCached(it) }
|
|
|
|
val replyingDirectlyTo = note.replyTo?.lastOrNull()
|
|
if (replyingDirectlyTo != null && unPackReply) {
|
|
NoteCompose(
|
|
baseNote = replyingDirectlyTo,
|
|
isQuotedNote = true,
|
|
modifier = Modifier
|
|
.padding(0.dp)
|
|
.fillMaxWidth()
|
|
.clip(shape = RoundedCornerShape(15.dp))
|
|
.border(
|
|
1.dp,
|
|
MaterialTheme.colors.onSurface.copy(alpha = 0.12f),
|
|
RoundedCornerShape(15.dp)
|
|
),
|
|
unPackReply = false,
|
|
makeItShort = true,
|
|
parentBackgroundColor = MaterialTheme.colors.onSurface.copy(alpha = 0.05f).compositeOver(backgroundColor),
|
|
accountViewModel = accountViewModel,
|
|
navController = navController
|
|
)
|
|
} else {
|
|
ReplyInformation(note.replyTo, sortedMentions, account, navController)
|
|
}
|
|
} else if (!makeItShort && noteEvent is ChannelMessageEvent && (note.replyTo != null || noteEvent.mentions() != null)) {
|
|
val sortedMentions = noteEvent.mentions()
|
|
.mapNotNull { LocalCache.checkGetOrCreateUser(it) }
|
|
.toSet()
|
|
.sortedBy { account.userProfile().isFollowingCached(it) }
|
|
|
|
note.channel()?.let {
|
|
ReplyInformationChannel(note.replyTo, sortedMentions, it, navController)
|
|
}
|
|
}
|
|
|
|
if (noteEvent is ReactionEvent || noteEvent is RepostEvent) {
|
|
note.replyTo?.lastOrNull()?.let {
|
|
NoteCompose(
|
|
it,
|
|
modifier = Modifier,
|
|
isBoostedNote = true,
|
|
unPackReply = false,
|
|
parentBackgroundColor = backgroundColor,
|
|
accountViewModel = accountViewModel,
|
|
navController = navController
|
|
)
|
|
}
|
|
|
|
// Reposts have trash in their contents.
|
|
if (noteEvent is ReactionEvent) {
|
|
val refactorReactionText =
|
|
if (noteEvent.content == "+") "❤" else noteEvent.content
|
|
|
|
Text(
|
|
text = refactorReactionText
|
|
)
|
|
}
|
|
} else if (noteEvent is ReportEvent) {
|
|
val reportType = (noteEvent.reportedPost() + noteEvent.reportedAuthor()).map {
|
|
when (it.reportType) {
|
|
ReportEvent.ReportType.EXPLICIT -> stringResource(R.string.explicit_content)
|
|
ReportEvent.ReportType.NUDITY -> stringResource(R.string.nudity)
|
|
ReportEvent.ReportType.PROFANITY -> stringResource(R.string.profanity_hateful_speech)
|
|
ReportEvent.ReportType.SPAM -> stringResource(R.string.spam)
|
|
ReportEvent.ReportType.IMPERSONATION -> stringResource(R.string.impersonation)
|
|
ReportEvent.ReportType.ILLEGAL -> stringResource(R.string.illegal_behavior)
|
|
}
|
|
}.toSet().joinToString(", ")
|
|
|
|
Text(
|
|
text = reportType
|
|
)
|
|
|
|
Divider(
|
|
modifier = Modifier.padding(top = 40.dp),
|
|
thickness = 0.25.dp
|
|
)
|
|
} else if (noteEvent is LongTextNoteEvent) {
|
|
LongFormHeader(noteEvent, note, account.userProfile())
|
|
|
|
ReactionsRow(note, accountViewModel)
|
|
|
|
Divider(
|
|
modifier = Modifier.padding(top = 10.dp),
|
|
thickness = 0.25.dp
|
|
)
|
|
} else if (noteEvent is BadgeAwardEvent && !note.replyTo.isNullOrEmpty()) {
|
|
Text(text = stringResource(R.string.award_granted_to))
|
|
|
|
FlowRow(modifier = Modifier.padding(top = 5.dp)) {
|
|
noteEvent.awardees()
|
|
.map { LocalCache.getOrCreateUser(it) }
|
|
.forEach {
|
|
UserPicture(
|
|
user = it,
|
|
navController = navController,
|
|
userAccount = account.userProfile(),
|
|
size = 35.dp
|
|
)
|
|
}
|
|
}
|
|
|
|
note.replyTo?.firstOrNull()?.let {
|
|
NoteCompose(
|
|
it,
|
|
modifier = Modifier,
|
|
isBoostedNote = false,
|
|
isQuotedNote = true,
|
|
unPackReply = false,
|
|
parentBackgroundColor = backgroundColor,
|
|
accountViewModel = accountViewModel,
|
|
navController = navController
|
|
)
|
|
}
|
|
|
|
ReactionsRow(note, accountViewModel)
|
|
|
|
Divider(
|
|
modifier = Modifier.padding(top = 10.dp),
|
|
thickness = 0.25.dp
|
|
)
|
|
} else if (noteEvent is PrivateDmEvent &&
|
|
noteEvent.recipientPubKey() != account.userProfile().pubkeyHex &&
|
|
note.author != account.userProfile()
|
|
) {
|
|
val recepient = noteEvent.recipientPubKey()?.let { LocalCache.checkGetOrCreateUser(it) }
|
|
|
|
TranslatableRichTextViewer(
|
|
stringResource(
|
|
id = R.string.private_conversation_notification,
|
|
"@${note.author?.pubkeyNpub()}",
|
|
"@${recepient?.pubkeyNpub()}"
|
|
),
|
|
canPreview = !makeItShort,
|
|
Modifier.fillMaxWidth(),
|
|
noteEvent.tags(),
|
|
backgroundColor,
|
|
accountViewModel,
|
|
navController
|
|
)
|
|
|
|
if (!makeItShort) {
|
|
ReactionsRow(note, accountViewModel)
|
|
}
|
|
|
|
Divider(
|
|
modifier = Modifier.padding(top = 10.dp),
|
|
thickness = 0.25.dp
|
|
)
|
|
} else {
|
|
val eventContent = accountViewModel.decrypt(note)
|
|
|
|
val canPreview = note.author == account.userProfile() ||
|
|
(note.author?.let { account.userProfile().isFollowingCached(it) } ?: true) ||
|
|
!noteForReports.hasAnyReports()
|
|
|
|
if (eventContent != null) {
|
|
if (makeItShort && note.author == account.userProfile()) {
|
|
Text(
|
|
text = eventContent,
|
|
color = MaterialTheme.colors.onSurface.copy(alpha = 0.32f),
|
|
maxLines = 2,
|
|
overflow = TextOverflow.Ellipsis
|
|
)
|
|
} else {
|
|
TranslatableRichTextViewer(
|
|
eventContent,
|
|
canPreview = canPreview && !makeItShort,
|
|
Modifier.fillMaxWidth(),
|
|
noteEvent.tags(),
|
|
backgroundColor,
|
|
accountViewModel,
|
|
navController
|
|
)
|
|
|
|
DisplayUncitedHashtags(noteEvent, eventContent, navController)
|
|
}
|
|
/*
|
|
TranslateableRichTextViewer(
|
|
eventContent,
|
|
canPreview = canPreview && !makeItShort,
|
|
Modifier.fillMaxWidth(),
|
|
noteEvent.tags(),
|
|
backgroundColor,
|
|
accountViewModel,
|
|
navController
|
|
)
|
|
*/
|
|
|
|
if (noteEvent is PollNoteEvent) {
|
|
PollNote(
|
|
note,
|
|
canPreview = canPreview && !makeItShort,
|
|
backgroundColor,
|
|
accountViewModel,
|
|
navController
|
|
)
|
|
}
|
|
}
|
|
|
|
if (!makeItShort) {
|
|
ReactionsRow(note, accountViewModel)
|
|
}
|
|
|
|
Divider(
|
|
modifier = Modifier.padding(top = 10.dp),
|
|
thickness = 0.25.dp
|
|
)
|
|
}
|
|
|
|
NoteQuickActionMenu(note, popupExpanded, { popupExpanded = false }, accountViewModel)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun DisplayFollowingHashtagsInPost(
|
|
noteEvent: EventInterface,
|
|
account: Account,
|
|
navController: NavController
|
|
) {
|
|
Column() {
|
|
Row(verticalAlignment = Alignment.CenterVertically) {
|
|
val firstTag =
|
|
noteEvent.firstIsTaggedHashes(account.followingTagSet())
|
|
if (firstTag != null) {
|
|
ClickableText(
|
|
text = AnnotatedString(" #$firstTag"),
|
|
onClick = { navController.navigate("Hashtag/$firstTag") },
|
|
style = LocalTextStyle.current.copy(
|
|
color = MaterialTheme.colors.primary.copy(
|
|
alpha = 0.52f
|
|
)
|
|
)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun DisplayUncitedHashtags(
|
|
noteEvent: EventInterface,
|
|
eventContent: String,
|
|
navController: NavController
|
|
) {
|
|
val hashtags = noteEvent.hashtags()
|
|
if (hashtags.isNotEmpty()) {
|
|
FlowRow(
|
|
modifier = Modifier.padding(top = 5.dp)
|
|
) {
|
|
hashtags.forEach { hashtag ->
|
|
if (!eventContent.contains(hashtag, true)) {
|
|
ClickableText(
|
|
text = AnnotatedString("#$hashtag "),
|
|
onClick = { navController.navigate("Hashtag/$hashtag") },
|
|
style = LocalTextStyle.current.copy(
|
|
color = MaterialTheme.colors.primary.copy(
|
|
alpha = 0.52f
|
|
)
|
|
)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun DisplayPoW(
|
|
pow: Int
|
|
) {
|
|
Text(
|
|
"PoW-$pow",
|
|
color = MaterialTheme.colors.primary.copy(
|
|
alpha = 0.52f
|
|
),
|
|
fontSize = 14.sp,
|
|
fontWeight = FontWeight.Bold
|
|
)
|
|
}
|
|
|
|
@Composable
|
|
fun DisplayReward(
|
|
baseReward: BigDecimal,
|
|
baseNote: Note,
|
|
account: Account,
|
|
navController: NavController
|
|
) {
|
|
var popupExpanded by remember { mutableStateOf(false) }
|
|
|
|
Column() {
|
|
Row(
|
|
verticalAlignment = Alignment.CenterVertically,
|
|
modifier = Modifier.clickable { popupExpanded = true }
|
|
) {
|
|
ClickableText(
|
|
text = AnnotatedString("#bounty"),
|
|
onClick = { navController.navigate("Hashtag/bounty") },
|
|
style = LocalTextStyle.current.copy(
|
|
color = MaterialTheme.colors.primary.copy(
|
|
alpha = 0.52f
|
|
)
|
|
)
|
|
)
|
|
|
|
val repliesState by baseNote.live().replies.observeAsState()
|
|
val replyNote = repliesState?.note
|
|
|
|
if (replyNote?.hasPledgeBy(account.userProfile()) == true) {
|
|
Icon(
|
|
imageVector = Icons.Default.Bolt,
|
|
contentDescription = stringResource(R.string.zaps),
|
|
modifier = Modifier.size(20.dp),
|
|
tint = BitcoinOrange
|
|
)
|
|
} else {
|
|
Icon(
|
|
imageVector = Icons.Default.Bolt,
|
|
contentDescription = stringResource(R.string.zaps),
|
|
modifier = Modifier.size(20.dp),
|
|
tint = MaterialTheme.colors.onSurface.copy(alpha = 0.32f)
|
|
)
|
|
}
|
|
|
|
var rewardAmount by remember {
|
|
mutableStateOf<BigDecimal?>(
|
|
baseReward
|
|
)
|
|
}
|
|
|
|
LaunchedEffect(key1 = repliesState) {
|
|
withContext(Dispatchers.IO) {
|
|
replyNote?.pledgedAmountByOthers()?.let {
|
|
rewardAmount = baseReward.add(it)
|
|
}
|
|
}
|
|
}
|
|
|
|
Text(
|
|
showAmount(rewardAmount),
|
|
color = MaterialTheme.colors.onSurface.copy(alpha = 0.32f)
|
|
)
|
|
}
|
|
|
|
if (popupExpanded) {
|
|
AddBountyAmountDialog(baseNote, account) {
|
|
popupExpanded = false
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun BadgeDisplay(baseNote: Note) {
|
|
val background = MaterialTheme.colors.background
|
|
val badgeData = baseNote.event as? BadgeDefinitionEvent ?: return
|
|
var backgroundFromImage by remember { mutableStateOf(background) }
|
|
|
|
Row(
|
|
modifier = Modifier
|
|
.padding(10.dp)
|
|
.clip(shape = CutCornerShape(20, 20, 20, 20))
|
|
.border(
|
|
5.dp,
|
|
MaterialTheme.colors.primary.copy(alpha = 0.32f),
|
|
CutCornerShape(20)
|
|
)
|
|
.background(backgroundFromImage)
|
|
) {
|
|
Column {
|
|
badgeData.image()?.let {
|
|
AsyncImage(
|
|
model = it,
|
|
contentDescription = stringResource(
|
|
R.string.badge_award_image_for,
|
|
it
|
|
),
|
|
contentScale = ContentScale.FillWidth,
|
|
modifier = Modifier.fillMaxWidth(),
|
|
onSuccess = {
|
|
val backgroundColor = it.result.drawable.toBitmap(200, 200).copy(Bitmap.Config.ARGB_8888, false).get(0, 199)
|
|
backgroundFromImage = Color(backgroundColor)
|
|
}
|
|
)
|
|
}
|
|
|
|
badgeData.name()?.let {
|
|
Text(
|
|
text = it,
|
|
style = MaterialTheme.typography.body1,
|
|
textAlign = TextAlign.Center,
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(start = 10.dp, end = 10.dp),
|
|
color = if (backgroundFromImage.luminance() > 0.5) lightColors().onBackground else darkColors().onBackground
|
|
)
|
|
}
|
|
|
|
badgeData.description()?.let {
|
|
Text(
|
|
text = it,
|
|
style = MaterialTheme.typography.caption,
|
|
textAlign = TextAlign.Center,
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(start = 10.dp, end = 10.dp, bottom = 10.dp),
|
|
color = Color.Gray,
|
|
maxLines = 3,
|
|
overflow = TextOverflow.Ellipsis
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
private fun LongFormHeader(noteEvent: LongTextNoteEvent, note: Note, loggedIn: User) {
|
|
Row(
|
|
modifier = Modifier
|
|
.clip(shape = RoundedCornerShape(15.dp))
|
|
.border(
|
|
1.dp,
|
|
MaterialTheme.colors.onSurface.copy(alpha = 0.12f),
|
|
RoundedCornerShape(15.dp)
|
|
)
|
|
) {
|
|
Column {
|
|
noteEvent.image()?.let {
|
|
AsyncImage(
|
|
model = it,
|
|
contentDescription = stringResource(
|
|
R.string.preview_card_image_for,
|
|
it
|
|
),
|
|
contentScale = ContentScale.FillWidth,
|
|
modifier = Modifier.fillMaxWidth()
|
|
)
|
|
} ?: Box() {
|
|
note.author?.info?.banner?.let {
|
|
AsyncImage(
|
|
model = it,
|
|
contentDescription = stringResource(
|
|
R.string.preview_card_image_for,
|
|
it
|
|
),
|
|
contentScale = ContentScale.FillWidth,
|
|
modifier = Modifier.fillMaxWidth()
|
|
)
|
|
} ?: Image(
|
|
painter = painterResource(R.drawable.profile_banner),
|
|
contentDescription = stringResource(R.string.profile_banner),
|
|
contentScale = ContentScale.FillWidth,
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.height(150.dp)
|
|
)
|
|
|
|
Box(
|
|
Modifier
|
|
.width(75.dp)
|
|
.height(75.dp)
|
|
.padding(10.dp)
|
|
.align(Alignment.BottomStart)
|
|
) {
|
|
NoteAuthorPicture(baseNote = note, baseUserAccount = loggedIn, size = 55.dp)
|
|
}
|
|
}
|
|
|
|
noteEvent.title()?.let {
|
|
Text(
|
|
text = it,
|
|
style = MaterialTheme.typography.body1,
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(start = 10.dp, end = 10.dp, top = 10.dp)
|
|
)
|
|
}
|
|
|
|
noteEvent.summary()?.let {
|
|
Text(
|
|
text = it,
|
|
style = MaterialTheme.typography.caption,
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(start = 10.dp, end = 10.dp, bottom = 10.dp),
|
|
color = Color.Gray,
|
|
maxLines = 3,
|
|
overflow = TextOverflow.Ellipsis
|
|
)
|
|
}
|
|
?: Text(
|
|
text = noteEvent.content.take(200),
|
|
style = MaterialTheme.typography.caption,
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(start = 10.dp, end = 10.dp, bottom = 10.dp),
|
|
color = Color.Gray,
|
|
maxLines = 3,
|
|
overflow = TextOverflow.Ellipsis
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
private fun RelayBadges(baseNote: Note) {
|
|
val noteRelaysState by baseNote.live().relays.observeAsState()
|
|
val noteRelays = noteRelaysState?.note?.relays ?: emptySet()
|
|
|
|
var expanded by remember { mutableStateOf(false) }
|
|
|
|
val relaysToDisplay = (if (expanded) noteRelays else noteRelays.take(3)).toList()
|
|
val height = (ceil(relaysToDisplay.size / 3.0f) * 17).dp
|
|
|
|
val uri = LocalUriHandler.current
|
|
|
|
Spacer(Modifier.height(10.dp))
|
|
|
|
LazyVerticalGrid(
|
|
columns = GridCells.Fixed(3),
|
|
contentPadding = PaddingValues(start = 4.dp, end = 4.dp),
|
|
modifier = Modifier.height(height),
|
|
userScrollEnabled = false
|
|
) {
|
|
items(relaysToDisplay.size) {
|
|
val url = relaysToDisplay[it].removePrefix("wss://").removePrefix("ws://")
|
|
|
|
Box(Modifier.padding(1.dp).size(15.dp)) {
|
|
RobohashFallbackAsyncImage(
|
|
robot = "https://$url/favicon.ico",
|
|
model = "https://$url/favicon.ico",
|
|
contentDescription = stringResource(R.string.relay_icon),
|
|
colorFilter = ColorFilter.colorMatrix(ColorMatrix().apply { setToSaturation(0f) }),
|
|
modifier = Modifier
|
|
.width(13.dp)
|
|
.height(13.dp)
|
|
.clip(shape = CircleShape)
|
|
// .border(1.dp, Color.Red)
|
|
.background(MaterialTheme.colors.background)
|
|
.clickable(onClick = { uri.openUri("https://$url") })
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
if (noteRelays.size > 3 && !expanded) {
|
|
Row(
|
|
Modifier
|
|
.fillMaxWidth()
|
|
.height(25.dp),
|
|
horizontalArrangement = Arrangement.Center,
|
|
verticalAlignment = Alignment.Top
|
|
) {
|
|
IconButton(
|
|
modifier = Modifier.then(Modifier.size(24.dp)),
|
|
onClick = { expanded = true }
|
|
) {
|
|
Icon(
|
|
imageVector = Icons.Default.ExpandMore,
|
|
null,
|
|
modifier = Modifier.size(15.dp),
|
|
tint = MaterialTheme.colors.onSurface.copy(alpha = 0.32f)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun NoteAuthorPicture(
|
|
note: Note,
|
|
navController: NavController,
|
|
userAccount: User,
|
|
size: Dp,
|
|
pictureModifier: Modifier = Modifier
|
|
) {
|
|
NoteAuthorPicture(note, userAccount, size, pictureModifier) {
|
|
navController.navigate("User/${it.pubkeyHex}")
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun NoteAuthorPicture(
|
|
baseNote: Note,
|
|
baseUserAccount: User,
|
|
size: Dp,
|
|
modifier: Modifier = Modifier,
|
|
onClick: ((User) -> Unit)? = null
|
|
) {
|
|
val noteState by baseNote.live().metadata.observeAsState()
|
|
val note = noteState?.note ?: return
|
|
|
|
val author = note.author
|
|
|
|
Box(
|
|
Modifier
|
|
.width(size)
|
|
.height(size)
|
|
) {
|
|
if (author == null) {
|
|
RobohashAsyncImage(
|
|
robot = "authornotfound",
|
|
contentDescription = stringResource(R.string.unknown_author),
|
|
modifier = modifier
|
|
.width(size)
|
|
.height(size)
|
|
.clip(shape = CircleShape)
|
|
.background(MaterialTheme.colors.background)
|
|
)
|
|
} else {
|
|
UserPicture(author, baseUserAccount, size, modifier, onClick)
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun UserPicture(
|
|
user: User,
|
|
navController: NavController,
|
|
userAccount: User,
|
|
size: Dp,
|
|
pictureModifier: Modifier = Modifier
|
|
) {
|
|
UserPicture(user, userAccount, size, pictureModifier) {
|
|
navController.navigate("User/${it.pubkeyHex}")
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun UserPicture(
|
|
baseUser: User,
|
|
baseUserAccount: User,
|
|
size: Dp,
|
|
modifier: Modifier = Modifier,
|
|
onClick: ((User) -> Unit)? = null,
|
|
onLongClick: ((User) -> Unit)? = null
|
|
) {
|
|
val userState by baseUser.live().metadata.observeAsState()
|
|
val user = userState?.user ?: return
|
|
|
|
val accountState by baseUserAccount.live().follows.observeAsState()
|
|
val accountUser = accountState?.user ?: return
|
|
|
|
val showFollowingMark = accountUser.isFollowingCached(user) || user == accountUser
|
|
|
|
UserPicture(
|
|
userHex = user.pubkeyHex,
|
|
userPicture = user.profilePicture(),
|
|
showFollowingMark = showFollowingMark,
|
|
size = size,
|
|
modifier = modifier,
|
|
onClick = onClick?.let { { it(user) } },
|
|
onLongClick = onLongClick?.let { { it(user) } }
|
|
)
|
|
}
|
|
|
|
@OptIn(ExperimentalFoundationApi::class)
|
|
@Composable
|
|
fun UserPicture(
|
|
userHex: String,
|
|
userPicture: String?,
|
|
showFollowingMark: Boolean,
|
|
size: Dp,
|
|
modifier: Modifier = Modifier,
|
|
onClick: (() -> Unit)? = null,
|
|
onLongClick: (() -> Unit)? = null
|
|
) {
|
|
Box(
|
|
Modifier
|
|
.width(size)
|
|
.height(size)
|
|
) {
|
|
RobohashAsyncImageProxy(
|
|
robot = userHex,
|
|
model = ResizeImage(userPicture, size),
|
|
contentDescription = stringResource(id = R.string.profile_image),
|
|
modifier = modifier
|
|
.width(size)
|
|
.height(size)
|
|
.clip(shape = CircleShape)
|
|
.background(MaterialTheme.colors.background)
|
|
.run {
|
|
if (onClick != null && onLongClick != null) {
|
|
this.combinedClickable(onClick = onClick, onLongClick = onLongClick)
|
|
} else if (onClick != null) {
|
|
this.clickable(onClick = onClick)
|
|
} else {
|
|
this
|
|
}
|
|
}
|
|
|
|
)
|
|
|
|
if (showFollowingMark) {
|
|
Box(
|
|
Modifier
|
|
.width(size.div(3.5f))
|
|
.height(size.div(3.5f))
|
|
.align(Alignment.TopEnd),
|
|
contentAlignment = Alignment.Center
|
|
) {
|
|
// Background for the transparent checkmark
|
|
Box(
|
|
Modifier
|
|
.clip(CircleShape)
|
|
.fillMaxSize(0.6f)
|
|
.align(Alignment.Center)
|
|
.background(MaterialTheme.colors.background)
|
|
)
|
|
|
|
Icon(
|
|
painter = painterResource(R.drawable.ic_verified),
|
|
stringResource(id = R.string.following),
|
|
modifier = Modifier.fillMaxSize(),
|
|
tint = Following
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun NoteDropDownMenu(note: Note, popupExpanded: Boolean, onDismiss: () -> Unit, accountViewModel: AccountViewModel) {
|
|
val clipboardManager = LocalClipboardManager.current
|
|
val appContext = LocalContext.current.applicationContext
|
|
val actContext = LocalContext.current
|
|
var reportDialogShowing by remember { mutableStateOf(false) }
|
|
|
|
DropdownMenu(
|
|
expanded = popupExpanded,
|
|
onDismissRequest = onDismiss
|
|
) {
|
|
if (!accountViewModel.isFollowing(note.author)) {
|
|
DropdownMenuItem(onClick = {
|
|
accountViewModel.follow(
|
|
note.author ?: return@DropdownMenuItem
|
|
); onDismiss()
|
|
}) {
|
|
Text(stringResource(R.string.follow))
|
|
}
|
|
Divider()
|
|
}
|
|
DropdownMenuItem(onClick = { clipboardManager.setText(AnnotatedString(accountViewModel.decrypt(note) ?: "")); onDismiss() }) {
|
|
Text(stringResource(R.string.copy_text))
|
|
}
|
|
DropdownMenuItem(onClick = { clipboardManager.setText(AnnotatedString("@${note.author?.pubkeyNpub()}")); onDismiss() }) {
|
|
Text(stringResource(R.string.copy_user_pubkey))
|
|
}
|
|
DropdownMenuItem(onClick = { clipboardManager.setText(AnnotatedString(note.idNote())); onDismiss() }) {
|
|
Text(stringResource(R.string.copy_note_id))
|
|
}
|
|
DropdownMenuItem(onClick = {
|
|
val sendIntent = Intent().apply {
|
|
action = Intent.ACTION_SEND
|
|
type = "text/plain"
|
|
putExtra(
|
|
Intent.EXTRA_TEXT,
|
|
externalLinkForNote(note)
|
|
)
|
|
putExtra(Intent.EXTRA_TITLE, actContext.getString(R.string.quick_action_share_browser_link))
|
|
}
|
|
|
|
val shareIntent = Intent.createChooser(sendIntent, appContext.getString(R.string.quick_action_share))
|
|
ContextCompat.startActivity(actContext, shareIntent, null)
|
|
onDismiss()
|
|
}) {
|
|
Text(stringResource(R.string.quick_action_share))
|
|
}
|
|
Divider()
|
|
if (accountViewModel.isInPrivateBookmarks(note)) {
|
|
DropdownMenuItem(onClick = { accountViewModel.removePrivateBookmark(note); onDismiss() }) {
|
|
Text(stringResource(R.string.remove_from_private_bookmarks))
|
|
}
|
|
} else {
|
|
DropdownMenuItem(onClick = { accountViewModel.addPrivateBookmark(note); onDismiss() }) {
|
|
Text(stringResource(R.string.add_to_private_bookmarks))
|
|
}
|
|
}
|
|
if (accountViewModel.isInPublicBookmarks(note)) {
|
|
DropdownMenuItem(onClick = { accountViewModel.removePublicBookmark(note); onDismiss() }) {
|
|
Text(stringResource(R.string.remove_from_public_bookmarks))
|
|
}
|
|
} else {
|
|
DropdownMenuItem(onClick = { accountViewModel.addPublicBookmark(note); onDismiss() }) {
|
|
Text(stringResource(R.string.add_to_public_bookmarks))
|
|
}
|
|
}
|
|
Divider()
|
|
DropdownMenuItem(onClick = { accountViewModel.broadcast(note); onDismiss() }) {
|
|
Text(stringResource(R.string.broadcast))
|
|
}
|
|
Divider()
|
|
if (accountViewModel.isLoggedUser(note.author)) {
|
|
DropdownMenuItem(onClick = { accountViewModel.delete(note); onDismiss() }) {
|
|
Text(stringResource(R.string.request_deletion))
|
|
}
|
|
} else {
|
|
DropdownMenuItem(onClick = { reportDialogShowing = true }) {
|
|
Text("Block / Report")
|
|
}
|
|
}
|
|
}
|
|
|
|
if (reportDialogShowing) {
|
|
ReportNoteDialog(note = note, accountViewModel = accountViewModel) {
|
|
reportDialogShowing = false
|
|
onDismiss()
|
|
}
|
|
}
|
|
}
|