Initial commit
This commit is contained in:
@@ -0,0 +1,170 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:cached_network_image/cached_network_image.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../../../core/contracts/library.dart';
|
||||
import '../../../shared/constants/breakpoints.dart';
|
||||
import '../../../shared/mappers/media_image_url.dart';
|
||||
import '../../../shared/widgets/banner_carousel_mixin.dart';
|
||||
import '../../../shared/widgets/banner_carousel_scaffold.dart';
|
||||
|
||||
|
||||
class HomeBannerCarousel extends StatefulWidget {
|
||||
final String baseUrl;
|
||||
final String token;
|
||||
final List<EmbyRawItem> items;
|
||||
final Map<String, String>? imageHeaders;
|
||||
final ValueChanged<EmbyRawItem> onItemTap;
|
||||
final ValueChanged<EmbyRawItem>? onActiveItemChanged;
|
||||
final bool active;
|
||||
|
||||
const HomeBannerCarousel({
|
||||
super.key,
|
||||
required this.baseUrl,
|
||||
required this.token,
|
||||
required this.items,
|
||||
required this.onItemTap,
|
||||
this.imageHeaders,
|
||||
this.onActiveItemChanged,
|
||||
this.active = true,
|
||||
});
|
||||
|
||||
@override
|
||||
State<HomeBannerCarousel> createState() => _HomeBannerCarouselState();
|
||||
}
|
||||
|
||||
class _HomeBannerCarouselState extends State<HomeBannerCarousel>
|
||||
with WidgetsBindingObserver, BannerCarouselMixin<HomeBannerCarousel> {
|
||||
@override
|
||||
int get itemCount => widget.items.length;
|
||||
|
||||
@override
|
||||
bool get isActive => widget.active;
|
||||
|
||||
@override
|
||||
void emitActiveItem() {
|
||||
if (!mounted || !widget.active) return;
|
||||
if (widget.items.isEmpty) return;
|
||||
final safeIndex = currentIndex.clamp(0, widget.items.length - 1);
|
||||
widget.onActiveItemChanged?.call(widget.items[safeIndex]);
|
||||
}
|
||||
|
||||
@override
|
||||
void precacheAdjacentSlides() {
|
||||
if (!mounted || !widget.active || widget.items.length <= 1) return;
|
||||
final next = (currentIndex + 1) % widget.items.length;
|
||||
final nextLogo = _logoUrl(widget.items[next]);
|
||||
final cacheWidth = bannerCacheWidth();
|
||||
|
||||
void precacheUrl(String url, {int? cacheWidth}) {
|
||||
unawaited(
|
||||
precacheImage(
|
||||
ResizeImage.resizeIfNeeded(
|
||||
cacheWidth,
|
||||
null,
|
||||
CachedNetworkImageProvider(url, headers: widget.imageHeaders),
|
||||
),
|
||||
context,
|
||||
onError: (_, _) {},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
precacheUrl(
|
||||
EmbyImageUrl.detailBanner(
|
||||
baseUrl: widget.baseUrl,
|
||||
token: widget.token,
|
||||
item: widget.items[next],
|
||||
),
|
||||
cacheWidth: cacheWidth,
|
||||
);
|
||||
if (nextLogo != null) precacheUrl(nextLogo, cacheWidth: 960);
|
||||
}
|
||||
|
||||
@override
|
||||
void didUpdateWidget(covariant HomeBannerCarousel oldWidget) {
|
||||
super.didUpdateWidget(oldWidget);
|
||||
if (oldWidget.items != widget.items) {
|
||||
resetCarouselItems();
|
||||
}
|
||||
if (oldWidget.active != widget.active) {
|
||||
widget.active ? activateCarousel() : deactivateCarousel();
|
||||
}
|
||||
}
|
||||
|
||||
BannerSlideData _slideDataFor(EmbyRawItem item) {
|
||||
final fallbackItemId = (item.SeriesId?.isNotEmpty ?? false)
|
||||
? item.SeriesId!
|
||||
: item.Id;
|
||||
final genres =
|
||||
(item.extra['Genres'] as List?)?.cast<String>().take(2).toList() ??
|
||||
const <String>[];
|
||||
return BannerSlideData(
|
||||
imageUrl: EmbyImageUrl.detailBanner(
|
||||
baseUrl: widget.baseUrl,
|
||||
token: widget.token,
|
||||
item: item,
|
||||
),
|
||||
fallbackImageUrl: EmbyImageUrl.fanart(
|
||||
baseUrl: widget.baseUrl,
|
||||
token: widget.token,
|
||||
itemId: fallbackItemId,
|
||||
),
|
||||
imageHeaders: widget.imageHeaders,
|
||||
logoUrl: _logoUrl(item),
|
||||
title: item.Name,
|
||||
overview: item.Overview,
|
||||
rating: item.CommunityRating?.toStringAsFixed(1),
|
||||
primaryMetaLabels: [
|
||||
if (item.ProductionYear != null) item.ProductionYear!.toString(),
|
||||
],
|
||||
secondaryMetaLabels: genres,
|
||||
);
|
||||
}
|
||||
|
||||
String? _logoUrl(EmbyRawItem item) {
|
||||
final logoItemId = (item.SeriesId?.isNotEmpty ?? false)
|
||||
? item.SeriesId!
|
||||
: item.Id;
|
||||
return EmbyImageUrl.logo(
|
||||
baseUrl: widget.baseUrl,
|
||||
token: widget.token,
|
||||
itemId: logoItemId,
|
||||
tag: logoItemId == item.Id ? (item.ImageTags?['Logo']) : null,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BannerCarouselScaffold(
|
||||
controller: this,
|
||||
reserveLogoArea: true,
|
||||
slides: [for (final item in widget.items) _slideDataFor(item)],
|
||||
onSlideTap: (index) => widget.onItemTap(widget.items[index]),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
class HomeBannerSkeleton extends StatelessWidget {
|
||||
const HomeBannerSkeleton({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final compact = Breakpoints.isCompact(MediaQuery.sizeOf(context).width);
|
||||
if (compact) {
|
||||
final height = MediaQuery.sizeOf(context).height * 0.55;
|
||||
return SizedBox(height: height);
|
||||
}
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 24),
|
||||
child: LayoutBuilder(
|
||||
builder: (context, constraints) {
|
||||
final height = (constraints.maxWidth * 7 / 16).clamp(260.0, 500.0);
|
||||
return SizedBox(height: height);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,165 @@
|
||||
import 'dart:ui';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'package:forui/forui.dart';
|
||||
|
||||
import '../../../core/contracts/auth.dart';
|
||||
import '../../../providers/home_page_mode_provider.dart';
|
||||
import '../../../providers/server_provider.dart';
|
||||
import '../../../providers/session_provider.dart';
|
||||
import '../../../shared/widgets/auto_dismiss_menu.dart';
|
||||
import '../../../shared/widgets/server_avatar.dart';
|
||||
|
||||
class ServerDropdownButton extends ConsumerWidget {
|
||||
const ServerDropdownButton({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final activeSession = ref.watch(activeSessionProvider);
|
||||
final sessionState = ref.watch(sessionProvider);
|
||||
final serverList = ref.watch(serverListProvider);
|
||||
final mode = ref.watch(homePageModeProvider);
|
||||
|
||||
final isRecommend = mode == HomePageMode.recommend;
|
||||
final currentName = isRecommend
|
||||
? '推荐'
|
||||
: (activeSession?.serverName ?? '未连接');
|
||||
|
||||
final pausedIds = serverList.maybeWhen(
|
||||
data: (list) => {
|
||||
for (final s in list)
|
||||
if (s.paused) s.id,
|
||||
},
|
||||
orElse: () => <String>{},
|
||||
);
|
||||
final sessions = sessionState.maybeWhen(
|
||||
data: (data) =>
|
||||
data.sessions.where((s) => !pausedIds.contains(s.serverId)).toList(),
|
||||
orElse: () => <AuthedSession>[],
|
||||
);
|
||||
|
||||
return FPopoverMenu(
|
||||
menuBuilder: autoDismissMenuBuilder,
|
||||
menuAnchor: Alignment.topLeft,
|
||||
childAnchor: Alignment.bottomLeft,
|
||||
menu: [FItemGroup(children: [
|
||||
FItem(
|
||||
prefix: Icon(
|
||||
isRecommend ? Icons.radio_button_checked : Icons.radio_button_unchecked,
|
||||
size: 20,
|
||||
color: isRecommend ? Theme.of(context).colorScheme.primary : null,
|
||||
),
|
||||
title: const Row(
|
||||
children: [
|
||||
Icon(Icons.explore_outlined, size: 20),
|
||||
SizedBox(width: 8),
|
||||
Text('推荐'),
|
||||
],
|
||||
),
|
||||
selected: isRecommend,
|
||||
onPress: () {
|
||||
ref.read(homePageModeProvider.notifier).state =
|
||||
HomePageMode.recommend;
|
||||
},
|
||||
),
|
||||
for (final s in sessions)
|
||||
FItem(
|
||||
prefix: Icon(
|
||||
!isRecommend && s.serverId == activeSession?.serverId
|
||||
? Icons.radio_button_checked
|
||||
: Icons.radio_button_unchecked,
|
||||
size: 20,
|
||||
color: !isRecommend && s.serverId == activeSession?.serverId
|
||||
? Theme.of(context).colorScheme.primary
|
||||
: null,
|
||||
),
|
||||
title: Text(
|
||||
s.serverName,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
selected: !isRecommend && s.serverId == activeSession?.serverId,
|
||||
onPress: () {
|
||||
ref.read(homePageModeProvider.notifier).state =
|
||||
HomePageMode.server;
|
||||
ref.read(sessionProvider.notifier).switchSession(s.serverId);
|
||||
},
|
||||
),
|
||||
])],
|
||||
builder: (context, controller, child) => GestureDetector(
|
||||
onTap: controller.toggle,
|
||||
child: child,
|
||||
),
|
||||
child: ConstrainedBox(
|
||||
constraints: BoxConstraints(
|
||||
maxWidth: MediaQuery.sizeOf(context).width - 32,
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(sigmaX: 12, sigmaY: 12),
|
||||
child: Container(
|
||||
padding: const EdgeInsets.fromLTRB(6, 6, 8, 6),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withValues(alpha: 0.25),
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
border: Border.all(color: Colors.white.withValues(alpha: 0.35)),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
if (isRecommend)
|
||||
Container(
|
||||
width: 28,
|
||||
height: 28,
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(
|
||||
context,
|
||||
).colorScheme.primary.withValues(alpha: 0.15),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Icon(
|
||||
Icons.explore_outlined,
|
||||
size: 16,
|
||||
color: Theme.of(context).colorScheme.primary,
|
||||
),
|
||||
)
|
||||
else
|
||||
ServerAvatar(
|
||||
name: activeSession?.serverName ?? '',
|
||||
iconUrl: '',
|
||||
size: 28,
|
||||
isActive: true,
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Flexible(
|
||||
child: Text(
|
||||
currentName,
|
||||
style: const TextStyle(
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Colors.white,
|
||||
shadows: [
|
||||
Shadow(blurRadius: 8, color: Color(0x80000000)),
|
||||
],
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 2),
|
||||
const Icon(
|
||||
Icons.arrow_drop_down,
|
||||
size: 18,
|
||||
color: Colors.white,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user