2024-12-10 20:49:23 +04:00

216 lines
7.1 KiB
Dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:pmd_labs/components/extension/context_x.dart';
import 'package:pmd_labs/components/utils/debounce.dart';
import 'package:pmd_labs/data/repositories/album_repository.dart';
import 'package:pmd_labs/details_page/detail_page.dart';
import 'package:pmd_labs/home_page/bloc/events.dart';
import 'package:pmd_labs/home_page/bloc/state.dart';
import 'package:pmd_labs/card_data.dart';
import '../data/dto/album_dto.dart';
import '../like_bloc/like_bloc.dart';
import '../like_bloc/like_event.dart';
import '../like_bloc/like_state.dart';
import '../locale_bloc/locale_bloc.dart';
import '../locale_bloc/locale_events.dart';
import '../locale_bloc/locale_state.dart';
import '../svg_objects.dart';
import 'bloc/home_bloc.dart';
part 'card.dart';
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: const Color(0xFF231a24),
title: Text(
widget.title,
style: Theme.of(context).textTheme.headlineLarge?.copyWith(color: Colors.orange),
),
),
body: Container(
color: const Color(0xFF403042),
child: const Body(), // Ваш виджет Body
),
);
}
}
class Body extends StatefulWidget {
const Body({super.key});
@override
State<Body> createState() => _BodyState();
}
class _BodyState extends State<Body> {
final AlbumRepository repo = AlbumRepository();
final ScrollController scrollController = ScrollController();
final TextEditingController searchController = TextEditingController();
late final Debounce debounce;
@override
void initState() {
SvgObjects.init();
WidgetsBinding.instance.addPostFrameCallback((_){
context.read<HomeBloc>().add(const HomeLoadDataEvent());
context.read<LikeBloc>().add(const LoadLikesEvent());
});
scrollController.addListener(_onNextPageListener);
super.initState();
}
void _onNextPageListener() {
if (scrollController.position.pixels >= scrollController.position.maxScrollExtent &&
!context.read<HomeBloc>().state.isPaginationLoading) {
final bloc = context.read<HomeBloc>();
bloc.add(HomeLoadDataEvent(
search: searchController.text,
nextPage: bloc.state.data?.nextPage,
));
}
}
void _showSnackbar(BuildContext context, String title, bool isLiked) {
WidgetsBinding.instance.addPostFrameCallback((_) {
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
content: Text(
'$title ${isLiked ? context.locale.liked : context.locale.disliked}',
style: Theme.of(context).textTheme.bodyLarge,
),
backgroundColor: Colors.orangeAccent,
duration: const Duration(seconds: 1),
));
});
}
void _onLike(String id, String title, bool isLiked) {
print("$id $title, $isLiked");
context.read<LikeBloc>().add(ChangeLikeEvent(id));
_showSnackbar(context, title, !isLiked);
}
void _navToDetails(BuildContext context, CardData data) {
Navigator.push(context, CupertinoPageRoute(builder: (context) => DetailsPage(data)));
}
Future<void> _onRefresh() {
context
.read<HomeBloc>()
.add(HomeLoadDataEvent(search: searchController.text));
return Future.value(null);
}
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
child: Column(
children: [
Padding(
padding: const EdgeInsets.all(12),
child: Row(
children: [
Expanded(
child: CupertinoSearchTextField(
controller: searchController,
placeholder: context.locale.search,
onChanged: (search) {
Debounce.run(() {
context.read<HomeBloc>().add(HomeLoadDataEvent(search: search));
});
},
style: TextStyle(color: Colors.orange, fontFamily: 'Correction_Tape'),
),
),
// GestureDetector размещен справа от поля поиска
GestureDetector(
onTap: () =>
context.read<LocaleBloc>().add(const ChangeLocaleEvent()),
child: SizedBox.square(
dimension: 50,
child: Padding(
padding: const EdgeInsets.only(left: 12),
child: BlocBuilder<LocaleBloc, LocaleState>(
builder: (context, state) {
return state.currentLocale.languageCode == 'ru'
? const SvgRu()
: const SvgUk();
},
),
),
),
),
],
),
),
BlocBuilder<HomeBloc, HomeState>(
builder: (context, state) => state.isLoading
? CircularProgressIndicator()
: BlocBuilder<LikeBloc, LikeState>(
builder: (context, likeState) => Expanded(
child: RefreshIndicator(
onRefresh: _onRefresh,
child: ListView.builder(
controller: scrollController,
padding: EdgeInsets.zero,
itemCount: state.data?.data?.length ?? 0,
itemBuilder: (context, index) {
final data = state.data?.data?[index];
return data != null
? _Card.fromData(
data,
isLiked: likeState.likedIds
?.contains(data.id) ==
true,
onLike: _onLike,
onTap: () =>
_navToDetails(context, data),
)
: const SizedBox.shrink();
}),
),
))),
BlocBuilder<HomeBloc, HomeState>(
builder: (context, state) {
if (state.isPaginationLoading) {
return const Padding(
padding: EdgeInsets.all(8.0),
child: CircularProgressIndicator(),
);
}
return const SizedBox.shrink();
},
),
],
),
);
}
@override
void dispose() {
searchController.dispose();
scrollController.dispose();
super.dispose();
}
}
class HomeData {
final List<CardData>? data;
final int? nextPage;
HomeData({this.data, this.nextPage});
}