mod: show member coin/like archives(web)

Closes #265

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

lib/pages/member_coin/controller.dart

@@ -1,3 +1,18 @@
-import 'package:get/get.dart';
+import 'package:PiliPlus/http/loading_state.dart';
+import 'package:PiliPlus/http/member.dart';
+import 'package:PiliPlus/pages/common/common_controller.dart';
 
-class MemberCoinController extends GetxController {}
+class MemberCoinController extends CommonController {
+  final dynamic mid;
+  MemberCoinController({this.mid});
+
+  @override
+  void onInit() {
+    super.onInit();
+    queryData();
+  }
+
+  @override
+  Future<LoadingState> customGetData() =>
+      MemberHttp.getRecentCoinVideo(mid: mid);
+}

lib/pages/member_coin/view.dart

@@ -1,15 +1,75 @@
+import 'package:PiliPlus/common/constants.dart';
+import 'package:PiliPlus/common/widgets/loading_widget.dart';
+import 'package:PiliPlus/http/loading_state.dart';
+import 'package:PiliPlus/pages/member_coin/controller.dart';
+import 'package:PiliPlus/pages/member_coin/widgets/item.dart';
+import 'package:PiliPlus/utils/grid.dart';
+import 'package:PiliPlus/utils/storage.dart';
+import 'package:PiliPlus/utils/utils.dart';
 import 'package:flutter/material.dart';
+import 'package:get/get.dart';
 
 class MemberCoinPage extends StatefulWidget {
-  const MemberCoinPage({super.key});
+  const MemberCoinPage({
+    super.key,
+    required this.mid,
+    this.name,
+  });
+
+  final dynamic mid;
+  final String? name;
 
   @override
   State<MemberCoinPage> createState() => _MemberCoinPageState();
 }
 
 class _MemberCoinPageState extends State<MemberCoinPage> {
+  late final _ownerMid = GStorage.ownerMid;
+
+  late final _ctr = Get.put(
+    MemberCoinController(mid: widget.mid),
+    tag: Utils.makeHeroTag(widget.mid),
+  );
+
   @override
   Widget build(BuildContext context) {
-    return Scaffold();
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('${widget.mid == _ownerMid ? '我' : '${widget.name}'}的最近投币'),
+      ),
+      body: Obx(() => _buildBody(_ctr.loadingState.value)),
+    );
+  }
+
+  Widget _buildBody(LoadingState loadingState) {
+    return switch (loadingState) {
+      Loading() => loadingWidget,
+      Success() => (loadingState.response as List?)?.isNotEmpty == true
+          ? GridView.builder(
+              padding: EdgeInsets.only(
+                top: StyleString.safeSpace - 5,
+                left: StyleString.safeSpace,
+                right: StyleString.safeSpace,
+                bottom: MediaQuery.paddingOf(context).bottom + 80,
+              ),
+              gridDelegate: SliverGridDelegateWithExtentAndRatio(
+                mainAxisSpacing: StyleString.cardSpace,
+                crossAxisSpacing: StyleString.cardSpace,
+                maxCrossAxisExtent: Grid.smallCardWidth,
+                childAspectRatio: StyleString.aspectRatio,
+                mainAxisExtent: MediaQuery.textScalerOf(context).scale(75),
+              ),
+              itemCount: loadingState.response.length,
+              itemBuilder: (context, index) {
+                return MemberCoinsItem(coinItem: loadingState.response[index]);
+              },
+            )
+          : scrollErrorWidget(callback: _ctr.onReload),
+      Error() => scrollErrorWidget(
+          errMsg: loadingState.errMsg,
+          callback: _ctr.onReload,
+        ),
+      LoadingState() => throw UnimplementedError(),
+    };
   }
 }

lib/pages/member_coin/widgets/item.dart

@@ -1,3 +1,4 @@
+import 'package:PiliPlus/common/widgets/image_save.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:PiliPlus/common/constants.dart';
@@ -19,7 +20,6 @@ class MemberCoinsItem extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Card(
-      elevation: 0,
       clipBehavior: Clip.hardEdge,
       margin: EdgeInsets.zero,
       child: InkWell(
@@ -34,7 +34,13 @@ class MemberCoinsItem extends StatelessWidget {
             },
           );
         },
+        onLongPress: () => imageSaveDialog(
+          context: context,
+          title: coinItem.title,
+          cover: coinItem.pic,
+        ),
         child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             AspectRatio(
               aspectRatio: StyleString.aspectRatio,
@@ -62,10 +68,11 @@ class MemberCoinsItem extends StatelessWidget {
             Padding(
               padding: const EdgeInsets.fromLTRB(5, 6, 0, 0),
               child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 children: [
                   Text(
-                    coinItem.title!,
+                    '${coinItem.title}\n',
                     maxLines: 2,
                     overflow: TextOverflow.ellipsis,
                   ),