Mr.Rahmani
/
didvan-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

bookmarks (basic)

This commit is contained in:
MohammadTaha Basiri 2022-01-29 14:06:53 +03:30
parent 0bcd44d5e3
commit c282921b2b
3 changed files with 394 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
lib/pages/home/settings/bookmarks/bookmark_state.dart Normal file
View File

@ -0,0 +1,68 @@
import 'package:didvan/models/enums.dart';
import 'package:didvan/models/item_overview.dart';
import 'package:didvan/providers/core_provider.dart';
import 'package:didvan/services/network/request.dart';
import 'package:didvan/services/network/request_helper.dart';
class BookmarksState extends CoreProvier {
final List<ItemOverview> bookmarks = [];
final List<dynamic> filterdBookmarks = [];
String search = '';
String lastSearch = '';
String? groupName;
bool get searching => search != '';
Future<void> getBookmarks() async {
if (search != '') {
lastSearch = search;
}
appState = AppState.busy;
final service = RequestService(RequestHelper.bookmarks(groupName));
await service.httpGet();
String resultKey;
switch (groupName) {
case 'radar':
resultKey = 'radars';
break;
case 'news':
resultKey = groupName!;
break;
default:
resultKey = 'contents';
}
if (service.isSuccess) {
final marks = service.result[resultKey];
if (groupName == null) {
bookmarks.clear();
for (var i = 0; i < marks.length; i++) {
bookmarks.add(ItemOverview.fromJson(marks[i]));
}
} else {
filterdBookmarks.clear();
for (var i = 0; i < marks.length; i++) {
filterdBookmarks.add(ItemOverview.fromJson(marks[i]));
}
}
appState = AppState.idle;
return;
}
appState = AppState.failed;
}
void unMark(int id) {
bookmarks.removeWhere((element) => element.id == id);
filterdBookmarks.removeWhere((element) => element.id == id);
notifyListeners();
final service = RequestService(RequestHelper.markRadar(id));
service.delete();
}
void onCommentsChanged(int id, int value) {
bookmarks.firstWhere((radar) => radar.id == id).comments = value;
filterdBookmarks.firstWhere((radar) => radar.id == id).comments = value;
notifyListeners();
}
}

188
lib/pages/home/settings/bookmarks/bookmarks.dart Normal file
View File

@ -0,0 +1,188 @@
import 'dart:async';
import 'package:didvan/models/view/app_bar_data.dart';
import 'package:didvan/pages/home/settings/bookmarks/bookmark_state.dart';
import 'package:didvan/widgets/didvan/card.dart';
import 'package:didvan/widgets/didvan/divider.dart';
import 'package:didvan/widgets/didvan/scaffold.dart';
import 'package:didvan/widgets/multitype_item.dart';
import 'package:didvan/widgets/search_field.dart';
import 'package:didvan/widgets/shimmer_placeholder.dart';
import 'package:didvan/widgets/state_handlers/empty_list.dart';
import 'package:didvan/widgets/state_handlers/empty_result.dart';
import 'package:didvan/widgets/state_handlers/sliver_state_handler.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
class Bookmarks extends StatefulWidget {
const Bookmarks({Key? key}) : super(key: key);
@override
State<Bookmarks> createState() => _BookmarksState();
}
class _BookmarksState extends State<Bookmarks> {
final _focuseNode = FocusNode();
Timer? _timer;
@override
void initState() {
Future.delayed(Duration.zero, () {
context.read<BookmarksState>().getBookmarks();
});
super.initState();
}
@override
Widget build(BuildContext context) {
final state = context.watch<BookmarksState>();
return DidvanScaffold(
appBarData: AppBarData(
title: 'نشان شده‌ها',
hasBack: true,
),
children: [
SearchField(
title: 'نشان شده‌ها',
onChanged: _onChanged,
focusNode: _focuseNode,
),
const SizedBox(height: 16),
// AnimatedVisibility(
// duration: DesignConfig.lowAnimationDuration,
// isVisible: !state.searching,
// child: DidvanCard(
// child: Column(
// children: [
// MenuItem(
// onTap: () => _onCategorySelected('radar'),
// title: 'تحلیل‌های رادار',
// icon: DidvanIcons.radar_regular,
// iconSize: 24,
// ),
// const DidvanDivider(),
// MenuItem(
// onTap: () => _onCategorySelected('news'),
// title: 'اخبار',
// icon: DidvanIcons.news_regular,
// iconSize: 24,
// ),
// const DidvanDivider(),
// MenuItem(
// onTap: () => _onCategorySelected('video'),
// title: 'ویدئو‌ها',
// icon: DidvanIcons.video_regular,
// iconSize: 24,
// ),
// const DidvanDivider(),
// MenuItem(
// onTap: () => _onCategorySelected('podcast'),
// title: 'پادکست‌ها',
// icon: DidvanIcons.podcast_regular,
// iconSize: 24,
// ),
// ],
// ),
// ),
// ),
// Align(
// alignment: Alignment.centerRight,
// child: AnimatedVisibility(
// duration: DesignConfig.lowAnimationDuration,
// isVisible: !state.searching,
// child: const ItemTitle(title: 'آخرین نشان نشده‌ها'),
// ),
// ),
],
slivers: [
SliverStateHandler<BookmarksState>(
state: state,
// centerEmptyState: state.searching,
builder: (context, state, index) => MultitypeItem(
item: state.bookmarks[index],
),
placeholder: const _NewsOverviewPlaceholder(),
itemPadding: const EdgeInsets.only(bottom: 8),
emptyState: state.searching
? EmptyResult(onNewSearch: _focuseNode.requestFocus)
: const EmptyList(),
enableEmptyState: state.bookmarks.isEmpty,
childCount: state.bookmarks.length,
onRetry: state.getBookmarks,
),
],
);
}
// void _onCategorySelected(String? type) {
// FocusScope.of(context).unfocus();
// final state = context.read<BookmarksState>();
// state.groupName = type;
// Navigator.of(context).pushNamed(Routes.filteredBookmarks, arguments: state);
// }
void _onChanged(String value) {
final state = context.read<BookmarksState>();
if (value.length < 4 && value.isNotEmpty || state.lastSearch == value) {
return;
}
_timer?.cancel();
_timer = Timer(const Duration(seconds: 1), () {
state.search = value;
state.getBookmarks();
});
}
}
class _NewsOverviewPlaceholder extends StatelessWidget {
const _NewsOverviewPlaceholder({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return DidvanCard(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const ShimmerPlaceholder(height: 64, width: 64),
const SizedBox(width: 8),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: const [
ShimmerPlaceholder(height: 18, width: 200),
SizedBox(height: 8),
ShimmerPlaceholder(height: 18, width: 100),
],
),
],
),
const SizedBox(height: 12),
const ShimmerPlaceholder(
height: 16,
width: double.infinity,
),
const SizedBox(height: 8),
const ShimmerPlaceholder(
height: 16,
width: double.infinity,
),
const SizedBox(height: 8),
const ShimmerPlaceholder(
height: 16,
width: 100,
),
const DidvanDivider(verticalPadding: 8),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: const [
ShimmerPlaceholder(height: 12, width: 150),
ShimmerPlaceholder(height: 24, width: 24),
],
),
],
),
);
}
}

