v1.3.4+60

- oops xd

assets/i18n/de_DE.json

@@ -0,0 +1,11 @@
+{
+  "settings_title": "Einstellungen",
+  "settings_language": "Sprache",
+  "settings_drawer_title": "Drawer per Geste öffnen",
+  "settings_drawer_subtitle": "Wähle, ob der Drawer mit einer Wischgeste geschlossen/geöffnet werden kann.",
+  "settings_numberofcolumns_title": "Spaltenanzahl",
+  "settings_numberofcolumns_columns": "@count Spalten",
+  "settings_pageanimation_title": "Seitenwechselanimation",
+  "settings_cache_title": "Cache leeren",
+  "settings_cache_clear_button": "Leeren"
+}

assets/i18n/en_US.json

@@ -0,0 +1,11 @@
+{
+  "settings_title": "Settings",
+  "settings_language": "Language",
+  "settings_drawer_title": "Open drawer with gesture",
+  "settings_drawer_subtitle": "Choose whether the drawer can be closed/opened with a swipe gesture.",
+  "settings_numberofcolumns_title": "Number of columns",
+  "settings_numberofcolumns_columns": "@count columns",
+  "settings_pageanimation_title": "Page change animation",
+  "settings_cache_title": "Clear Cache",
+  "settings_cache_clear_button": "Clear"
+}

assets/i18n/fr_FR.json

@@ -0,0 +1,11 @@
+{
+  "settings_title": "Paramètres",
+  "settings_language": "Langue",
+  "settings_drawer_title": "Ouvrir le tiroir avec un geste",
+  "settings_drawer_subtitle": "Choisissez si le tiroir peut être ouvert/fermé avec un geste de balayage.",
+  "settings_numberofcolumns_title": "Nombre de colonnes",
+  "settings_numberofcolumns_columns": "@count colonnes",
+  "settings_pageanimation_title": "Animation de changement de page",
+  "settings_cache_title": "Vider le cache",
+  "settings_cache_clear_button": "Vider"
+}

assets/i18n/nl_NL.json

@@ -0,0 +1,11 @@
+{
+  "settings_title": "Instellingen",
+  "settings_language": "Taal",
+  "settings_drawer_title": "Lade openen met een gebaar",
+  "settings_drawer_subtitle": "Kies of de lade geopend/gesloten kan worden met een veeggebaar.",
+  "settings_numberofcolumns_title": "Aantal kolommen",
+  "settings_numberofcolumns_columns": "@count kolommen",
+  "settings_pageanimation_title": "Pagina-overgangsanimatie",
+  "settings_cache_title": "Cache wissen",
+  "settings_cache_clear_button": "Wissen"
+}

lib/controller/auth_controller.dart

@@ -0,0 +1,98 @@
+import 'dart:convert';
+
+import 'package:get/get.dart';
+import 'package:encrypt_shared_preferences/provider.dart';
+import 'package:http/http.dart' as http;
+
+import 'package:f0ckapp/controller/media_controller.dart';
+
+class AuthController extends GetxController {
+  final EncryptedSharedPreferencesAsync storage =
+      EncryptedSharedPreferencesAsync.getInstance();
+  final MediaController mediaController = Get.find<MediaController>();
+
+  RxnString token = RxnString();
+  RxnInt userId = RxnInt();
+  RxnString avatarUrl = RxnString();
+  RxnString username = RxnString();
+
+  @override
+  void onInit() {
+    super.onInit();
+    loadToken();
+  }
+
+  Future<void> loadToken() async {
+    token.value = await storage.getString('token');
+    if (token.value != null) {
+      await fetchUserInfo();
+    }
+  }
+
+  Future<void> saveToken(String newToken) async {
+    token.value = newToken;
+    await storage.setString('token', newToken);
+    await fetchUserInfo();
+  }
+
+  Future<void> logout() async {
+    if (token.value != null) {
+      try {
+        await http.post(
+          Uri.parse('https://api.f0ck.me/logout'),
+          headers: {
+            'Authorization': 'Bearer ${token.value}',
+            'Content-Type': 'application/json',
+          },
+        );
+        await mediaController.loadMediaItems();
+        mediaController.mediaItems.refresh();
+      } catch (e) {
+        //
+      }
+    }
+    token.value = null;
+    userId.value = null;
+    avatarUrl.value = null;
+    username.value = null;
+    await storage.remove('token');
+  }
+
+  Future<bool> login(String username, String password) async {
+    final http.Response response = await http.post(
+      Uri.parse('https://api.f0ck.me/login'),
+      headers: {'Content-Type': 'application/json'},
+      body: json.encode({'username': username, 'password': password}),
+    );
+    if (response.statusCode == 200) {
+      final dynamic data = json.decode(response.body);
+      if (data['token'] != null) {
+        await saveToken(data['token']);
+        await mediaController.loadMediaItems();
+        mediaController.mediaItems.refresh();
+        return true;
+      }
+    }
+    return false;
+  }
+
+  Future<void> fetchUserInfo() async {
+    if (token.value == null) return;
+    final http.Response response = await http.get(
+      Uri.parse('https://api.f0ck.me/login/check'),
+      headers: {'Authorization': 'Bearer ${token.value}'},
+    );
+    if (response.statusCode == 200) {
+      final dynamic data = json.decode(response.body);
+      userId.value = data['userid'] != null
+          ? int.parse(data['userid'].toString())
+          : null;
+      avatarUrl.value = data['avatar'] != null
+          ? 'https://f0ck.me/t/${data['avatar']}.webp'
+          : null;
+      username.value = data['user'];
+    } else {
+      await logout();
+    }
+  }
+}

lib/controller/localization_controller.dart

