d03b70e0f9
- added missing translations to German localization file - Made some translations more natural - "Updates" button on main screen now has proper hyphenation for too long words to fit in one line (German, Spanish, Italian, Turkish)
395 lines
19 KiB
Dart
395 lines
19 KiB
Dart
import 'dart:io';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:isar/isar.dart';
|
|
import 'package:mangayomi/main.dart';
|
|
import 'package:mangayomi/models/update.dart';
|
|
import 'package:mangayomi/models/source.dart';
|
|
import 'package:mangayomi/modules/widgets/loading_icon.dart';
|
|
import 'package:mangayomi/services/fetch_anime_sources.dart';
|
|
import 'package:mangayomi/services/fetch_manga_sources.dart';
|
|
import 'package:mangayomi/modules/main_view/providers/migration.dart';
|
|
import 'package:mangayomi/modules/more/about/providers/check_for_update.dart';
|
|
import 'package:mangayomi/modules/more/backup_and_restore/providers/auto_backup.dart';
|
|
import 'package:mangayomi/providers/l10n_providers.dart';
|
|
import 'package:mangayomi/router/router.dart';
|
|
import 'package:mangayomi/services/fetch_sources_list.dart';
|
|
import 'package:mangayomi/utils/extensions/build_context_extensions.dart';
|
|
import 'package:mangayomi/modules/library/providers/library_state_provider.dart';
|
|
import 'package:mangayomi/modules/more/providers/incognito_mode_state_provider.dart';
|
|
|
|
class MainScreen extends ConsumerWidget {
|
|
const MainScreen({super.key, required this.child});
|
|
|
|
final Widget child;
|
|
|
|
String getHyphenatedUpdatesLabel(String languageCode, String defaultLabel) {
|
|
switch (languageCode) {
|
|
case 'de': return "Aktuali-\nsierungen";
|
|
case 'es':
|
|
case 'es_419': return "Actuali-\nzaciones";
|
|
case 'it': return "Aggiorna-\nmenti";
|
|
case 'tr': return "Güncel-\nlemeler";
|
|
default: return defaultLabel;
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final l10n = l10nLocalizations(context)!;
|
|
final route = GoRouter.of(context);
|
|
ref.read(checkAndBackupProvider);
|
|
ref.watch(checkForUpdateProvider(context: context));
|
|
ref.watch(fetchMangaSourcesListProvider(id: null, reFresh: false));
|
|
ref.watch(fetchAnimeSourcesListProvider(id: null, reFresh: false));
|
|
return ref.watch(migrationProvider).when(data: (_) {
|
|
return Consumer(builder: (context, ref, chuld) {
|
|
final location = ref.watch(
|
|
routerCurrentLocationStateProvider(context),
|
|
);
|
|
bool isReadingScreen =
|
|
location == '/mangareaderview' || location == '/animePlayerView';
|
|
int currentIndex = switch (location) {
|
|
null || '/MangaLibrary' => 0,
|
|
'/AnimeLibrary' => 1,
|
|
'/updates' => 2,
|
|
'/history' => 3,
|
|
'/browse' => 4,
|
|
_ => 5,
|
|
};
|
|
|
|
final incognitoMode = ref.watch(incognitoModeStateProvider);
|
|
final isLongPressed = ref.watch(isLongPressedMangaStateProvider);
|
|
return Column(
|
|
children: [
|
|
if (!isReadingScreen)
|
|
Material(
|
|
child: AnimatedContainer(
|
|
height: incognitoMode
|
|
? Platform.isAndroid || Platform.isIOS
|
|
? MediaQuery.of(context).padding.top * 2
|
|
: 50
|
|
: 0,
|
|
curve: Curves.easeIn,
|
|
duration: const Duration(milliseconds: 150),
|
|
color: context.primaryColor,
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Text(
|
|
l10n.incognito_mode,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontFamily: GoogleFonts.aBeeZee().fontFamily,
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Flexible(
|
|
child: Scaffold(
|
|
body: context.isTablet
|
|
? Row(
|
|
children: [
|
|
AnimatedContainer(
|
|
duration: const Duration(milliseconds: 0),
|
|
width: switch (isLongPressed) {
|
|
true => 0,
|
|
_ => switch (location) {
|
|
null => 100,
|
|
!= '/MangaLibrary' &&
|
|
!= '/AnimeLibrary' &&
|
|
!= '/history' &&
|
|
!= '/updates' &&
|
|
!= '/browse' &&
|
|
!= '/more' =>
|
|
0,
|
|
_ => 100,
|
|
},
|
|
},
|
|
child: Stack(
|
|
children: [
|
|
NavigationRailTheme(
|
|
data: NavigationRailThemeData(
|
|
indicatorShape: RoundedRectangleBorder(
|
|
borderRadius:
|
|
BorderRadius.circular(30)),
|
|
),
|
|
child: Builder(builder: (context) {
|
|
return NavigationRail(
|
|
labelType: NavigationRailLabelType.all,
|
|
useIndicator: true,
|
|
destinations: [
|
|
NavigationRailDestination(
|
|
selectedIcon: const Icon(
|
|
Icons.collections_bookmark),
|
|
icon: const Icon(Icons
|
|
.collections_bookmark_outlined),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(
|
|
top: 5),
|
|
child: Text(l10n.manga))),
|
|
NavigationRailDestination(
|
|
selectedIcon: const Icon(
|
|
Icons.video_collection),
|
|
icon: const Icon(Icons
|
|
.video_collection_outlined),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(
|
|
top: 5),
|
|
child: Text(l10n.anime))),
|
|
NavigationRailDestination(
|
|
selectedIcon:
|
|
const Icon(Icons.new_releases),
|
|
icon: const Icon(
|
|
Icons.new_releases_outlined),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(
|
|
top: 5),
|
|
child: Stack(
|
|
children: [
|
|
Text(
|
|
getHyphenatedUpdatesLabel(
|
|
ref.watch(l10nLocaleStateProvider).languageCode,
|
|
l10n.updates,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
],
|
|
))),
|
|
NavigationRailDestination(
|
|
selectedIcon:
|
|
const Icon(Icons.history),
|
|
icon: const Icon(
|
|
Icons.history_outlined),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(
|
|
top: 5),
|
|
child: Text(l10n.history))),
|
|
NavigationRailDestination(
|
|
selectedIcon:
|
|
const Icon(Icons.explore),
|
|
icon: const Icon(
|
|
Icons.explore_outlined),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(
|
|
top: 5),
|
|
child: Text(l10n.browse))),
|
|
NavigationRailDestination(
|
|
selectedIcon:
|
|
const Icon(Icons.more_horiz),
|
|
icon: const Icon(
|
|
Icons.more_horiz_outlined),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(
|
|
top: 5),
|
|
child: Text(l10n.more))),
|
|
],
|
|
selectedIndex: currentIndex,
|
|
onDestinationSelected: (newIndex) {
|
|
final fn = switch (newIndex) {
|
|
0 => route.go('/MangaLibrary'),
|
|
1 => route.go('/AnimeLibrary'),
|
|
2 => route.go('/updates'),
|
|
3 => route.go('/history'),
|
|
4 => route.go('/browse'),
|
|
_ => route.go('/more'),
|
|
};
|
|
fn;
|
|
},
|
|
);
|
|
}),
|
|
),
|
|
Positioned(
|
|
right: 18,
|
|
top: 140,
|
|
child: _updatesTotalNumbers(ref)),
|
|
Positioned(
|
|
right: 18,
|
|
top: 275,
|
|
child: _extensionUpdateTotalNumbers(ref)),
|
|
],
|
|
),
|
|
),
|
|
Expanded(child: child)
|
|
],
|
|
)
|
|
: child,
|
|
bottomNavigationBar: context.isTablet
|
|
? null
|
|
: AnimatedContainer(
|
|
duration: const Duration(milliseconds: 0),
|
|
width: context.width(1),
|
|
height: switch (isLongPressed) {
|
|
true => 0,
|
|
_ => switch (location) {
|
|
null => null,
|
|
!= '/MangaLibrary' &&
|
|
!= '/AnimeLibrary' &&
|
|
!= '/history' &&
|
|
!= '/updates' &&
|
|
!= '/browse' &&
|
|
!= '/more' =>
|
|
0,
|
|
_ => null,
|
|
},
|
|
},
|
|
child: NavigationBarTheme(
|
|
data: NavigationBarThemeData(
|
|
indicatorShape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(30)),
|
|
),
|
|
child: NavigationBar(
|
|
animationDuration:
|
|
const Duration(milliseconds: 500),
|
|
selectedIndex: currentIndex,
|
|
destinations: [
|
|
NavigationDestination(
|
|
selectedIcon:
|
|
const Icon(Icons.collections_bookmark),
|
|
icon: const Icon(
|
|
Icons.collections_bookmark_outlined),
|
|
label: l10n.manga),
|
|
NavigationDestination(
|
|
selectedIcon:
|
|
const Icon(Icons.video_collection),
|
|
icon: const Icon(
|
|
Icons.video_collection_outlined),
|
|
label: l10n.anime),
|
|
Stack(
|
|
children: [
|
|
NavigationDestination(
|
|
selectedIcon:
|
|
const Icon(Icons.new_releases),
|
|
icon: const Icon(
|
|
Icons.new_releases_outlined),
|
|
label: l10n.updates),
|
|
Positioned(
|
|
right: 14,
|
|
top: 3,
|
|
child: _updatesTotalNumbers(ref)),
|
|
],
|
|
),
|
|
NavigationDestination(
|
|
selectedIcon: const Icon(Icons.history),
|
|
icon: const Icon(Icons.history_outlined),
|
|
label: l10n.history),
|
|
Stack(
|
|
children: [
|
|
NavigationDestination(
|
|
selectedIcon: const Icon(Icons.explore),
|
|
icon: const Icon(Icons.explore_outlined),
|
|
label: l10n.browse),
|
|
Positioned(
|
|
right: 14,
|
|
top: 3,
|
|
child: _extensionUpdateTotalNumbers(ref)),
|
|
],
|
|
),
|
|
NavigationDestination(
|
|
selectedIcon: const Icon(Icons.more_horiz),
|
|
icon: const Icon(Icons.more_horiz_outlined),
|
|
label: l10n.more),
|
|
],
|
|
onDestinationSelected: (newIndex) {
|
|
final fn = switch (newIndex) {
|
|
0 => route.go('/MangaLibrary'),
|
|
1 => route.go('/AnimeLibrary'),
|
|
2 => route.go('/updates'),
|
|
3 => route.go('/history'),
|
|
4 => route.go('/browse'),
|
|
_ => route.go('/more'),
|
|
};
|
|
fn;
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
});
|
|
}, error: (error, _) {
|
|
return const LoadingIcon();
|
|
}, loading: () {
|
|
return const LoadingIcon();
|
|
});
|
|
}
|
|
}
|
|
|
|
Widget _extensionUpdateTotalNumbers(WidgetRef ref) {
|
|
return StreamBuilder(
|
|
stream: isar.sources
|
|
.filter()
|
|
.idIsNotNull()
|
|
.and()
|
|
.isActiveEqualTo(true)
|
|
.watch(fireImmediately: true),
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasData && snapshot.data!.isNotEmpty) {
|
|
final entries = snapshot.data!
|
|
.where((element) =>
|
|
compareVersions(element.version!, element.versionLast!) < 0)
|
|
.toList();
|
|
return entries.isEmpty
|
|
? Container()
|
|
: Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(10),
|
|
color: const Color.fromARGB(255, 176, 46, 37)),
|
|
child: Padding(
|
|
padding:
|
|
const EdgeInsets.symmetric(horizontal: 5, vertical: 3),
|
|
child: Text(
|
|
entries.length.toString(),
|
|
style: TextStyle(
|
|
fontSize: 10,
|
|
color: Theme.of(context).textTheme.bodySmall!.color),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
return Container();
|
|
});
|
|
}
|
|
|
|
Widget _updatesTotalNumbers(WidgetRef ref) {
|
|
return StreamBuilder(
|
|
stream: isar.updates.filter().idIsNotNull().watch(fireImmediately: true),
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasData && snapshot.data!.isNotEmpty) {
|
|
final entries = snapshot.data!.where((element) {
|
|
if (!element.chapter.isLoaded) {
|
|
element.chapter.loadSync();
|
|
}
|
|
return !(element.chapter.value?.isRead ?? false);
|
|
}).toList();
|
|
return entries.isEmpty
|
|
? Container()
|
|
: Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(10),
|
|
color: const Color.fromARGB(255, 176, 46, 37)),
|
|
child: Padding(
|
|
padding:
|
|
const EdgeInsets.symmetric(horizontal: 5, vertical: 3),
|
|
child: Text(
|
|
entries.length.toString(),
|
|
style: TextStyle(
|
|
fontSize: 10,
|
|
color: Theme.of(context).textTheme.bodySmall!.color),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
return Container();
|
|
});
|
|
}
|