Update mobile gallery page layout

2026-07-08 01:30:28 +08:00 · 2023-11-29 22:31:35 +08:00
parent 03539f508c
commit abb95ba1ba
9 changed files with 217 additions and 7 deletions
--- a/lib/dialog/gallery_details_page.dart
+++ b/lib/dialog/gallery_details_page.dart
@@ -0,0 +1,128 @@
+import 'package:dio/dio.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:logging/logging.dart';
+import '../api/gallery.dart';
+import '../globals.dart';
+
+final _log = Logger("GalleryDetailsPage");
+
+class _KeyValue extends StatelessWidget {
+  const _KeyValue(this.name, this.value, {Key? key, this.fontSize})
+      : super(key: key);
+  final String name;
+  final String value;
+  final double? fontSize;
+
+  @override
+  Widget build(BuildContext context) {
+    final cs = Theme.of(context).colorScheme;
+    return Row(children: [
+      SizedBox(
+          width: 80,
+          child: Text(name,
+              style: TextStyle(color: cs.primary, fontSize: fontSize))),
+      Expanded(
+        child: SelectableText(value,
+            style: TextStyle(color: cs.secondary, fontSize: fontSize)),
+      )
+    ]);
+  }
+}
+
+class GalleryDetailsPageExtra {
+  const GalleryDetailsPageExtra({this.meta});
+  final GMeta? meta;
+}
+
+class GalleryDetailsPage extends StatefulWidget {
+  const GalleryDetailsPage(this.gid, {Key? key, this.meta}) : super(key: key);
+  final int gid;
+  final GMeta? meta;
+
+  @override
+  State<GalleryDetailsPage> createState() => _GalleryDetailsPage();
+}
+
+class _GalleryDetailsPage extends State<GalleryDetailsPage> {
+  GMeta? _meta;
+  CancelToken? _cancel;
+  bool _isLoading = false;
+  Object? _error;
+
+  Future<void> _fetchData() async {
+    try {
+      _cancel = CancelToken();
+      _isLoading = true;
+      final data = (await api.getGallery(widget.gid)).unwrap();
+      if (!_cancel!.isCancelled) {
+        setState(() {
+          _meta = data.meta;
+          _isLoading = false;
+        });
+      }
+    } catch (e) {
+      if (!_cancel!.isCancelled) {
+        _log.severe("Failed to load gallery ${widget.gid}:", e);
+        setState(() {
+          _error = e;
+          _isLoading = false;
+        });
+      }
+    }
+  }
+
+  @override
+  void initState() {
+    _meta = widget.meta;
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _cancel?.cancel();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    tryInitApi(context);
+    final isLoading = _meta == null && _error == null;
+    final i18n = AppLocalizations.of(context)!;
+    final maxWidth = MediaQuery.of(context).size.width;
+    if (isLoading && !_isLoading) _fetchData();
+    return Container(
+      padding: maxWidth < 400
+          ? const EdgeInsets.symmetric(vertical: 20, horizontal: 5)
+          : const EdgeInsets.all(20),
+      decoration: BoxDecoration(borderRadius: BorderRadius.circular(10)),
+      child: isLoading
+          ? const Center(child: CircularProgressIndicator())
+          : _error != null
+              ? SingleChildScrollView(
+                  child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Text("Error: $_error"),
+                    ElevatedButton.icon(
+                        onPressed: () {
+                          _fetchData();
+                          setState(() {
+                            _error = null;
+                          });
+                        },
+                        icon: const Icon(Icons.refresh),
+                        label: Text(i18n.retry)),
+                  ],
+                ))
+              : SingleChildScrollView(
+                  child: Column(children: [
+                  _KeyValue(
+                    i18n.gid,
+                    _meta!.gid.toString(),
+                    fontSize: 14,
+                  ),
+                ])),
+    );
+  }
+}