Fix Android member details layout and address formatting
This commit is contained in:
1 parent
a96d5926c7
commit
d2e62874bb
5 files changed
+63
-13
No files matched your search
@@ -100,9 +100,10 @@ data class MemberDetail(val nodeId: Long, val name: String = "",
|
||||
|
||||
data class MemberAddr(val family: Int = 0, val protocol: String = "", val address: String = "",
|
||||
val port: Int = 0, val socketId: Int = 0, val addrType: Int = 0, val rtt: Int = 0) {
|
||||
val roleLabel: String get() = when (addrType) {
|
||||
0 -> AppLanguage.text(R.string.address_local); 1 -> AppLanguage.text(R.string.address_public)
|
||||
2 -> "nat_eim"; 3 -> "nat_strict"; 4 -> "nat"; else -> "?$addrType"
|
||||
val roleLabelRes: Int get() = when (addrType) {
|
||||
0 -> R.string.address_local; 1 -> R.string.address_public
|
||||
2 -> R.string.address_nat_eim; 3 -> R.string.address_nat_dependent; 4 -> R.string.address_nat
|
||||
5 -> R.string.address_contact; else -> R.string.address_unknown
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
+27
-10
@@ -44,7 +44,6 @@ import androidx.compose.ui.unit.sp
|
||||
import com.utun.chat.data.Channel
|
||||
import com.utun.chat.data.ChatMember
|
||||
import com.utun.chat.data.MemberDetail
|
||||
import com.utun.chat.data.MemberAddr
|
||||
import com.utun.chat.data.MemberLinks
|
||||
import com.utun.chat.data.LinkStatus
|
||||
import com.utun.chat.data.LocalSocketState
|
||||
@@ -281,9 +280,7 @@ private fun MemberListItem(
|
||||
fun formatAddr(addr: String): String {
|
||||
if (addr.isEmpty() || addr == "?") return addr
|
||||
val trimmed = addr.trim('[', ']')
|
||||
if (trimmed.all { it == '0' || it == ':' }) return "[::]"
|
||||
if (trimmed == "::") return "[::]"
|
||||
return trimmed
|
||||
return if (':' in trimmed) "[$trimmed]" else trimmed
|
||||
}
|
||||
|
||||
@Composable
|
||||
@@ -297,6 +294,14 @@ private fun MemberDetailCard(
|
||||
onConnect: () -> Unit,
|
||||
onEdit: () -> Unit
|
||||
) {
|
||||
LaunchedEffect(detail.channelId, detail.nodeId, detail.addresses, isSelf) {
|
||||
Log.d("utun-gui", "Member detail: channel=${detail.channelId} node=${detail.nodeId} self=$isSelf " +
|
||||
"addresses=${detail.addresses.size} endpoints=" + detail.addresses.joinToString { a ->
|
||||
"sock${a.socketId} ${a.protocol} ${formatAddr(a.address)}:${a.port} type=${a.addrType}"
|
||||
})
|
||||
}
|
||||
// У каждого участника своя прокрутка: прежний offset не должен прятать заголовок нового.
|
||||
val scrollState = key(detail.channelId, detail.nodeId) { rememberScrollState() }
|
||||
Card(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
@@ -309,7 +314,7 @@ private fun MemberDetailCard(
|
||||
),
|
||||
elevation = CardDefaults.cardElevation(defaultElevation = 4.dp)
|
||||
) {
|
||||
Column(modifier = Modifier.padding(12.dp).verticalScroll(rememberScrollState())) {
|
||||
Column(modifier = Modifier.verticalScroll(scrollState).padding(12.dp)) {
|
||||
Row(verticalAlignment = Alignment.CenterVertically) {
|
||||
UserAvatar(detail.channelId, detail.nodeId, detail.name)
|
||||
Spacer(Modifier.width(8.dp))
|
||||
@@ -364,9 +369,19 @@ private fun MemberDetailCard(
|
||||
Text(stringResource(R.string.member_inviter, inviter), fontSize = 13.sp, lineHeight = 16.sp,
|
||||
color = MaterialTheme.colorScheme.onSurface)
|
||||
}
|
||||
if (!isSelf) TextButton(onClick = onConnect, enabled = !detail.directUp) { Text(stringResource(R.string.connect)) }
|
||||
TextButton(onClick = onEdit, enabled = canEdit) { Text(stringResource(R.string.edit)) }
|
||||
TextButton(onClick = onFiles) { Text(stringResource(R.string.files_member)) }
|
||||
}
|
||||
|
||||
// Кнопки не отнимают ширину у имени и инвайтера, особенно на узком экране.
|
||||
Row(Modifier.fillMaxWidth(), verticalAlignment = Alignment.CenterVertically) {
|
||||
if (!isSelf) TextButton(onClick = onConnect, enabled = !detail.directUp, modifier = Modifier.weight(1f)) {
|
||||
Text(stringResource(R.string.connect))
|
||||
}
|
||||
TextButton(onClick = onEdit, enabled = canEdit, modifier = Modifier.weight(1f)) {
|
||||
Text(stringResource(R.string.edit))
|
||||
}
|
||||
TextButton(onClick = onFiles, modifier = Modifier.weight(1f)) {
|
||||
Text(stringResource(R.string.files_member))
|
||||
}
|
||||
}
|
||||
|
||||
Spacer(Modifier.height(4.dp))
|
||||
@@ -406,7 +421,7 @@ private fun MemberDetailCard(
|
||||
Box(Modifier.size(8.dp).clip(CircleShape).background(dot))
|
||||
Spacer(Modifier.width(6.dp))
|
||||
Text(
|
||||
text = "[${sk.linksUp}/${sk.linksDown}] ${sk.protocol} ${sk.ifName} ${sk.bindIp}:${sk.port}",
|
||||
text = "[${sk.linksUp}/${sk.linksDown}] ${sk.protocol} ${sk.ifName} ${formatAddr(sk.bindIp)}:${sk.port}",
|
||||
fontFamily = FontFamily.Monospace,
|
||||
fontSize = 13.sp,
|
||||
color = MaterialTheme.colorScheme.onSurface
|
||||
@@ -420,12 +435,14 @@ private fun MemberDetailCard(
|
||||
Text(stringResource(R.string.addresses), fontSize = 13.sp, fontWeight = FontWeight.Medium)
|
||||
detail.addresses.forEachIndexed { idx, a ->
|
||||
Text(
|
||||
text = "[sock${a.socketId}] ${a.protocol} ${a.address}:${a.port} ${a.roleLabel}",
|
||||
text = "${formatAddr(a.address)}:${a.port}",
|
||||
fontFamily = FontFamily.Monospace,
|
||||
fontSize = 13.sp,
|
||||
lineHeight = 15.sp,
|
||||
color = MaterialTheme.colorScheme.onSurface
|
||||
)
|
||||
Text("[sock${a.socketId}] ${a.protocol} · ${stringResource(a.roleLabelRes, a.addrType)}",
|
||||
fontSize = 12.sp, lineHeight = 15.sp, color = MaterialTheme.colorScheme.onSurfaceVariant)
|
||||
if (idx < detail.addresses.lastIndex) Spacer(Modifier.height(8.dp))
|
||||
}
|
||||
}
|
||||
|
||||
@@ -340,6 +340,11 @@
|
||||
<string name="connection_connecting">"Подключение"</string>
|
||||
<string name="address_local">"локальный"</string>
|
||||
<string name="address_public">"публичный"</string>
|
||||
<string name="address_nat_eim">"NAT EIM"</string>
|
||||
<string name="address_nat_dependent">"зависимый NAT"</string>
|
||||
<string name="address_nat">"NAT"</string>
|
||||
<string name="address_contact">"требуется предварительный контакт"</string>
|
||||
<string name="address_unknown">"неизвестный (%1$d)"</string>
|
||||
<string name="file_save_failed">"Не удалось сохранить файл"</string>
|
||||
<string name="transfer_key_confirm">"Передать приватный ключ канала участнику «%1$s»?\n\nКлюч передаётся зашифрованным и подписанным. Получатель станет совладельцем и сможет управлять участниками."</string>
|
||||
<string name="call_stats">"Буфер: %1$s мс · Запас: %2$s мс\nЗа 10 с: минимум %3$s · максимум %4$s мс\nСкорость: %5$s× · RTT: %6$s мс\nПотери буфера: %7$s · Недостачи: %8$s"</string>
|
||||
|
||||
@@ -341,6 +341,11 @@
|
||||
<string name="connection_connecting">"CONNECTING"</string>
|
||||
<string name="address_local">"local"</string>
|
||||
<string name="address_public">"public"</string>
|
||||
<string name="address_nat_eim">"NAT EIM"</string>
|
||||
<string name="address_nat_dependent">"dependent NAT"</string>
|
||||
<string name="address_nat">"NAT"</string>
|
||||
<string name="address_contact">"contact required"</string>
|
||||
<string name="address_unknown">"unknown (%1$d)"</string>
|
||||
<string name="file_save_failed">"Could not save file"</string>
|
||||
<string name="transfer_key_confirm">"Send the channel private key to “%1$s”?\n\nThe key is transferred encrypted and signed. The recipient will become a co-owner and will be able to manage members."</string>
|
||||
<string name="call_stats">"Buffer: %1$s ms · Reserve: %2$s ms\nOver 10 s: min %3$s · max %4$s ms\nSpeed: %5$s× · RTT: %6$s ms\nBuffer drops: %7$s · Underruns: %8$s"</string>
|
||||
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
package com.utun.chat.ui.screens
|
||||
|
||||
import com.utun.chat.R
|
||||
import com.utun.chat.data.MemberAddr
|
||||
import org.junit.Assert.assertEquals
|
||||
import org.junit.Test
|
||||
|
||||
class MemberAddressFormatTest {
|
||||
@Test fun ipv6EndpointsKeepPortSeparateFromAddress() {
|
||||
assertEquals("[2001:db8::1]:443", "${formatAddr("2001:db8::1")}:443")
|
||||
assertEquals("[fe80::1%wlan0]:9000", "${formatAddr("fe80::1%wlan0")}:9000")
|
||||
assertEquals("[::]:9000", "${formatAddr("[::]")}:9000")
|
||||
assertEquals("192.168.1.10:9000", "${formatAddr("192.168.1.10")}:9000")
|
||||
}
|
||||
|
||||
@Test fun contactRequiredIsDistinctFromPublicAndNat() {
|
||||
assertEquals(R.string.address_public, MemberAddr(addrType = 1).roleLabelRes)
|
||||
assertEquals(R.string.address_nat_eim, MemberAddr(addrType = 2).roleLabelRes)
|
||||
assertEquals(R.string.address_contact, MemberAddr(addrType = 5).roleLabelRes)
|
||||
assertEquals(R.string.address_unknown, MemberAddr(addrType = 6).roleLabelRes)
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user