detailview lol

2025-06-02 10:47:06 +02:00
parent 0a9c0bac64
commit 9c54010925
9 changed files with 366 additions and 459 deletions
--- a/lib/screens/detailview.dart
+++ b/lib/screens/detailview.dart
@ -0,0 +1,144 @@
+import 'package:flutter/material.dart';
+import 'package:f0ckapp/models/mediaitem.dart';
+import 'package:f0ckapp/services/api.dart';
+import 'package:f0ckapp/widgets/video_widget.dart';
+
+class DetailView extends StatefulWidget {
+  final int initialItemId;
+  final List<MediaItem> mediaItems;
+  final String mode;
+
+  const DetailView({
+    super.key,
+    required this.initialItemId,
+    required this.mediaItems,
+    required this.mode,
+  });
+
+  @override
+  State createState() => _DetailViewState();
+}
+
+class _DetailViewState extends State<DetailView> {
+  late PageController _pageController;
+  late List<MediaItem> mediaItems;
+  int currentItemId = 0;
+  bool isLoading = false;
+
+  @override
+  void initState() {
+    super.initState();
+    mediaItems = widget.mediaItems;
+    final initialIndex = mediaItems.indexWhere(
+      (item) => item.id == widget.initialItemId,
+    );
+    _pageController = PageController(initialPage: initialIndex);
+
+    currentItemId = mediaItems[initialIndex].id;
+
+    _pageController.addListener(() {
+      final newIndex = _pageController.page?.round();
+      if (newIndex != null && newIndex < mediaItems.length) {
+        setState(() => currentItemId = mediaItems[newIndex].id);
+      }
+
+      if (_pageController.position.pixels >=
+          _pageController.position.maxScrollExtent - 100) {
+        _loadMoreMedia();
+      }
+    });
+  }
+
+  Future<void> _loadMoreMedia() async {
+    if (isLoading) return;
+    setState(() => isLoading = true);
+
+    try {
+      final newMedia = await fetchMedia(
+        older: mediaItems.last.id.toString(),
+        mode: widget.mode,
+      );
+      if (mounted) {
+        setState(() => mediaItems.addAll(newMedia));
+      }
+    } catch (e) {
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Fehler beim Laden weiterer Medien: $e')),
+        );
+      }
+    } finally {
+      setState(() => isLoading = false);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Color(0xFF171717),
+      appBar: AppBar(
+        backgroundColor: const Color(0xFF2B2B2B),
+        foregroundColor: Colors.white,
+        title: Text('f0ck #$currentItemId (${widget.mode})'),
+        centerTitle: true,
+      ),
+      body: PageView.builder(
+        controller: _pageController,
+        itemCount: mediaItems.length + (isLoading ? 1 : 0),
+        itemBuilder: (context, index) {
+          if (index >= mediaItems.length) {
+            return const Center(child: CircularProgressIndicator());
+          }
+
+          final item = mediaItems[index];
+          return SingleChildScrollView(
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.start,
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: [
+                if (item.mime.startsWith('image')) ...[
+                  Image.network(
+                    'https://f0ck.me/b/${item.dest}',
+                    fit: BoxFit.contain,
+                  ),
+                ] else ...[
+                  VideoWidget(details: item),
+                ],
+                const SizedBox(height: 20),
+                Text(
+                  item.mime,
+                  style: const TextStyle(color: Colors.white, fontSize: 18),
+                ),
+                const SizedBox(height: 10),
+                Wrap(
+                  alignment: WrapAlignment.center,
+                  spacing: 5.0,
+                  children: item.tags.map((tag) {
+                    Color tagColor;
+                    switch (tag.id) {
+                      case 1:
+                        tagColor = Colors.green;
+                        break;
+                      case 2:
+                        tagColor = Colors.red;
+                        break;
+                      default:
+                        tagColor = Color(0xFF090909);
+                    }
+
+                    return Chip(
+                      label: Text(tag.tag),
+                      backgroundColor: tagColor,
+                      labelStyle: const TextStyle(color: Colors.white),
+                    );
+                  }).toList(),
+                ),
+                const SizedBox(height: 40),
+              ],
+            ),
+          );
+        },
+      ),
+    );
+  }
+}