refactor code

2026-05-21 18:07:34 +08:00 · 2024-07-31 14:41:57 +08:00
parent 0ea1c040a2
commit 9ba59a7d5a
22 changed files with 728 additions and 325 deletions
--- a/ui/lib/widgets/detail_card.dart
+++ b/ui/lib/widgets/detail_card.dart
@@ -0,0 +1,111 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:go_router/go_router.dart';
+import 'package:ui/providers/APIs.dart';
+import 'package:ui/providers/series_details.dart';
+import 'package:ui/welcome_page.dart';
+
+import 'widgets.dart';
+
+class DetailCard extends ConsumerStatefulWidget {
+  final SeriesDetails details;
+
+  const DetailCard({super.key, required this.details});
+
+  @override
+  ConsumerState<ConsumerStatefulWidget> createState() {
+    return _DetailCardState();
+  }
+}
+
+class _DetailCardState extends ConsumerState<DetailCard> {
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      margin: const EdgeInsets.all(4),
+      clipBehavior: Clip.hardEdge,
+      child: Container(
+        constraints: BoxConstraints(maxHeight: MediaQuery.of(context).size.height*0.4),
+        decoration: BoxDecoration(
+            image: DecorationImage(
+                fit: BoxFit.cover,
+                opacity: 0.3,
+                colorFilter: ColorFilter.mode(
+                    Colors.black.withOpacity(0.3), BlendMode.dstATop),
+                image: NetworkImage(
+                    "${APIs.imagesUrl}/${widget.details.id}/backdrop.jpg"))),
+        child: Padding(
+          padding: const EdgeInsets.all(10),
+          child: Row(
+            children: <Widget>[
+              Flexible(
+                flex: 2,
+                child: Padding(
+                  padding: const EdgeInsets.all(10),
+                  child: Image.network(
+                      "${APIs.imagesUrl}/${widget.details.id}/poster.jpg",
+                      fit: BoxFit.contain),
+                ),
+              ),
+              Flexible(
+                flex: 4,
+                child: Row(
+                  children: [
+                    Expanded(
+                        child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        const Text(""),
+                        Row(
+                          children: [
+                            Text("${widget.details.resolution}"),
+                            const SizedBox(
+                              width: 30,
+                            ),
+                            Text(
+                                "${widget.details.storage!.name} (${widget.details.storage!.implementation})")
+                          ],
+                        ),
+                        const Divider(thickness: 1, height: 1),
+                        Text(
+                          "${widget.details.name} ${widget.details.name != widget.details.originalName ? widget.details.originalName : ''} (${widget.details.airDate!.split("-")[0]})",
+                          style: const TextStyle(
+                              fontSize: 20, fontWeight: FontWeight.bold),
+                        ),
+                        const Text(""),
+                        Expanded(
+                            child: Text(
+                          widget.details.overview ?? "",
+                        )),
+                        Row(
+                          children: [
+                            deleteIcon(),
+                          ],
+                        )
+                      ],
+                    )),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget deleteIcon() {
+    return IconButton(
+        onPressed: () {
+          var f = ref
+              .read(mediaDetailsProvider(widget.details.id.toString()).notifier)
+              .delete()
+              .then((v) => context.go(widget.details.mediaType == "tv"
+                  ? WelcomePage.routeTv
+                  : WelcomePage.routeMoivie));
+          showLoadingWithFuture(f);
+        },
+        icon: const Icon(Icons.delete));
+  }
+}