@@ -0,0 +1,65 @@
+import 'dart:convert';
+
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+import 'package:get/get.dart';
+import 'package:encrypt_shared_preferences/provider.dart';
+
+class MyTranslations extends Translations {
+  static final MyTranslations instance = MyTranslations._internal();
+  MyTranslations._internal();
+
+  static final Map<String, Map<String, String>> _translations = {};
+
+  static Future<void> loadTranslations() async {
+    final locales = ['en_US', 'de_DE', 'fr_FR', 'nl_NL'];
+    for (final locale in locales) {
+      final String jsonString = await rootBundle.loadString(
+        'assets/i18n/$locale.json',
+      );
+      final Map<String, dynamic> jsonMap = json.decode(jsonString);
+      _translations[locale] = jsonMap.map(
+        (key, value) => MapEntry(key, value.toString()),
+      );
+    }
+  }
+
+  @override
+  Map<String, Map<String, String>> get keys => _translations;
+}
+
+class LocalizationController extends GetxController {
+  final EncryptedSharedPreferencesAsync storage =
+      EncryptedSharedPreferencesAsync.getInstance();
+  Rx<Locale> currentLocale = const Locale('en', 'US').obs;
+
+  @override
+  void onInit() {
+    super.onInit();
+    loadLocale();
+  }
+
+  Future<void> loadLocale() async {
+    String? savedLocale = await storage.getString(
+      'locale',
+      defaultValue: 'en_US',
+    );
+    if (savedLocale != null && savedLocale.isNotEmpty) {
+      final List<String> parts = savedLocale.split('_');
+      currentLocale.value = parts.length == 2
+          ? Locale(parts[0], parts[1])
+          : Locale(parts[0]);
+      Get.locale = currentLocale.value;
+    }
+  }
+
+  Future<void> changeLocale(Locale newLocale) async {
+    currentLocale.value = newLocale;
+    Get.updateLocale(newLocale);
+    await storage.setString(
+      'locale',
+      '${newLocale.languageCode}_${newLocale.countryCode}',
+    );
+  }
+}

lib/controller/media_controller.dart

@@ -1,7 +1,7 @@
 import 'package:encrypt_shared_preferences/provider.dart';
-import 'package:f0ckapp/utils/animatedtransition.dart';
 import 'package:get/get.dart';
 
+import 'package:f0ckapp/utils/animatedtransition.dart';
 import 'package:f0ckapp/service/media_service.dart';
 import 'package:f0ckapp/models/media_item.dart';
 
