Shikkanime · Ziedelth · May 13, 2024 · May 13, 2024
diff --git a/lib/components/calendar_anime_component.dart b/lib/components/calendar_anime_component.dart
@@ -1,5 +1,5 @@
 import 'package:application/components/card_component.dart';
-import 'package:application/components/episodes/watchlist_button.dart';
+import 'package:application/components/watchlist_button.dart';
 import 'package:application/components/image_component.dart';
 import 'package:application/components/lang_type_component.dart';
 import 'package:application/components/platforms/list_platform.dart';

diff --git a/lib/components/card_component.dart b/lib/components/card_component.dart
@@ -2,12 +2,14 @@ import 'package:flutter/material.dart';
 
 class CustomCard extends StatefulWidget {
   final Widget child;
+  final Color? backgroundColor;
   final Function()? onTap;
   final Function(TapDownDetails?)? onLongPress;
 
   const CustomCard({
     super.key,
     required this.child,
+    this.backgroundColor,
     this.onTap,
     this.onLongPress,
   });
@@ -30,9 +32,9 @@ class _CustomCardState extends State<CustomCard> {
         child: DecoratedBox(
           decoration: BoxDecoration(
             borderRadius: BorderRadius.circular(16),
-            color: withOpacity,
+            color: widget.backgroundColor ?? withOpacity,
             border: Border.all(
-              color: withOpacity,
+              color: widget.backgroundColor ?? withOpacity,
               width: 1,
             ),
           ),

diff --git a/lib/components/episodes/episode_action_bar.dart b/lib/components/episodes/episode_action_bar.dart
@@ -1,4 +1,4 @@
-import 'package:application/components/episodes/watchlist_button.dart';
+import 'package:application/components/watchlist_button.dart';
 import 'package:application/dtos/episode_mapping_dto.dart';
 import 'package:flutter/material.dart';
 import 'package:url_launcher/url_launcher.dart';

diff --git a/lib/components/missed_anime_component.dart b/lib/components/missed_anime_component.dart
@@ -0,0 +1,93 @@
+import 'package:application/components/card_component.dart';
+import 'package:application/components/image_component.dart';
+import 'package:application/controllers/missed_anime_controller.dart';
+import 'package:application/dtos/missed_anime_dto.dart';
+import 'package:application/views/anime_details_view.dart';
+import 'package:flutter/material.dart';
+
+class MissedAnimeComponent extends StatelessWidget {
+  static const bookmarkColor = Colors.yellow;
+  final MissedAnimeDto missedAnime;
+
+  const MissedAnimeComponent({
+    super.key,
+    required this.missedAnime,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return CustomCard(
+      backgroundColor: Colors.transparent,
+      onTap: () {
+        Navigator.of(context).push(
+          MaterialPageRoute(
+            builder: (context) => AnimeDetailsView(anime: missedAnime.anime),
+          ),
+        );
+      },
+      onLongPress: (details) {
+        MissedAnimeController.instance
+            .onLongPress(context, missedAnime, details);
+      },
+      child: SizedBox(
+        width: 100,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: <Widget>[
+            SizedBox(
+              width: 80,
+              height: 80,
+              child: Stack(
+                children: [
+                  ImageComponent(
+                    uuid: missedAnime.anime.uuid,
+                    borderRadius: BorderRadius.circular(360),
+                  ),
+                  Positioned(
+                    top: 0,
+                    right: 0,
+                    child: Container(
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 5,
+                        vertical: 2,
+                      ),
+                      decoration: const BoxDecoration(
+                        color: Colors.red,
+                        borderRadius: BorderRadius.all(Radius.circular(8)),
+                      ),
+                      child: Text(
+                        missedAnime.episodeMissed >= 10
+                            ? '9+'
+                            : missedAnime.episodeMissed.toString(),
+                        style: const TextStyle(
+                          color: Colors.white,
+                          fontSize: 12,
+                          fontWeight: FontWeight.bold,
+                        ),
+                        textAlign: TextAlign.center,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            const SizedBox(height: 4),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 8),
+              child: Text(
+                missedAnime.anime.shortName,
+                style: Theme.of(context)
+                    .textTheme
+                    .bodySmall
+                    ?.copyWith(fontWeight: FontWeight.bold),
+                overflow: TextOverflow.ellipsis,
+                maxLines: 1,
+                textAlign: TextAlign.center,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/...components/episodes/watchlist_button.dart → lib/components/watchlist_button.dart b/...components/episodes/watchlist_button.dart → lib/components/watchlist_button.dart
@@ -1,5 +1,6 @@
 import 'package:application/components/followed_stream_builder.dart';
 import 'package:application/controllers/member_controller.dart';
+import 'package:application/controllers/missed_anime_controller.dart';
 import 'package:application/dtos/anime_dto.dart';
 import 'package:application/dtos/episode_mapping_dto.dart';
 import 'package:flutter/material.dart';
@@ -41,17 +42,25 @@ class WatchlistButton extends StatelessWidget {
           onTap: (isLiked) async {
             if (!isLiked) {
               if (anime != null) {
-                MemberController.instance.followAnime(anime!);
+                MemberController.instance
+                    .followAnime(anime!)
+                    .then((value) => MissedAnimeController.instance.init());
               } else {
-                MemberController.instance.followEpisode(episode!);
+                MemberController.instance
+                    .followEpisode(episode!)
+                    .then((value) => MissedAnimeController.instance.init());
               }
 
               Vibration.vibrate(pattern: [0, 50, 125, 50, 125, 50]);
             } else {
               if (anime != null) {
-                MemberController.instance.unfollowAnime(anime!);
+                MemberController.instance
+                    .unfollowAnime(anime!)
+                    .then((value) => MissedAnimeController.instance.init());
               } else {
-                MemberController.instance.unfollowEpisode(episode!);
+                MemberController.instance
+                    .unfollowEpisode(episode!)
+                    .then((value) => MissedAnimeController.instance.init());
               }
             }
 

diff --git a/lib/controllers/anime_controller.dart b/lib/controllers/anime_controller.dart
@@ -1,6 +1,7 @@
 import 'dart:async';
 
 import 'package:application/controllers/member_controller.dart';
+import 'package:application/controllers/missed_anime_controller.dart';
 import 'package:application/controllers/simulcast_controller.dart';
 import 'package:application/dtos/anime_dto.dart';
 import 'package:application/utils/constant.dart';
@@ -108,7 +109,9 @@ class AnimeController {
       ],
     ).then((value) {
       if (value == 0) {
-        MemberController.instance.followAllEpisodes(anime);
+        MemberController.instance
+            .followAllEpisodes(anime)
+            .then((value) => MissedAnimeController.instance.init());
         Vibration.vibrate(pattern: [0, 50, 125, 50, 125, 50]);
       } else if (value == 1) {
         Share.share(

diff --git a/lib/controllers/missed_anime_controller.dart b/lib/controllers/missed_anime_controller.dart
@@ -0,0 +1,122 @@
+import 'dart:async';
+
+import 'package:application/controllers/member_controller.dart';
+import 'package:application/dtos/missed_anime_dto.dart';
+import 'package:application/utils/constant.dart';
+import 'package:application/utils/http_request.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:share_plus/share_plus.dart';
+import 'package:vibration/vibration.dart';
+
+class MissedAnimeController {
+  static MissedAnimeController instance = MissedAnimeController();
+  final missedAnimes = <MissedAnimeDto>[];
+  final scrollController = ScrollController();
+  final streamController = StreamController<List<MissedAnimeDto>>.broadcast();
+  int page = 1;
+  bool isLoading = false;
+  bool canLoadMore = true;
+
+  Future<void> init() async {
+    missedAnimes.clear();
+    streamController.add(missedAnimes);
+
+    page = 1;
+    isLoading = false;
+    canLoadMore = true;
+    await nextPage();
+
+    scrollController.addListener(() {
+      // If the user is going to the end of the list
+      final position = scrollController.position;
+
+      if (position.pixels >= position.maxScrollExtent - 300 &&
+          !isLoading &&
+          canLoadMore) {
+        nextPage();
+      }
+    });
+  }
+
+  Future<void> goToTop() async {
+    await scrollController.animateTo(
+      0,
+      duration: const Duration(milliseconds: 500),
+      curve: Curves.easeInOut,
+    );
+
+    await init();
+  }
+
+  Future<void> nextPage() async {
+    if (isLoading) {
+      return;
+    }
+
+    isLoading = true;
+
+    try {
+      final pageableDto = await HttpRequest.instance.getPage(
+        '/v1/animes/missed?page=$page&limit=6',
+        token: MemberController.instance.member!.token,
+      );
+
+      missedAnimes.addAll(
+        pageableDto.data
+            .map((e) => MissedAnimeDto.fromJson(e as Map<String, dynamic>)),
+      );
+
+      streamController.add(missedAnimes);
+      canLoadMore = missedAnimes.length < pageableDto.total;
+    } catch (e) {
+      debugPrint(e.toString());
+    } finally {
+      isLoading = false;
+      page++;
+    }
+  }
+
+  void onLongPress(
+    BuildContext context,
+    MissedAnimeDto missedAnime,
+    TapDownDetails? details,
+  ) {
+    if (details == null) {
+      return;
+    }
+
+    final RenderBox renderBox =
+        Overlay.of(context).context.findRenderObject() as RenderBox;
+
+    // Show dropdown menu
+    showMenu<int>(
+      context: context,
+      position: RelativeRect.fromRect(
+        details.globalPosition & const Size(40, 40),
+        Offset.zero & renderBox.size,
+      ),
+      items: [
+        PopupMenuItem(
+          value: 0,
+          child: Text(AppLocalizations.of(context)!.markWatched),
+        ),
+        PopupMenuItem(
+          value: 1,
+          child: Text(AppLocalizations.of(context)!.share),
+        ),
+      ],
+    ).then((value) {
+      if (value == 0) {
+        MemberController.instance
+            .followAllEpisodes(missedAnime.anime)
+            .then((value) => init());
+        Vibration.vibrate(pattern: [0, 50, 125, 50, 125, 50]);
+      } else if (value == 1) {
+        Share.share(
+          '${Constant.baseUrl}/animes/${missedAnime.anime.slug}',
+        );
+      }
+    });
+  }
+}
diff --git a/lib/dtos/missed_anime_dto.dart b/lib/dtos/missed_anime_dto.dart
@@ -0,0 +1,16 @@
+import 'package:application/dtos/anime_dto.dart';
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'missed_anime_dto.freezed.dart';
+part 'missed_anime_dto.g.dart';
+
+@freezed
+class MissedAnimeDto with _$MissedAnimeDto {
+  const factory MissedAnimeDto({
+    required AnimeDto anime,
+    required int episodeMissed,
+  }) = _MissedAnimeDto;
+
+  factory MissedAnimeDto.fromJson(Map<String, dynamic> json) =>
+      _$MissedAnimeDtoFromJson(json);
+}