feat(client): 节点 status=down 在列表置灰+「不可用」+禁选(#7 客户端侧)

#7 服务端已在 agent 离线时把节点判 down,但客户端 Node 模型没读 status、列表照常显示。补:Node.status 字段 + 解析 /v1/nodes 的 status;ServerTile/ _NodeGridTile 在 isDown 时 Opacity 置灰 + 末尾「不可用」+ onTap 禁用。全平台共享(lib/widgets+screens)。up 节点 Opacity 1.0 无变化,golden 不动。加 down 状态 widget 测试。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-28 21:35:52 +08:00
parent f0832ccfcb
commit 8049659660
5 changed files with 128 additions and 56 deletions
@@ -158,38 +158,48 @@ class _NodeGridTile extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final c = context.pangolin;
-    return Material(
-      color: active ? c.accentSubtle : c.surface,
-      shape: RoundedRectangleBorder(
-        borderRadius: BorderRadius.circular(PangolinRadius.lg),
-        side: BorderSide(color: active ? c.accentBorder : c.border, width: 1.5),
-      ),
-      clipBehavior: Clip.antiAlias,
-      child: InkWell(
-        onTap: onTap,
-        child: Padding(
-          padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 11),
-          child: Row(children: [
-            CountryCode(code: node.code, active: active),
-            const SizedBox(width: 12),
-            Expanded(
-              child: Column(crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [
-                Text(node.localizedName(lang),
-                    overflow: TextOverflow.ellipsis,
-                    style: PangolinText.sm.copyWith(color: c.fg1, fontWeight: FontWeight.w600, fontSize: 14.5)),
-                Text(node.localizedSub(lang),
-                    overflow: TextOverflow.ellipsis,
-                    style: PangolinText.caption.copyWith(color: c.fg3, fontWeight: FontWeight.w400)),
-              ]),
-            ),
-            const SizedBox(width: 8),
-            Column(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.end, children: [
-              Text(node.pingLabel, style: PangolinText.mono.copyWith(color: c.fg2, fontSize: 12)),
-              const SizedBox(height: 5),
-              SignalBars(ping: node.ping),
+    final down = node.isDown; // 节点不可用(agent 离线):置灰 + 「不可用」+ 禁选。
+    final unavail = lang == AppLang.zh ? '不可用' : 'Unavailable';
+    return Opacity(
+      opacity: down ? 0.55 : 1.0,
+      child: Material(
+        color: (active && !down) ? c.accentSubtle : c.surface,
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(PangolinRadius.lg),
+          side: BorderSide(color: (active && !down) ? c.accentBorder : c.border, width: 1.5),
+        ),
+        clipBehavior: Clip.antiAlias,
+        child: InkWell(
+          onTap: down ? null : onTap,
+          child: Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 11),
+            child: Row(children: [
+              CountryCode(code: node.code, active: active && !down),
+              const SizedBox(width: 12),
+              Expanded(
+                child: Column(crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [
+                  Text(node.localizedName(lang),
+                      overflow: TextOverflow.ellipsis,
+                      style: PangolinText.sm.copyWith(color: c.fg1, fontWeight: FontWeight.w600, fontSize: 14.5)),
+                  Text(node.localizedSub(lang),
+                      overflow: TextOverflow.ellipsis,
+                      style: PangolinText.caption.copyWith(color: c.fg3, fontWeight: FontWeight.w400)),
+                ]),
+              ),
+              const SizedBox(width: 8),
+              if (down)
+                Text(unavail,
+                    style: PangolinText.caption.copyWith(color: c.danger, fontWeight: FontWeight.w600, fontSize: 12))
+              else ...[
+                Column(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.end, children: [
+                  Text(node.pingLabel, style: PangolinText.mono.copyWith(color: c.fg2, fontSize: 12)),
+                  const SizedBox(height: 5),
+                  SignalBars(ping: node.ping),
+                ]),
+                if (active) ...[const SizedBox(width: 8), Icon(PangolinIcons.check, size: 18, color: c.accent)],
+              ],
            ]),
-            if (active) ...[const SizedBox(width: 8), Icon(PangolinIcons.check, size: 18, color: c.accent)],
-          ]),
+          ),
        ),
      ),
    );