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

D1APP-52 direct list (chat rooms) (dynamic)

This commit is contained in:
MohammadTaha Basiri 2022-01-08 13:48:32 +03:30
parent eccde6f68a
commit fa2046f12b
2 changed files with 112 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

146
lib/pages/home/profile/direct_list/direct_list.dart
View File

@ -1,84 +1,102 @@
import 'package:didvan/config/theme_data.dart'; import 'package:didvan/config/theme_data.dart';
import 'package:didvan/constants/app_icons.dart'; import 'package:didvan/constants/app_icons.dart';
import 'package:didvan/models/chat_room/chat_room.dart';
import 'package:didvan/models/view/app_bar_data.dart'; import 'package:didvan/models/view/app_bar_data.dart';
import 'package:didvan/pages/home/profile/direct_list/direct_list_state.dart';
import 'package:didvan/pages/home/profile/direct_list/widgets/chat_room_item.dart';
import 'package:didvan/routes/routes.dart'; import 'package:didvan/routes/routes.dart';
import 'package:didvan/widgets/didvan/badge.dart'; import 'package:didvan/widgets/didvan/badge.dart';
import 'package:didvan/widgets/didvan/divider.dart'; import 'package:didvan/widgets/didvan/divider.dart';
import 'package:didvan/widgets/didvan/scaffold.dart'; import 'package:didvan/widgets/didvan/scaffold.dart';
import 'package:didvan/widgets/didvan/text.dart'; import 'package:didvan/widgets/didvan/text.dart';
import 'package:didvan/widgets/shimmer_placeholder.dart';
import 'package:didvan/widgets/sliver_state_handler.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
class DirectList extends StatelessWidget { class DirectList extends StatefulWidget {
const DirectList({Key? key}) : super(key: key); const DirectList({Key? key}) : super(key: key);
@override @override
Widget build(BuildContext context) { State<DirectList> createState() => _DirectListState();
return DidvanScaffold( }
appBarData: AppBarData(
hasBack: true, class _DirectListState extends State<DirectList> {
title: 'پیام‌ها', @override
trailing: const DidvanBadge( void initState() {
text: '12', Future.delayed(Duration.zero, () {
), context.read<DirectListState>().getDirectsList();
), });
slivers: [for (var i = 0; i < 10; i++) _itemBuilder(context)], super.initState();
);
} }
Widget _itemBuilder(BuildContext context) { @override
return GestureDetector( Widget build(BuildContext context) {
onTap: () => Navigator.of(context).pushNamed(Routes.direct), return Consumer<DirectListState>(
child: Container( builder: (context, state, child) => DidvanScaffold(
color: Colors.transparent, appBarData: AppBarData(
child: Column( hasBack: true,
children: [ title: 'پیام‌ها',
Row( trailing: DidvanBadge(
children: [ text: state.unreadCount.toString(),
const Icon( ),
DidvanIcons.avatar_light,
size: 32,
),
const SizedBox(width: 12),
Expanded(
child: DidvanText(
'سردبیر رادار سیاسی',
style: Theme.of(context).textTheme.bodyText1,
),
),
const DidvanBadge(text: '2'),
],
),
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(width: 40),
const Icon(
DidvanIcons.check_double_light,
size: 16,
),
const SizedBox(width: 4),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const DidvanText(
'فورت فورت،تموم شد؟ خیلی تاثیرگذار بود.',
maxLines: 1,
),
DidvanText(
'15 دقیقه پیش',
style: Theme.of(context).textTheme.caption,
color: Theme.of(context).colorScheme.caption,
)
],
),
),
],
),
const DidvanDivider(),
],
), ),
slivers: [
SliverStateHandler<DirectListState>(
itemPadding: const EdgeInsets.symmetric(horizontal: 16),
state: state,
placeholder: const _ChatRoomPlaceholder(),
builder: (context, state, index) => ChatRoomItem(
chatRoom: state.chatRooms[index],
),
childCount: state.chatRooms.length,
),
],
), ),
); );
} }
} }
class _ChatRoomPlaceholder extends StatelessWidget {
const _ChatRoomPlaceholder({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Column(
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const ShimmerPlaceholder(
height: 24,
width: 24,
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: const [
ShimmerPlaceholder(
height: 24,
width: 100,
),
SizedBox(height: 12),
ShimmerPlaceholder(
height: 16,
width: 300,
),
SizedBox(height: 12),
ShimmerPlaceholder(
height: 12,
width: 80,
),
],
),
),
],
),
const DidvanDivider(),
],
);
}
}

31
lib/pages/home/profile/direct_list/direct_list_state.dart
View File

@ -1,3 +1,32 @@
import 'package:didvan/models/chat_room/chat_room.dart';
import 'package:didvan/models/enums.dart';
import 'package:didvan/providers/core_provider.dart'; import 'package:didvan/providers/core_provider.dart';
import 'package:didvan/services/network/request.dart';
import 'package:didvan/services/network/request_helper.dart';
class DirectListState extends CoreProvier {} class DirectListState extends CoreProvier {
final List<ChatRoom> chatRooms = [];
int _unreadCount = 0;
int get unreadCount => _unreadCount;
set unreadCount(int value) {
_unreadCount = value;
notifyListeners();
}
Future<void> getDirectsList() async {
appState = AppState.busy;
final RequestService service = RequestService(RequestHelper.directs);
await service.httpGet();
if (service.isSuccess) {
_unreadCount = service.result['unread'] ?? 0;
final List _chatRooms = service.result['chatRooms'] ?? [];
for (var i = 0; i < _chatRooms.length; i++) {
chatRooms.add(ChatRoom.fromJson(_chatRooms[i]));
}
appState = AppState.idle;
return;
}
appState = AppState.failed;
}
}