optimization: desktop UI (#747)

2025-05-13 04:57:37 +08:00
parent e520929411
commit 8627ff823f
52 changed files with 2459 additions and 1990 deletions
--- a/lib/view/page/server/tab/landscape.dart
+++ b/lib/view/page/server/tab/landscape.dart
@@ -0,0 +1,69 @@
+part of 'tab.dart';
+
+extension on _ServerPageState {
+  Widget _buildLandscape() {
+    final offset = Offset(_offset, _offset);
+    return Padding(
+      // Avoid display cutout
+      padding: EdgeInsets.all(_offset.abs()),
+      child: Transform.translate(
+        offset: offset,
+        child: Stack(
+          children: [
+            _buildLandscapeBody(),
+            Positioned(
+              top: 0,
+              left: 0,
+              child: IconButton(
+                onPressed: () => SettingsPage.route.go(context),
+                icon: const Icon(Icons.settings, color: Colors.grey),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildLandscapeBody() {
+    return ServerProvider.serverOrder.listenVal((order) {
+      if (order.isEmpty) {
+        return Center(
+          child: Text(libL10n.empty, textAlign: TextAlign.center),
+        );
+      }
+
+      return PageView.builder(
+        itemCount: order.length,
+        itemBuilder: (_, idx) {
+          final id = order[idx];
+          final srv = ServerProvider.pick(id: id);
+          if (srv == null) return UIs.placeholder;
+
+          return srv.listenVal((srv) {
+            final title = _buildServerCardTitle(srv);
+            final List<Widget> children = [
+              title,
+              _buildNormalCard(srv.status, srv.spi),
+            ];
+
+            return Padding(
+              padding: _media.padding,
+              child: ListenableBuilder(
+                listenable: _getCardNoti(id),
+                builder: (_, __) {
+                  return Column(
+                    mainAxisSize: MainAxisSize.min,
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    children: children,
+                  );
+                },
+              ),
+            );
+          });
+        },
+      );
+    });
+  }
+}