Meshtastic-Android/app/src/main/java/com/geeksville/mesh/ui/NodeDetail.kt

463 lines
15 KiB
Kotlin
Raw Normal View History

@file:Suppress("TooManyFunctions")
package com.geeksville.mesh.ui
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.ExperimentalLayoutApi
import androidx.compose.foundation.layout.FlowRow
import androidx.compose.foundation.layout.PaddingValues
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.heightIn
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.width
import androidx.compose.foundation.layout.widthIn
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.Card
import androidx.compose.material.CircularProgressIndicator
import androidx.compose.material.Icon
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Text
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Air
import androidx.compose.material.icons.filled.BlurOn
import androidx.compose.material.icons.filled.Bolt
import androidx.compose.material.icons.filled.ChargingStation
import androidx.compose.material.icons.filled.CheckCircle
import androidx.compose.material.icons.filled.History
import androidx.compose.material.icons.filled.KeyOff
import androidx.compose.material.icons.filled.Numbers
import androidx.compose.material.icons.filled.Person
import androidx.compose.material.icons.filled.Power
2024-10-25 08:14:32 -03:00
import androidx.compose.material.icons.filled.Route
import androidx.compose.material.icons.filled.Router
import androidx.compose.material.icons.filled.Settings
2024-10-23 13:31:31 -07:00
import androidx.compose.material.icons.filled.SignalCellularAlt
import androidx.compose.material.icons.filled.Speed
import androidx.compose.material.icons.filled.Thermostat
import androidx.compose.material.icons.filled.WaterDrop
import androidx.compose.material.icons.filled.Work
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.getValue
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.res.stringResource
import androidx.compose.ui.res.vectorResource
import androidx.compose.ui.text.style.TextOverflow
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.tooling.preview.PreviewParameter
import androidx.compose.ui.unit.dp
import androidx.hilt.navigation.compose.hiltViewModel
import androidx.lifecycle.compose.collectAsStateWithLifecycle
import com.geeksville.mesh.R
import com.geeksville.mesh.database.entity.NodeEntity
import com.geeksville.mesh.model.MetricsState
import com.geeksville.mesh.model.MetricsViewModel
import com.geeksville.mesh.ui.components.PreferenceCategory
import com.geeksville.mesh.ui.preview.NodeEntityPreviewParameterProvider
import com.geeksville.mesh.ui.theme.AppTheme
import com.geeksville.mesh.util.formatAgo
import java.util.concurrent.TimeUnit
import kotlin.math.ln
@Composable
fun NodeDetailScreen(
node: NodeEntity?,
viewModel: MetricsViewModel = hiltViewModel(),
modifier: Modifier = Modifier,
onNavigate: (String) -> Unit,
) {
val state by viewModel.state.collectAsStateWithLifecycle()
if (node != null) {
LaunchedEffect(node.num) {
viewModel.setSelectedNode(node.num)
}
NodeDetailList(
node = node,
metricsState = state,
onNavigate = onNavigate,
modifier = modifier,
)
} else {
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center,
) {
CircularProgressIndicator()
}
}
}
2024-10-25 08:14:32 -03:00
@Suppress("LongMethod")
@Composable
private fun NodeDetailList(
node: NodeEntity,
metricsState: MetricsState,
modifier: Modifier = Modifier,
onNavigate: (String) -> Unit = {},
) {
LazyColumn(
modifier = modifier.fillMaxSize(),
contentPadding = PaddingValues(horizontal = 16.dp),
) {
item {
PreferenceCategory("Details") {
NodeDetailsContent(node)
}
}
if (node.hasEnvironmentMetrics) {
item {
PreferenceCategory("Environment")
EnvironmentMetrics(node, metricsState.environmentDisplayFahrenheit)
Spacer(modifier = Modifier.height(8.dp))
}
}
if (node.hasPowerMetrics) {
item {
PreferenceCategory("Power")
PowerMetrics(node)
Spacer(modifier = Modifier.height(8.dp))
}
}
item {
NavCard(
2024-10-23 13:31:31 -07:00
title = stringResource(R.string.device_metrics_logs),
icon = Icons.Default.ChargingStation,
enabled = metricsState.hasDeviceMetrics()
) {
onNavigate("DeviceMetrics")
}
NavCard(
2024-10-23 13:31:31 -07:00
title = stringResource(R.string.env_metrics_logs),
icon = Icons.Default.Thermostat,
enabled = metricsState.hasEnvironmentMetrics()
) {
onNavigate("EnvironmentMetrics")
}
2024-10-23 13:31:31 -07:00
NavCard(
title = stringResource(R.string.sig_metrics_logs),
icon = Icons.Default.SignalCellularAlt,
enabled = metricsState.hasSignalMetrics()
) {
onNavigate("SignalMetrics")
}
2024-10-25 08:14:32 -03:00
NavCard(
title = stringResource(R.string.traceroute_logs),
icon = Icons.Default.Route,
enabled = metricsState.hasTracerouteLogs
) {
onNavigate("TracerouteList")
}
NavCard(
title = "Remote Administration",
icon = Icons.Default.Settings,
enabled = !metricsState.isManaged
) {
onNavigate("RadioConfig")
}
}
}
}
@Composable
private fun NodeDetailRow(label: String, icon: ImageVector, value: String) {
Row(
modifier = Modifier
.fillMaxWidth()
.padding(vertical = 8.dp),
verticalAlignment = Alignment.CenterVertically
) {
Icon(
imageVector = icon,
contentDescription = label,
modifier = Modifier.size(24.dp)
)
Spacer(modifier = Modifier.width(8.dp))
Text(label)
Spacer(modifier = Modifier.weight(1f))
Text(value)
}
}
@Composable
private fun NodeDetailsContent(node: NodeEntity) {
if (node.mismatchKey) {
Row(verticalAlignment = Alignment.CenterVertically) {
Icon(
imageVector = Icons.Default.KeyOff,
contentDescription = stringResource(id = R.string.encryption_error),
tint = Color.Red,
)
Column(modifier = Modifier.padding(start = 8.dp)) {
Text(
text = stringResource(id = R.string.encryption_error),
style = MaterialTheme.typography.h6.copy(color = Color.Red)
)
Text(
text = stringResource(id = R.string.encryption_error_text),
style = MaterialTheme.typography.body2,
color = MaterialTheme.colors.onSurface.copy(alpha = 0.6f)
)
}
}
}
NodeDetailRow(
label = "Node Number",
icon = Icons.Default.Numbers,
value = node.num.toUInt().toString()
)
NodeDetailRow(
label = "User Id",
icon = Icons.Default.Person,
value = node.user.id
)
NodeDetailRow(
label = "Role",
icon = Icons.Default.Work,
value = node.user.role.name
)
2024-10-25 08:14:32 -03:00
NodeDetailRow(
label = "Hardware",
icon = Icons.Default.Router,
value = node.user.hwModel.name
)
if (node.deviceMetrics.uptimeSeconds > 0) {
NodeDetailRow(
label = "Uptime",
icon = Icons.Default.CheckCircle,
value = formatUptime(node.deviceMetrics.uptimeSeconds)
)
}
NodeDetailRow(
label = "Last heard",
icon = Icons.Default.History,
value = formatAgo(node.lastHeard)
)
}
@Composable
private fun InfoCard(
icon: ImageVector,
text: String,
value: String,
) {
Card(
shape = RoundedCornerShape(12.dp),
backgroundColor = MaterialTheme.colors.surface,
elevation = 4.dp,
modifier = Modifier
.padding(4.dp)
.widthIn(min = 100.dp, max = 150.dp)
.heightIn(min = 100.dp, max = 150.dp)
) {
Column(
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally,
) {
Icon(
imageVector = icon,
contentDescription = text,
modifier = Modifier.size(24.dp),
)
Text(
text = text,
maxLines = 1,
overflow = TextOverflow.Ellipsis,
style = MaterialTheme.typography.subtitle2
)
Text(
text = value,
maxLines = 1,
overflow = TextOverflow.Ellipsis,
style = MaterialTheme.typography.h5
)
}
}
}
private fun formatUptime(seconds: Int): String = formatUptime(seconds.toLong())
private fun formatUptime(seconds: Long): String {
val days = TimeUnit.SECONDS.toDays(seconds)
val hours = TimeUnit.SECONDS.toHours(seconds) % TimeUnit.DAYS.toHours(1)
val minutes = TimeUnit.SECONDS.toMinutes(seconds) % TimeUnit.HOURS.toMinutes(1)
val secs = seconds % TimeUnit.MINUTES.toSeconds(1)
return listOfNotNull(
"${days}d".takeIf { days > 0 },
"${hours}h".takeIf { hours > 0 },
"${minutes}m".takeIf { minutes > 0 },
"${secs}s".takeIf { secs > 0 },
).joinToString(" ")
}
@OptIn(ExperimentalLayoutApi::class)
@Suppress("LongMethod")
@Composable
private fun EnvironmentMetrics(
node: NodeEntity,
isFahrenheit: Boolean = false,
) = with(node.environmentMetrics) {
FlowRow(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceBetween,
verticalArrangement = Arrangement.SpaceEvenly,
) {
if (temperature != 0f) {
InfoCard(
icon = Icons.Default.Thermostat,
text = "Temperature",
value = temperature.toTempString(isFahrenheit)
)
}
if (relativeHumidity != 0f) {
InfoCard(
icon = Icons.Default.WaterDrop,
text = "Humidity",
value = "%.0f%%".format(relativeHumidity)
)
}
if (temperature != 0f && relativeHumidity != 0f) {
val dewPoint = calculateDewPoint(temperature, relativeHumidity)
InfoCard(
icon = ImageVector.vectorResource(R.drawable.ic_outlined_dew_point_24),
text = "Dew Point",
value = dewPoint.toTempString(isFahrenheit)
)
}
if (barometricPressure != 0f) {
InfoCard(
icon = Icons.Default.Speed,
text = "Pressure",
value = "%.0f".format(barometricPressure)
)
}
if (gasResistance != 0f) {
InfoCard(
icon = Icons.Default.BlurOn,
text = "Gas Resistance",
value = "%.0f".format(gasResistance)
)
}
if (voltage != 0f) {
InfoCard(
icon = Icons.Default.Bolt,
text = "Voltage",
value = "%.1fV".format(voltage)
)
}
if (current != 0f) {
InfoCard(
icon = Icons.Default.Power,
text = "Current",
value = "%.1fmA".format(current)
)
}
if (iaq != 0) {
InfoCard(
icon = Icons.Default.Air,
text = "IAQ",
value = iaq.toString()
)
}
}
}
@Suppress("MagicNumber")
private fun Float.toTempString(isFahrenheit: Boolean) = if (isFahrenheit) {
val fahrenheit = this * 1.8F + 32
"%.0f°F".format(fahrenheit)
} else {
"%.0f°C".format(this)
}
// Magnus-Tetens approximation
@Suppress("MagicNumber")
private fun calculateDewPoint(tempCelsius: Float, humidity: Float): Float {
val (a, b) = 17.27f to 237.7f
val alpha = (a * tempCelsius) / (b + tempCelsius) + ln(humidity / 100f)
return (b * alpha) / (a - alpha)
}
@OptIn(ExperimentalLayoutApi::class)
@Composable
private fun PowerMetrics(node: NodeEntity) = with(node.powerMetrics) {
FlowRow(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceBetween,
verticalArrangement = Arrangement.SpaceEvenly,
) {
if (ch1Voltage != 0f) {
InfoCard(
icon = Icons.Default.Bolt,
text = "Channel 1",
value = "%.1fV".format(ch1Voltage)
)
}
if (ch1Current != 0f) {
InfoCard(
icon = Icons.Default.Power,
text = "Channel 1",
value = "%.1fmA".format(ch1Current)
)
}
if (ch2Voltage != 0f) {
InfoCard(
icon = Icons.Default.Bolt,
text = "Channel 2",
value = "%.1fV".format(ch2Voltage)
)
}
if (ch2Current != 0f) {
InfoCard(
icon = Icons.Default.Power,
text = "Channel 2",
value = "%.1fmA".format(ch2Current)
)
}
if (ch3Voltage != 0f) {
InfoCard(
icon = Icons.Default.Bolt,
text = "Channel 3",
value = "%.1fV".format(ch3Voltage)
)
}
if (ch3Current != 0f) {
InfoCard(
icon = Icons.Default.Power,
text = "Channel 3",
value = "%.1fmA".format(ch3Current)
)
}
}
}
@Preview(showBackground = true)
@Composable
private fun NodeDetailsPreview(
@PreviewParameter(NodeEntityPreviewParameterProvider::class)
node: NodeEntity
) {
AppTheme {
NodeDetailList(node, MetricsState.Empty)
}
}