168 lines
5.3 KiB
Kotlin
168 lines
5.3 KiB
Kotlin
package com.pushdeer.os.ui.compose.componment
|
|
|
|
import androidx.compose.foundation.Image
|
|
import androidx.compose.foundation.background
|
|
import androidx.compose.foundation.layout.*
|
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
|
import androidx.compose.material.*
|
|
import androidx.compose.runtime.Composable
|
|
import androidx.compose.ui.Alignment
|
|
import androidx.compose.ui.Modifier
|
|
import androidx.compose.ui.draw.clip
|
|
import androidx.compose.ui.layout.ContentScale
|
|
import androidx.compose.ui.res.painterResource
|
|
import androidx.compose.ui.text.style.TextOverflow
|
|
import androidx.compose.ui.unit.dp
|
|
import androidx.compose.ui.unit.sp
|
|
import androidx.compose.ui.viewinterop.AndroidView
|
|
import com.pushdeer.os.R
|
|
import com.pushdeer.os.data.database.entity.MessageEntity
|
|
import com.pushdeer.os.holder.RequestHolder
|
|
import com.pushdeer.os.ui.theme.MBlue
|
|
import com.pushdeer.os.util.CurrentTimeUtil
|
|
import com.pushdeer.os.values.ConstValues
|
|
|
|
|
|
@ExperimentalMaterialApi
|
|
@Composable
|
|
fun PlainTextMessageItem(message: MessageEntity) {
|
|
Column(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.clip(RoundedCornerShape(4.dp))
|
|
.background(color = MaterialTheme.colors.surface)
|
|
) {
|
|
|
|
Row(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(bottom = 12.dp),
|
|
verticalAlignment = Alignment.CenterVertically
|
|
) {
|
|
Image(
|
|
painter = painterResource(id = R.drawable.ic_deer_head_with_mail),
|
|
contentDescription = "",
|
|
modifier = Modifier.size(40.dp)
|
|
)
|
|
Text(
|
|
text = "${message.text}·${
|
|
CurrentTimeUtil.resolveUTCTimeAndNow(
|
|
message.created_at,
|
|
System.currentTimeMillis()
|
|
)
|
|
}"
|
|
)
|
|
}
|
|
|
|
CardItemWithContent() {
|
|
Text(
|
|
text = message.desp,
|
|
overflow = TextOverflow.Visible,
|
|
lineHeight = 24.sp,
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(16.dp)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
@ExperimentalMaterialApi
|
|
@Composable
|
|
fun ImageMessageItem(message: MessageEntity) {
|
|
Column(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.clip(RoundedCornerShape(4.dp))
|
|
.background (color = MaterialTheme.colors.surface)
|
|
) {
|
|
|
|
Row(
|
|
verticalAlignment = Alignment.CenterVertically,
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(horizontal = ConstValues.MainPageSidePadding)
|
|
.padding(bottom = 12.dp),
|
|
) {
|
|
Image(
|
|
painter = painterResource(id = R.drawable.ic_deer_head_with_mail),
|
|
contentDescription = "",
|
|
modifier = Modifier.size(40.dp)
|
|
)
|
|
Text(
|
|
text = "${message.text}·${
|
|
CurrentTimeUtil.resolveUTCTimeAndNow(
|
|
message.created_at,
|
|
System.currentTimeMillis()
|
|
)
|
|
}"
|
|
)
|
|
}
|
|
Card(modifier = Modifier.fillMaxWidth(), onClick = {}) {
|
|
Image(
|
|
painter = painterResource(id = R.drawable.logo_com_x2),
|
|
contentDescription = "",
|
|
contentScale = ContentScale.FillWidth
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
@ExperimentalMaterialApi
|
|
@Composable
|
|
fun MarkdownMessageItem(message: MessageEntity, requestHolder: RequestHolder) {
|
|
Column(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.clip(RoundedCornerShape(4.dp))
|
|
.background(color = MaterialTheme.colors.surface)
|
|
) {
|
|
|
|
Row(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(bottom = 12.dp), verticalAlignment = Alignment.CenterVertically
|
|
) {
|
|
Box {
|
|
Image(
|
|
painter = painterResource(id = R.drawable.ic_deer_head_with_mail),
|
|
contentDescription = "",
|
|
modifier = Modifier.size(40.dp)
|
|
)
|
|
Icon(
|
|
painter = painterResource(id = R.drawable.ic_markdown),
|
|
contentDescription = "",
|
|
tint = MaterialTheme.colors.MBlue,
|
|
modifier = Modifier
|
|
.size(20.dp)
|
|
.align(alignment = Alignment.BottomCenter)
|
|
)
|
|
}
|
|
|
|
Text(
|
|
text = "${message.text}·${
|
|
CurrentTimeUtil.resolveUTCTimeAndNow(
|
|
message.created_at,
|
|
System.currentTimeMillis()
|
|
)
|
|
}"
|
|
)
|
|
}
|
|
|
|
CardItemWithContent {
|
|
AndroidView(
|
|
factory = { ctx ->
|
|
android.widget.TextView(ctx).apply {
|
|
this.post {
|
|
// requestHolder.markdown.configuration().theme().
|
|
requestHolder.markdown.setMarkdown(this, message.desp)
|
|
}
|
|
}
|
|
|
|
}, modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(16.dp)
|
|
)
|
|
}
|
|
}
|
|
} |