Init repo

2026-03-19 04:06:33 -07:00 · 2024-09-15 14:12:28 +02:00 · 2024-09-15 14:12:28 +02:00 · 764b6034e3
commit 764b6034e3
566 changed files with 212335 additions and 0 deletions
--- a/lib/screens/details_screens/person_detail_screen.dart
+++ b/lib/screens/details_screens/person_detail_screen.dart
@ -0,0 +1,127 @@
+import 'package:collection/collection.dart';
+import 'package:fladder/models/items/item_shared_models.dart';
+import 'package:fladder/providers/items/person_details_provider.dart';
+import 'package:fladder/providers/user_provider.dart';
+import 'package:fladder/screens/shared/detail_scaffold.dart';
+import 'package:fladder/screens/shared/media/external_urls.dart';
+import 'package:fladder/screens/shared/media/poster_row.dart';
+import 'package:fladder/util/adaptive_layout.dart';
+import 'package:fladder/util/fladder_image.dart';
+import 'package:fladder/util/list_extensions.dart';
+import 'package:fladder/util/string_extensions.dart';
+import 'package:fladder/util/widget_extensions.dart';
+import 'package:fladder/widgets/shared/selectable_icon_button.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:intl/intl.dart';
+
+class PersonDetailScreen extends ConsumerStatefulWidget {
+  final Person person;
+  const PersonDetailScreen({required this.person, super.key});
+
+  @override
+  ConsumerState<ConsumerStatefulWidget> createState() => _PersonDetailScreenState();
+}
+
+class _PersonDetailScreenState extends ConsumerState<PersonDetailScreen> {
+  late final providerID = personDetailsProvider(widget.person.id);
+
+  @override
+  Widget build(BuildContext context) {
+    final details = ref.watch(providerID);
+    return DetailScaffold(
+      label: details?.name ?? "",
+      onRefresh: () async {
+        await ref.read(providerID.notifier).fetchPerson(widget.person);
+      },
+      backDrops: [...?details?.movies, ...?details?.series].random().firstOrNull?.images,
+      content: (padding) => Column(
+        mainAxisSize: MainAxisSize.max,
+        children: [
+          SizedBox(height: MediaQuery.of(context).size.height / 6),
+          Padding(
+            padding: padding,
+            child: Wrap(
+              alignment: WrapAlignment.center,
+              runAlignment: WrapAlignment.spaceEvenly,
+              crossAxisAlignment: WrapCrossAlignment.center,
+              runSpacing: 32,
+              spacing: 32,
+              children: [
+                Container(
+                  clipBehavior: Clip.antiAlias,
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(15),
+                  ),
+                  width: AdaptiveLayout.of(context).layout == LayoutState.phone
+                      ? MediaQuery.of(context).size.width
+                      : MediaQuery.of(context).size.width / 3.5,
+                  child: AspectRatio(
+                    aspectRatio: 0.70,
+                    child: FladderImage(
+                      fit: BoxFit.cover,
+                      placeHolder: placeHolder(details?.name ?? ""),
+                      image: details?.images?.primary,
+                    ),
+                  ),
+                ),
+                Column(
+                  children: [
+                    Padding(
+                      padding: const EdgeInsets.symmetric(vertical: 32),
+                      child: Row(
+                        mainAxisSize: MainAxisSize.min,
+                        children: [
+                          Flexible(child: Text(details?.name ?? "", style: Theme.of(context).textTheme.displaySmall)),
+                          const SizedBox(width: 15),
+                          SelectableIconButton(
+                            onPressed: () async => await ref
+                                .read(userProvider.notifier)
+                                .setAsFavorite(!(details?.userData.isFavourite ?? false), details?.id ?? ""),
+                            selected: (details?.userData.isFavourite ?? false),
+                            selectedIcon: Icons.favorite_rounded,
+                            icon: Icons.favorite_border_rounded,
+                          ),
+                        ],
+                      ),
+                    ),
+                    if (details?.dateOfBirth != null)
+                      Text("Birthday: ${DateFormat.yMEd().format(details?.dateOfBirth ?? DateTime.now()).toString()}"),
+                    if (details?.age != null) Text("Age: ${details?.age}"),
+                    if (details?.birthPlace.isEmpty == false) Text("Born in ${details?.birthPlace.join(",")}"),
+                    if (details?.overview.externalUrls?.isNotEmpty ?? false)
+                      ExternalUrlsRow(
+                        urls: details?.overview.externalUrls,
+                      ).padding(padding),
+                  ],
+                ),
+              ],
+            ),
+          ),
+          const SizedBox(height: 32),
+          if (details?.movies.isNotEmpty ?? false)
+            PosterRow(contentPadding: padding, posters: details?.movies ?? [], label: "Movies"),
+          if (details?.series.isNotEmpty ?? false)
+            PosterRow(contentPadding: padding, posters: details?.series ?? [], label: "Series")
+        ],
+      ),
+    );
+  }
+
+  Widget placeHolder(String name) {
+    return Container(
+      color: Theme.of(context).colorScheme.surfaceContainerHighest,
+      child: FractionallySizedBox(
+        widthFactor: 0.4,
+        child: Card(
+          shape: const CircleBorder(),
+          child: Center(
+              child: Text(
+            name.getInitials(),
+            style: Theme.of(context).textTheme.titleMedium?.copyWith(fontWeight: FontWeight.bold),
+          )),
+        ),
+      ),
+    );
+  }
+}