@@ -23,6 +23,8 @@ class MediaController extends GetxController {
   late RxBool drawerSwipeEnabled = true.obs;
   final Rx<PageTransition> transitionType = PageTransition.opacity.obs;
 
+  MediaItem? selectedItem;
+
   @override
   void onInit() async {
     super.onInit();
@@ -98,7 +100,7 @@ class MediaController extends GetxController {
       );
 
       append ? mediaItems.addAll(items) : mediaItems.assignAll(items);
-      
+
       errorMessage.value = '';
     } catch (e) {
       errorMessage.value = 'Fehler beim Laden der Daten: ${e.toString()}';

lib/main.dart

@@ -1,27 +1,39 @@
-import 'package:f0ckapp/screens/settings_screen.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 
 import 'package:get/get.dart';
 import 'package:encrypt_shared_preferences/provider.dart';
 
+import 'package:f0ckapp/service/media_service.dart';
+import 'package:f0ckapp/controller/localization_controller.dart';
 import 'package:f0ckapp/utils/appversion.dart';
 import 'package:f0ckapp/controller/theme_controller.dart';
 import 'package:f0ckapp/controller/media_controller.dart';
 import 'package:f0ckapp/screens/detail_view.dart';
 import 'package:f0ckapp/screens/media_grid.dart';
+import 'package:f0ckapp/controller/auth_controller.dart';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
   await SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
   await EncryptedSharedPreferencesAsync.initialize('VokTnbAbemBUa2j9');
+  await MyTranslations.loadTranslations();
   await AppVersion.init();
+  Get.put(MediaService());
   Get.put(MediaController());
+  Get.put(AuthController());
+  LocalizationController localizationController = Get.put(LocalizationController());
   final ThemeController themeController = Get.put(ThemeController());
 
+  Get.addTranslations(MyTranslations.instance.keys);
+  Get.locale = localizationController.currentLocale.value;
+
+  //Locale systemLocale = WidgetsBinding.instance.platformDispatcher.locale;
+
   runApp(
     Obx(
       () => MaterialApp(
+        locale: Get.locale,
         navigatorKey: Get.key,
         theme: themeController.currentTheme.value,
         debugShowCheckedModeBanner: false,

lib/models/media_item.dart

@@ -6,6 +6,7 @@ class MediaItem {
   final String dest;
   final int mode;
   final List<Tag> tags;
+  final List<Favorite>? favorites;
 
   MediaItem({
     required this.id,
@@ -15,8 +16,31 @@ class MediaItem {
     required this.dest,
     required this.mode,
     required this.tags,
+    required this.favorites,
   });
 
+  MediaItem copyWith({
+    int? id,
+    String? mime,
+    int? size,
+    int? stamp,
+    String? dest,
+    int? mode,
+    List<Tag>? tags,
+    List<Favorite>? favorites,
+  }) {
+    return MediaItem(
+      id: id ?? this.id,
+      mime: mime ?? this.mime,
+      size: size ?? this.size,
+      stamp: stamp ?? this.stamp,
+      dest: dest ?? this.dest,
+      mode: mode ?? this.mode,
+      tags: tags ?? this.tags,
+      favorites: favorites ?? this.favorites,
+    );
+  }
+
   factory MediaItem.fromJson(Map<String, dynamic> json) {
     List<Tag> parsedTags = [];
     if (json['tags'] is List) {
@@ -27,6 +51,18 @@ class MediaItem {
       parsedTags = [];
     }
 
+    List<Favorite> parsedFavorites = [];
+    if (json['favorites'] is List) {
+      parsedFavorites = (json['favorites'] as List<dynamic>)
+          .map(
+            (favoritesJson) =>
+                Favorite.fromJson(favoritesJson as Map<String, dynamic>),
+          )
+          .toList();
+    } else {
+      parsedFavorites = [];
+    }
+
     return MediaItem(
       id: json['id'],
       mime: json['mime'],
@@ -35,6 +71,7 @@ class MediaItem {
       dest: json['dest'],
       mode: json['mode'],
       tags: parsedTags,
+      favorites: parsedFavorites,
     );
   }
 
@@ -59,3 +96,21 @@ class Tag {
     );
   }
 }
+
+class Favorite {
+  final int userId;
+  final String user;
+  final int avatar;
+
+  Favorite({required this.userId, required this.user, required this.avatar});
+
+  factory Favorite.fromJson(Map<String, dynamic> json) {
+    return Favorite(
+      userId: json['user_id'],
+      user: json['user'],
+      avatar: json['avatar'],
+    );
+  }
+
+  String get avatarUrl => 'https://f0ck.me/t/$avatar.webp';
+}

lib/screens/detail_view.dart

@@ -1,21 +1,21 @@
 import 'dart:io';
 
-import 'package:f0ckapp/utils/animatedtransition.dart';
-import 'package:f0ckapp/utils/smartrefreshindicator.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 
-import 'package:cached_network_image/cached_network_image.dart';
 import 'package:get/get.dart';
 import 'package:flutter_cache_manager/flutter_cache_manager.dart';
 import 'package:share_plus/share_plus.dart';
 
+import 'package:f0ckapp/service/media_service.dart';
+import 'package:f0ckapp/utils/animatedtransition.dart';
+import 'package:f0ckapp/utils/smartrefreshindicator.dart';
 import 'package:f0ckapp/controller/media_controller.dart';
 import 'package:f0ckapp/models/media_item.dart';
 import 'package:f0ckapp/screens/media_grid.dart';
 import 'package:f0ckapp/screens/fullscreen_screen.dart';
 import 'package:f0ckapp/widgets/end_drawer.dart';
-import 'package:f0ckapp/widgets/video_widget.dart';
+import 'package:f0ckapp/widgets/detailmediacontent.dart';
 
 class DetailView extends StatefulWidget {
   final int initialId;
@@ -42,6 +42,12 @@ class _DetailViewState extends State<DetailView> {
     });
   }
 
+  @override
+  void dispose() {
+    _pageController?.dispose();
+    super.dispose();
+  }
+
   Future<void> _setupInitialView() async {
     bool itemExists = controller.mediaItems.any(
       (media) => media.id == widget.initialId,
@@ -54,15 +60,16 @@ class _DetailViewState extends State<DetailView> {
   }
 
   void _initializePageController() {
-    _currentPage = controller.mediaItems.indexWhere(
+    final page = controller.mediaItems.indexWhere(
       (media) => media.id == widget.initialId,
     );
-    if (_currentPage < 0) _currentPage = 0;
-    _pageController = PageController(initialPage: _currentPage)
-      ..addListener(() {
-        setState(() => _currentPage = _pageController!.page!.round());
-      });
-    setState(() {});
+    setState(() {
+      _currentPage = page < 0 ? 0 : page;
+      _pageController = PageController(initialPage: _currentPage)
+        ..addListener(() {
+          setState(() => _currentPage = _pageController!.page!.round());
+        });
+    });
   }
 
   Future<void> _downloadMedia(MediaItem item) async {
@@ -106,7 +113,9 @@ class _DetailViewState extends State<DetailView> {
 
   @override
   Widget build(BuildContext context) {
-    if (isLoading) {
+    final MediaService mediaService = Get.find<MediaService>();
+
+    if (isLoading || controller.mediaItems.isEmpty || _pageController == null) {
       return Scaffold(
         appBar: AppBar(
           title: const Text("f0ck"),
@@ -135,7 +144,7 @@ class _DetailViewState extends State<DetailView> {
                   label: Text(controller.tag.value!),
                   onDeleted: () {
                     controller.setTag(null);
-                    Get.offAllNamed('/');
+                    Get.offAll(() => const MediaGrid());
                   },
                 ),
               ),
@@ -151,7 +160,12 @@ class _DetailViewState extends State<DetailView> {
             title: Text('f0ck #${currentItem.id.toString()}'),
             leading: IconButton(
               icon: const Icon(Icons.arrow_back),
-              onPressed: () => Get.back(),
+              onPressed: () {
+                Navigator.popUntil(
+                  context,
+                  (route) => route.settings.name == '/' || route.isFirst,
+                );
+              },
             ),
             actions: [
               IconButton(
@@ -250,57 +264,22 @@ class _DetailViewState extends State<DetailView> {
                   },
                   child: SmartRefreshIndicator(
                     onRefresh: () async {
-                      _showMsg('not hehe');
+                      final MediaItem? refreshed = await mediaService.fetchItem(
+                        pageItem.id,
+                      );
+                      if (refreshed != null) {
+                        controller.mediaItems[index] = refreshed;
+                        controller.mediaItems.refresh();
+                      }
                     },
-                    child: SafeArea(
-                      top: false,
-                      child: SingleChildScrollView(
-                        child: Column(
-                          children: [
-                            if (pageItem.mime.startsWith('image'))
-                              CachedNetworkImage(
-                                imageUrl: pageItem.mediaUrl,
-                                fit: BoxFit.contain,
-                                placeholder: (context, url) => const Center(
-                                  child: CircularProgressIndicator(),
-                                ),
-                                errorWidget: (context, url, error) =>
-                                    const Center(child: Icon(Icons.error)),
-                              )
-                            else
-                              VideoWidget(
-                                details: pageItem,
-                                isActive: index == _currentPage,
-                              ),
-                            const SizedBox(height: 10, width: double.infinity),
-                            Wrap(
-                              alignment: WrapAlignment.center,
-                              spacing: 5.0,
-                              children: pageItem.tags.map((tag) {
-                                return ActionChip(
-                                  onPressed: () {
-                                    if (tag.tag == 'sfw' || tag.tag == 'nsfw') {
-                                      return;
-                                    }
-                                    controller.setTag(tag.tag);
-                                    Get.offAllNamed('/');
-                                  },
-                                  label: Text(tag.tag),
-                                  backgroundColor: switch (tag.id) {
-                                    1 => Colors.green,
-                                    2 => Colors.red,
-                                    _ => const Color(0xFF090909),
-                                  },
-                                  labelStyle: const TextStyle(
-                                    color: Colors.white,
-                                  ),
-                                );
-                              }).toList(),
-                            ),
-                            const SizedBox(height: 20),
-                          ],
-                        ),
-                      ),
+                    child: DetailMediaContent(
+                      currentPage: _currentPage,
+                      index: index,
+                      onTagTap: (tag) {
+                        if (tag == 'sfw' || tag == 'nsfw') return;
+                        controller.setTag(tag);
+                        Get.offAllNamed('/');
+                      },
                     ),
                   ),
                 );

lib/screens/login_screen.dart

@@ -0,0 +1,121 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+import 'package:f0ckapp/controller/auth_controller.dart';
+
+class LoginPage extends StatefulWidget {
+  const LoginPage({super.key});
+
+  @override
+  State<StatefulWidget> createState() => _LoginPageState();
+}
+
+class _LoginPageState extends State<LoginPage> {
+  final AuthController authController = Get.find();
+  final TextEditingController usernameController = TextEditingController();
+  final TextEditingController passwordController = TextEditingController();
+
+  bool _isLoading = false;
+
+  void _showMsg(String message, {String title = ''}) {
+    Get
+      ..closeAllSnackbars()
+      ..snackbar(message, title, snackPosition: SnackPosition.BOTTOM);
+  }
+
+  @override
+  void dispose() {
+    usernameController.dispose();
+    passwordController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
+        child: SingleChildScrollView(
+          padding: const EdgeInsets.all(24),
+          child: Card(
+            elevation: 8,
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+            ),
+            child: Padding(
+              padding: const EdgeInsets.all(24),
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Row(
+                    children: [
+                      IconButton(
+                        icon: const Icon(Icons.arrow_back),
+                        tooltip: 'Zurück',
+                        onPressed: () => Get.back(),
+                      ),
+                      const SizedBox(width: 8),
+                      Text(
+                        'Login',
+                        style: Theme.of(context).textTheme.headlineMedium,
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 24),
+                  TextField(
+                    controller: usernameController,
+                    decoration: const InputDecoration(
+                      labelText: 'Benutzername',
+                      prefixIcon: Icon(Icons.person),
+                      border: OutlineInputBorder(),
+                    ),
+                  ),
+                  const SizedBox(height: 16),
+                  TextField(
+                    controller: passwordController,
+                    obscureText: true,
+                    decoration: const InputDecoration(
+                      labelText: 'Passwort',
+                      prefixIcon: Icon(Icons.lock),
+                      border: OutlineInputBorder(),
+                    ),
+                  ),
+                  const SizedBox(height: 24),
+                  SizedBox(
+                    width: double.infinity,
+                    child: ElevatedButton(
+                      onPressed: _isLoading
+                          ? null
+                          : () async {
+                              setState(() => _isLoading = true);
+                              final success = await authController.login(
+                                usernameController.text,
+                                passwordController.text,
+                              );
+                              setState(() => _isLoading = false);
+                              if (!success) {
+                                return _showMsg('Login fehlgeschlagen!');
+                              }
+                              _showMsg('Erfolgreich eingeloggt.');
+                              Get.back();
+                            },
+                      child: _isLoading
+                          ? const SizedBox(
+                              width: 24,
+                              height: 24,
+                              child: CircularProgressIndicator(
+                                strokeWidth: 2,
+                                color: Colors.white,
+                              ),
+                            )
+                          : const Text('Login'),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/screens/media_grid.dart

@@ -1,4 +1,5 @@
-import 'package:f0ckapp/utils/smartrefreshindicator.dart';
+import 'dart:async';
+
 import 'package:flutter/material.dart';
 
 import 'package:get/get.dart';
@@ -19,6 +20,7 @@ class MediaGrid extends StatefulWidget {
 class _MediaGridState extends State<MediaGrid> {
   final MediaController controller = Get.find<MediaController>();
   final ScrollController _scrollController = ScrollController();
+  Timer? _debounce;
 
   @override
   void initState() {
@@ -32,12 +34,15 @@ class _MediaGridState extends State<MediaGrid> {
     _scrollController.addListener(() {
       if (_scrollController.position.extentAfter < 200 &&
           !controller.isLoading.value) {
-        controller.loadMediaItems(
-          older: controller.mediaItems.isNotEmpty
-              ? controller.mediaItems.last.id
-              : null,
-          append: true,
-        );
+        if (_debounce?.isActive ?? false) _debounce!.cancel();
+        _debounce = Timer(const Duration(milliseconds: 300), () {
+          controller.loadMediaItems(
+            older: controller.mediaItems.isNotEmpty
+                ? controller.mediaItems.last.id
+                : null,
+            append: true,
+          );
+        });
       }
     });
   }

lib/screens/settings_screen.dart

@@ -1,10 +1,11 @@
-import 'package:f0ckapp/utils/animatedtransition.dart';
 import 'package:flutter/material.dart';
 
 import 'package:flutter_cache_manager/flutter_cache_manager.dart';
 import 'package:get/get.dart';
 
 import 'package:f0ckapp/controller/media_controller.dart';
+import 'package:f0ckapp/controller/localization_controller.dart';
+import 'package:f0ckapp/utils/animatedtransition.dart';
 
 class SettingsPage extends StatefulWidget {
   const SettingsPage({super.key});
@@ -14,7 +15,8 @@ class SettingsPage extends StatefulWidget {
 }
 
 class _SettingsPageState extends State<SettingsPage> {
-  final MediaController controller = Get.find<MediaController>();
+  final MediaController controller = Get.find();
+  final LocalizationController localizationController = Get.find();
 
   @override
   Widget build(BuildContext context) {
@@ -24,12 +26,12 @@ class _SettingsPageState extends State<SettingsPage> {
           SliverAppBar(
             floating: false,
             pinned: true,
-            title: const Text('Settings'),
+            title: Text('settings_title'.tr),
           ),
           SliverList(
             delegate: SliverChildListDelegate([
               ListTile(
-                title: const Text("Spaltenanzahl"),
+                title: Text('settings_numberofcolumns_title'.tr),
                 trailing: Obx(
                   () => DropdownButton<int>(
                     value: controller.crossAxisCount.value,
@@ -38,7 +40,13 @@ class _SettingsPageState extends State<SettingsPage> {
                     items: [0, 3, 4, 5].map((int value) {
                       return DropdownMenuItem<int>(
                         value: value,
-                        child: Text(value == 0 ? 'auto' : '$value Spalten'),
+                        child: Text(
+                          value == 0
+                              ? 'auto'
+                              : 'settings_numberofcolumns_columns'.trParams({
+                                  'count': value.toString(),
+                                }),
+                        ),
                       );
                     }).toList(),
                     onChanged: (int? newValue) async {
@@ -52,7 +60,7 @@ class _SettingsPageState extends State<SettingsPage> {
               ),
               const Divider(),
               ListTile(
-                title: const Text("Seitenwechselanimation"),
+                title: Text('settings_pageanimation_title'.tr),
                 trailing: Obx(
                   () => DropdownButton<PageTransition>(
                     value: controller.transitionType.value,
@@ -94,10 +102,8 @@ class _SettingsPageState extends State<SettingsPage> {
 
               const Divider(),
               SwitchListTile(
-                title: const Text("Drawer per Geste öffnen"),
-                subtitle: const Text(
-                  "Wähle, ob der Drawer mit einer Wischgeste geschlossen/ geöffnet werden kann.",
-                ),
+                title: Text('settings_drawer_title'.tr),
+                subtitle: Text('settings_drawer_subtitle'.tr),
                 value: controller.drawerSwipeEnabled.value,
                 onChanged: (bool value) async {
                   await controller.setDrawerSwipeEnabled(value);
@@ -106,17 +112,50 @@ class _SettingsPageState extends State<SettingsPage> {
               ),
               const Divider(),
               ListTile(
-                title: Text("Cache löschen"),
+                title: Text('settings_language'.tr),
+                trailing: Obx(
+                  () => DropdownButton<Locale>(
+                    value: localizationController.currentLocale.value,
+                    dropdownColor: const Color.fromARGB(255, 43, 43, 43),
+                    iconEnabledColor: Colors.white,
+                    items: const [
+                      DropdownMenuItem<Locale>(
+                        value: Locale('en', 'US'),
+                        child: Text('English'),
+                      ),
+                      DropdownMenuItem<Locale>(
+                        value: Locale('de', 'DE'),
+                        child: Text('Deutsch'),
+                      ),
+                      DropdownMenuItem<Locale>(
+                        value: Locale('fr', 'FR'),
+                        child: Text('Français'),
+                      ),
+                      DropdownMenuItem<Locale>(
+                        value: Locale('nl', 'NL'),
+                        child: Text('Nederlands'),
+                      ),
+                    ],
+                    onChanged: (Locale? newLocale) async {
+                      if (newLocale != null) {
+                        await localizationController.changeLocale(newLocale);
+                      }
+                    },
+                  ),
+                ),
+              ),
+              const Divider(),
+              ListTile(
+                title: Text('settings_cache_title'.tr),
                 trailing: ElevatedButton(
                   onPressed: () async {
                     await DefaultCacheManager().emptyCache();
                     if (!mounted) return;
                     Get.snackbar('', 'der Cache wurde geleert.');
                   },
-                  child: const Text("Löschen"),
+                  child: Text('settings_cache_clear_button'.tr),
                 ),
               ),
-              const SizedBox(height: 20),
             ]),
           ),
         ],

lib/service/media_service.dart

@@ -1,3 +1,4 @@
+import 'package:encrypt_shared_preferences/provider.dart';
 import 'package:get/get.dart';
 
 import 'package:f0ckapp/models/media_item.dart';
@@ -6,6 +7,9 @@ const List<String> mediaTypes = ["alles", "image", "video", "audio"];
 const List<String> mediaModes = ["sfw", "nsfw", "untagged", "all"];
 
 class MediaService extends GetConnect {
+  final EncryptedSharedPreferencesAsync storage =
+      EncryptedSharedPreferencesAsync.getInstance();
+
   Future<List<MediaItem>> fetchMediaItems({
     required int type,
     required int mode,
@@ -13,6 +17,11 @@ class MediaService extends GetConnect {
     String? tag,
     int? older,
   }) async {
+    final String? token = await storage.getString('token');
+    final Map<String, String> headers = token != null
+        ? {'Authorization': 'Bearer $token'}
+        : {};
+
     final queryParameters = {
       'type': type.toString(),
       'mode': mode.toString(),
@@ -22,9 +31,10 @@ class MediaService extends GetConnect {
     };
 
     try {
-      final response = await get(
+      final Response<dynamic> response = await get(
         'https://api.f0ck.me/items/get',
         query: queryParameters,
+        headers: headers,
       );
       if (response.status.code == 200 && response.body is List) {
         final data = response.body as List<dynamic>;
@@ -36,4 +46,62 @@ class MediaService extends GetConnect {
       return Future.error('Netzwerkfehler: ${e.toString()}');
     }
   }
+
+  Future<List<Favorite>?> toggleFavorite(
+    MediaItem item,
+    bool isFavorite,
+  ) async {
+    final String? token = await storage.getString('token');
+    if (token == null) return null;
+
+    final headers = {
+      'Authorization': 'Bearer $token',
+      'Content-Type': 'application/json',
+    };
+
+    try {
+      Response response;
+      if (!isFavorite) {
+        response = await put(
+          'https://api.f0ck.me/favorites/${item.id}',
+          null,
+          headers: headers,
+        );
+      } else {
+        response = await delete(
+          'https://api.f0ck.me/favorites/${item.id}',
+          headers: headers,
+        );
+      }
+      if (response.status.code == 200 && response.body is List) {
+        return (response.body as List)
+            .map((json) => Favorite.fromJson(json))
+            .toList();
+      } else {
+        return null;
+      }
+    } catch (e) {
+      return null;
+    }
+  }
+
+  Future<MediaItem?> fetchItem(int itemId) async {
+    final String? token = await storage.getString('token');
+    final Map<String, String> headers = token != null
+        ? {'Authorization': 'Bearer $token'}
+        : {};
+
+    try {
+      final Response<dynamic> response = await get(
+        'https://api.f0ck.me/item/$itemId',
+        headers: headers,
+      );
+      if (response.status.code == 200 && response.body is Map) {
+        return MediaItem.fromJson(response.body);
+      }
+      return null;
+    } catch (e) {
+      return null;
+    }
+  }
 }

lib/utils/animatedtransition.dart

@@ -18,7 +18,7 @@ Widget buildAnimatedTransition({
     switch (controller.transitionType.value) {
       case PageTransition.opacity:
         return Opacity(
-          opacity: Curves.easeOut.transform(1 - value.abs().clamp(0.0, 500.0)),
+          opacity: Curves.easeOut.transform(1 - value.abs().clamp(0.0, 1.0)),
           child: Transform(transform: Matrix4.identity(), child: child),
         );
       case PageTransition.scale:
@@ -47,19 +47,4 @@ Widget buildAnimatedTransition({
           child: child,
         );
     }
-    /*int blah = 1;
-
-    if (blah == 0) {
-      return Opacity(
-        opacity: Curves.easeOut.transform(1 - value.abs().clamp(0.0, 500.0)),
-        child: Transform(transform: Matrix4.identity(), child: child),
-      );
-    } else {
-      return Transform.scale(
-        scale:
-            0.8 +
-            Curves.easeOut.transform(1 - value.abs().clamp(0.0, 1.0)) * 0.2,
-        child: child,
-      );
-    }*/
-  }
+  }

lib/widgets/actiontag.dart

@@ -0,0 +1,80 @@
+import 'package:flutter/material.dart';
+
+import 'package:f0ckapp/models/media_item.dart';
+
+class ActionTag extends StatelessWidget {
+  final Tag tag;
+  final void Function(String tag) onTagTap;
+
+  const ActionTag(this.tag, this.onTagTap, {super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () => onTagTap(tag.tag),
+      child:
+          [
+            'german',
+            'dutch',
+            'ukraine',
+            'russia',
+            'belgium',
+          ].contains(tag.tag)
+          ? Stack(
+              alignment: Alignment.center,
+              children: [
+                Container(
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(10),
+                    border: Border.all(color: Colors.white, width: 1),
+                  ),
+                  child: ClipRRect(
+                    borderRadius: BorderRadius.circular(10),
+                    child: Image.asset(
+                      'assets/images/tags/${tag.tag}.webp',
+                      height: 27,
+                      width: 60,
+                      repeat: ImageRepeat.repeat,
+                      fit: BoxFit.fill,
+                    ),
+                  ),
+                ),
+                Padding(
+                  padding: const EdgeInsets.symmetric(
+                    horizontal: 9,
+                    vertical: 6,
+                  ),
+                  child: Text(
+                    tag.tag,
+                    style: const TextStyle(
+                      fontSize: 12,
+                      color: Colors.white,
+                      fontWeight: FontWeight.w500,
+                    ),
+                  ),
+                ),
+              ],
+            )
+          : Container(
+              padding: const EdgeInsets.symmetric(horizontal: 9, vertical: 5),
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(10),
+                border: Border.all(color: Colors.white, width: 1),
+                color: switch (tag.id) {
+                  1 => Colors.green,
+                  2 => Colors.red,
+                  _ => const Color(0xFF090909),
+                },
+              ),
+              child: Text(
+                tag.tag,
+                style: const TextStyle(
+                  fontSize: 12,
+                  color: Colors.white,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ),
+    );
+  }
+}

lib/widgets/detailmediacontent.dart

@@ -0,0 +1,121 @@
+import 'package:flutter/material.dart';
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:get/get.dart';
+
+import 'package:f0ckapp/controller/media_controller.dart';
+import 'package:f0ckapp/service/media_service.dart';
+import 'package:f0ckapp/controller/auth_controller.dart';
+import 'package:f0ckapp/widgets/actiontag.dart';
+import 'package:f0ckapp/widgets/favorite_avatars.dart';
+import 'package:f0ckapp/widgets/video_widget.dart';
+import 'package:f0ckapp/models/media_item.dart';
+
+class DetailMediaContent extends StatelessWidget {
+  final int currentPage;
+  final int index;
+  final void Function(String tag) onTagTap;
+
+  const DetailMediaContent({
+    super.key,
+    required this.currentPage,
+    required this.index,
+    required this.onTagTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final MediaService mediaService = Get.find();
+    final MediaController controller = Get.find();
+    final AuthController authController = Get.find();
+
+    return SafeArea(
+      top: false,
+      child: SingleChildScrollView(
+        child: Obx(() {
+          final MediaItem currentItem = controller.mediaItems[index];
+          final bool isFavorite =
+              currentItem.favorites?.any(
+                (f) => f.userId == authController.userId.value,
+              ) ??
+              false;
+
+          return Column(
+            children: [
+              _buildMedia(currentItem, index == currentPage),
+              const SizedBox(height: 10, width: double.infinity),
+              _buildTags(currentItem),
+              if (currentItem.favorites != null &&
+                  authController.token.value != null) ...[
+                const SizedBox(height: 20),
+                _buildFavoritesRow(context, currentItem, isFavorite, () async {
+                  final List<Favorite>? newFavorites = await mediaService
+                      .toggleFavorite(currentItem, isFavorite);
+                  if (newFavorites != null) {
+                    controller.mediaItems[index] = currentItem.copyWith(
+                      favorites: newFavorites,
+                    );
+                    controller.mediaItems.refresh();
+                  }
+                }),
+              ],
+              const SizedBox(height: 20),
+            ],
+          );
+        }),
+      ),
+    );
+  }
+
+  Widget _buildMedia(MediaItem item, bool isActive) {
+    if (item.mime.startsWith('image')) {
+      return CachedNetworkImage(
+        imageUrl: item.mediaUrl,
+        fit: BoxFit.contain,
+        placeholder: (context, url) =>
+            const Center(child: CircularProgressIndicator()),
+        errorWidget: (context, url, error) =>
+            const Center(child: Icon(Icons.error)),
+      );
+    } else {
+      return VideoWidget(details: item, isActive: isActive);
+    }
+  }
+
+  Widget _buildTags(MediaItem item) {
+    return Wrap(
+      alignment: WrapAlignment.center,
+      spacing: 5.0,
+      children: item.tags
+          .map<Widget>((Tag tag) => ActionTag(tag, onTagTap))
+          .toList(),
+    );
+  }
+
+  Widget _buildFavoritesRow(
+    BuildContext context,
+    MediaItem item,
+    bool isFavorite,
+    VoidCallback onFavoritePressed,
+  ) {
+    return Row(
+      children: [
+        Expanded(
+          child: SingleChildScrollView(
+            scrollDirection: Axis.horizontal,
+            child: FavoriteAvatars(
+              favorites: item.favorites ?? [],
+              brightness: Theme.of(context).brightness,
+            ),
+          ),
+        ),
+        IconButton(
+          icon: isFavorite
+              ? const Icon(Icons.favorite)
+              : const Icon(Icons.favorite_outline),
+          color: Colors.red,
+          onPressed: onFavoritePressed,
+        ),
+      ],
+    );
+  }
+}

lib/widgets/end_drawer.dart

@@ -1,89 +1,103 @@
-import 'package:f0ckapp/screens/settings_screen.dart';
 import 'package:flutter/material.dart';
 
 import 'package:get/get.dart';
 
+import 'package:f0ckapp/screens/login_screen.dart';
+import 'package:f0ckapp/controller/auth_controller.dart';
+import 'package:f0ckapp/screens/settings_screen.dart';
 import 'package:f0ckapp/controller/theme_controller.dart';
 import 'package:f0ckapp/utils/appversion.dart';
 
 class EndDrawer extends StatelessWidget {
   const EndDrawer({super.key});
 
-  void _showMsg(String message, BuildContext context) {
-    ScaffoldMessenger.of(context)
-      ..removeCurrentSnackBar()
-      ..showSnackBar(SnackBar(content: Text(message)));
+  void _showMsg(String message, {String title = ''}) {
+    Get
+      ..closeAllSnackbars()
+      ..snackbar(message, title, snackPosition: SnackPosition.BOTTOM);
   }
 
   @override
   Widget build(BuildContext context) {
     final ThemeController themeController = Get.find();
+    final AuthController authController = Get.find();
 
     return Drawer(
       child: ListView(
         padding: EdgeInsets.zero,
         children: [
-          DrawerHeader(
-            decoration: const BoxDecoration(
-              image: DecorationImage(
-                image: AssetImage('assets/images/menu.webp'),
-                fit: BoxFit.cover,
-                alignment: Alignment.topCenter,
-              ),
-            ),
-            child: null,
-          ),
-          /*ExpansionTile(
-              title: const Text('Login'),
-              children: [
-                Padding(
-                  padding: const EdgeInsets.all(16.0),
-                  child: Column(
-                    children: [
-                      TextField(
-                        readOnly: true,
-                        controller: _usernameController,
-                        decoration: const InputDecoration(
-                          labelText: 'Benutzername',
-                        ),
-                      ),
-                      const SizedBox(height: 10),
-                      TextField(
-                        readOnly: true,
-                        controller: _passwordController,
-                        obscureText: true,
-                        decoration: const InputDecoration(
-                          labelText: 'Passwort',
-                        ),
-                      ),
-                      const SizedBox(height: 20),
-                      ElevatedButton(
-                        onPressed: () async {
-                          ScaffoldMessenger.of(context).showSnackBar(
-                            const SnackBar(
-                              content: Text("noch nicht implementiert lol"),
-                            ),
-                            final success = await login(
-                              _usernameController.text,
-                              _passwordController.text,
-                            );
-
-                            if (success) {
-                              Navigator.pop(context);
-                            } else {
-                              ScaffoldMessenger.of(context).showSnackBar(
-                                SnackBar(content: Text("Login fehlgeschlagen!")),
-                              );
-                            }
-                          );
-                        },
-                        child: const Text('Login'),
-                      ),
-                    ],
+          Obx(() {
+            if (authController.token.value != null &&
+                authController.avatarUrl.value != null) {
+              return DrawerHeader(
+                decoration: BoxDecoration(
+                  image: DecorationImage(
+                    image: NetworkImage(authController.avatarUrl.value!),
+                    fit: BoxFit.cover,
+                    alignment: Alignment.topCenter,
                   ),
                 ),
-              ],
-            ),*/
+                child: null,
+              );
+            } else {
+              return DrawerHeader(
+                decoration: const BoxDecoration(
+                  image: DecorationImage(
+                    image: AssetImage('assets/images/menu.webp'),
+                    fit: BoxFit.cover,
+                    alignment: Alignment.topCenter,
+                  ),
+                ),
+                child: null,
+              );
+            }
+          }),
+          Obx(() {
+            if (authController.token.value != null) {
+              return Padding(
+                padding: const EdgeInsets.all(16.0),
+                child: Column(
+                  children: [
+                    if (authController.username.value != null)
+                      Padding(
+                        padding: const EdgeInsets.symmetric(vertical: 8.0),
+                        child: Text(
+                          'Hamlo ${authController.username.value!}',
+                          style: const TextStyle(fontWeight: FontWeight.bold),
+                        ),
+                      ),
+                    ElevatedButton(
+                      onPressed: () async {
+                        await authController.logout();
+                        _showMsg('Erfolgreich ausgeloggt.');
+                      },
+                      child: const Text('Logout'),
+                    ),
+                  ],
+                ),
+              );
+            } else {
+              return Padding(
+                padding: const EdgeInsets.all(16.0),
+                child: Column(
+                  children: [
+                    const Text(
+                      'Du bist nicht eingeloggt.',
+                      style: TextStyle(fontWeight: FontWeight.bold),
+                    ),
+                    const SizedBox(height: 10),
+                    ElevatedButton(
+                      onPressed: () {
+                        Navigator.pop(context);
+                        Get.to(() => LoginPage());
+                      },
+                      child: const Text('Login'),
+                    ),
+                  ],
+                ),
+              );
+            }
+          }),
           ExpansionTile(
             title: const Text('Theme'),
             children: [
@@ -121,7 +135,7 @@ class EndDrawer extends StatelessWidget {
             title: Text('v${AppVersion.version}'),
             onTap: () {
               Navigator.pop(context);
-              _showMsg('jooong lass das, hier ist nichts', context);
+              _showMsg('jooong lass das, hier ist nichts');
             },
           ),
         ],

lib/widgets/favorite_avatars.dart

@@ -0,0 +1,41 @@
+import 'package:flutter/material.dart';
+import 'package:cached_network_image/cached_network_image.dart';
+
+class FavoriteAvatars extends StatelessWidget {
+  final List favorites;
+  final Brightness brightness;
+
+  const FavoriteAvatars({
+    super.key,
+    required this.favorites,
+    required this.brightness,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      crossAxisAlignment: CrossAxisAlignment.center,
+      children: [
+        ...favorites.map((favorite) {
+          return Container(
+            height: 32,
+            width: 32,
+            margin: const EdgeInsets.only(right: 5.0),
+            decoration: BoxDecoration(
+              border: Border.all(
+                color: brightness == Brightness.dark
+                    ? Colors.white
+                    : Colors.black,
+                width: 1.0,
+              ),
+            ),
+            child: CachedNetworkImage(
+              imageUrl: favorite.avatarUrl,
+              fit: BoxFit.cover,
+            ),
+          );
+        }),
+      ],
+    );
+  }
+}

lib/widgets/media_tile.dart

@@ -12,34 +12,37 @@ class MediaTile extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return InkWell(
-      onTap: () {
-        Get.toNamed('/${item.id}');
-      },
-      child: Stack(
-        fit: StackFit.expand,
-        children: [
-          Hero(
-            tag: 'media-${item.id}',
-            child: CachedNetworkImage(
-              imageUrl: item.thumbnailUrl,
-              fit: BoxFit.cover,
-              errorWidget: (context, url, error) => const Icon(Icons.error),
+    return RepaintBoundary(
+      child: InkWell(
+        onTap: () {
+          Get.toNamed('/${item.id}');
+        },
+        child: Stack(
+          fit: StackFit.expand,
+          children: [
+            Hero(
+              tag: 'media-${item.id}',
+              child: CachedNetworkImage(
+                imageUrl: item.thumbnailUrl,
+                fit: BoxFit.cover,
+                placeholder: (content, url) => Container(color: Colors.grey[900]),
+                errorWidget: (context, url, error) => const Icon(Icons.error),
+              ),
             ),
-          ),
-          Align(
-            alignment: Alignment.bottomRight,
-            child: Icon(
-              Icons.square,
-              color: switch (item.mode) {
-                1 => Colors.green,
-                2 => Colors.red,
-                _ => Colors.yellow,
-              },
-              size: 15.0,
+            Align(
+              alignment: Alignment.bottomRight,
+              child: Icon(
+                Icons.square,
+                color: switch (item.mode) {
+                  1 => Colors.green,
+                  2 => Colors.red,
+                  _ => Colors.yellow,
+                },
+                size: 15.0,
+              ),
             ),
-          ),
-        ],
+          ],
+        ),
       ),
     );
   }

lib/widgets/video_widget.dart

@@ -1,14 +1,14 @@
 import 'dart:async';
 
-import 'package:f0ckapp/controller/media_controller.dart';
-import 'package:f0ckapp/models/media_item.dart';
 import 'package:flutter/material.dart';
 
+import 'package:get/get.dart';
 import 'package:cached_video_player_plus/cached_video_player_plus.dart';
 import 'package:cached_network_image/cached_network_image.dart';
 
+import 'package:f0ckapp/controller/media_controller.dart';
+import 'package:f0ckapp/models/media_item.dart';
 import 'package:f0ckapp/widgets/videooverlay_widget.dart';
-import 'package:get/get.dart';
 
 class VideoWidget extends StatefulWidget {
   final MediaItem details;

pubspec.yaml

@@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.3.0+56
+version: 1.3.4+60
 
 environment:
   sdk: ^3.9.0-100.2.beta
@@ -63,6 +63,8 @@ flutter:
   # To add assets to your application, add an assets section, like this:
   assets:
     - assets/images/
+    - assets/images/tags/
+    - assets/i18n/
     - pubspec.yaml
   #   - images/a_dot_burr.jpeg
   #   - images/a_dot_ham.jpeg