138
lib/pages/home/settings/bookmarks/filtered_bookmark/filtered_bookmark.dart Normal file
View File

@ -0,0 +1,138 @@
import 'package:didvan/models/view/app_bar_data.dart';
import 'package:didvan/pages/home/widgets/radar_overview.dart';
import 'package:didvan/pages/home/settings/bookmarks/bookmark_state.dart';
import 'package:didvan/widgets/didvan/card.dart';
import 'package:didvan/widgets/didvan/divider.dart';
import 'package:didvan/widgets/didvan/scaffold.dart';
import 'package:didvan/widgets/shimmer_placeholder.dart';
import 'package:didvan/widgets/state_handlers/empty_list.dart';
import 'package:didvan/widgets/state_handlers/sliver_state_handler.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
class FilteredBookmarks extends StatefulWidget {
const FilteredBookmarks({Key? key}) : super(key: key);
@override
_FilteredBookmarksState createState() => _FilteredBookmarksState();
}
class _FilteredBookmarksState extends State<FilteredBookmarks> {
@override
void initState() {
Future.delayed(Duration.zero, context.read<BookmarksState>().getBookmarks);
super.initState();
}
String get _appBarTitle {
switch (context.read<BookmarksState>().groupName) {
case 'radar':
return 'تحلیل‌های رادار';
case 'news':
return 'اخبار';
case 'video':
return 'ویدئو‌ها';
case 'podcast':
return 'پادکست‌ها';
default:
return 'پادکست‌ها';
}
}
@override
Widget build(BuildContext context) {
return DidvanScaffold(
appBarData: AppBarData(title: _appBarTitle),
slivers: [
Consumer<BookmarksState>(
builder: (context, state, child) =>
SliverStateHandler<BookmarksState>(
state: state,
enableEmptyState: state.filterdBookmarks.isEmpty,
itemPadding: const EdgeInsets.only(bottom: 8),
placeholder: const _RadarOverviewPlaceholder(),
emptyState: const EmptyList(),
builder: (context, state, index) => RadarOverview(
radar: state.filterdBookmarks[index],
onMarkChanged: (value) {},
onCommentsChanged: (count) => state.onCommentsChanged(
state.filterdBookmarks[index].id,
count,
),
),
childCount: state.filterdBookmarks.length,
onRetry: state.getBookmarks,
),
),
],
);
}
}
class _RadarOverviewPlaceholder extends StatelessWidget {
const _RadarOverviewPlaceholder({
Key? key,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return DidvanCard(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const ShimmerPlaceholder(
width: 200,
height: 16,
),
const SizedBox(height: 8),
const AspectRatio(aspectRatio: 16 / 9, child: ShimmerPlaceholder()),
const SizedBox(height: 8),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: const [
ShimmerPlaceholder(
height: 12,
width: 70,
),
ShimmerPlaceholder(
height: 12,
width: 70,
),
],
),
const SizedBox(height: 8),
const ShimmerPlaceholder(
height: 16,
),
const SizedBox(height: 8),
const ShimmerPlaceholder(
height: 16,
),
const SizedBox(height: 8),
const ShimmerPlaceholder(
height: 16,
),
const DidvanDivider(),
Row(
children: const [
ShimmerPlaceholder(
height: 32,
width: 32,
),
Spacer(),
ShimmerPlaceholder(
height: 32,
width: 32,
),
SizedBox(width: 16),
ShimmerPlaceholder(
height: 32,
width: 32,
),
],
),
],
),
);
}
}