mirror of https://github.com/CympleTech/ESSE.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
4.1 KiB
121 lines
4.1 KiB
import 'package:flutter/material.dart'; |
|
import 'package:provider/provider.dart'; |
|
|
|
import 'package:esse/utils/adaptive.dart'; |
|
import 'package:esse/l10n/localizations.dart'; |
|
import 'package:esse/provider.dart'; |
|
import 'package:esse/session.dart'; |
|
|
|
import 'package:esse/apps/group_chat/add.dart'; |
|
import 'package:esse/apps/group_chat/detail.dart'; |
|
import 'package:esse/apps/group_chat/models.dart'; |
|
import 'package:esse/apps/group_chat/provider.dart'; |
|
|
|
class GroupChatList extends StatefulWidget { |
|
const GroupChatList({Key? key}) : super(key: key); |
|
|
|
@override |
|
_GroupChatListState createState() => _GroupChatListState(); |
|
} |
|
|
|
class _GroupChatListState extends State<GroupChatList> { |
|
@override |
|
Widget build(BuildContext context) { |
|
//final color = Theme.of(context).colorScheme; |
|
final lang = AppLocalizations.of(context); |
|
final isDesktop = isDisplayDesktop(context); |
|
final provider = context.watch<GroupChatProvider>(); |
|
final orderKeys = provider.orderKeys; |
|
final groups = provider.groups; |
|
|
|
return Scaffold( |
|
appBar: AppBar(title: Text(lang.groupChats)), |
|
body: Padding( |
|
padding: const EdgeInsets.symmetric(vertical: 10.0), |
|
child: ListView.builder( |
|
itemCount: orderKeys.length, |
|
itemBuilder: (BuildContext ctx, int index) => ListChat(group: groups[orderKeys[index]]!), |
|
) |
|
), |
|
floatingActionButton: FloatingActionButton( |
|
onPressed: () { |
|
final widget = GroupAddPage(); |
|
if (isDesktop) { |
|
Provider.of<AccountProvider>(context, listen: false).updateActivedWidget(widget); |
|
} else { |
|
Navigator.push(context, MaterialPageRoute(builder: (_) => widget)); |
|
} |
|
}, |
|
child: const Icon(Icons.add, color: Colors.white), |
|
backgroundColor: Color(0xFF6174FF), |
|
), |
|
); |
|
} |
|
} |
|
|
|
class ListChat extends StatelessWidget { |
|
final GroupChat group; |
|
const ListChat({Key? key, required this.group}) : super(key: key); |
|
|
|
@override |
|
Widget build(BuildContext context) { |
|
final color = Theme.of(context).colorScheme; |
|
final lang = AppLocalizations.of(context); |
|
final isDesktop = isDisplayDesktop(context); |
|
|
|
return GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
context.read<AccountProvider>().updateActivedSession(0, SessionType.Group, group.id); |
|
context.read<GroupChatProvider>().updateActivedGroup(group.id); |
|
final widget = GroupChatDetail(); |
|
if (!isDesktop) { |
|
Navigator.push(context, MaterialPageRoute(builder: (_) => widget)); |
|
} else { |
|
context.read<AccountProvider>().updateActivedWidget(widget); |
|
} |
|
}, |
|
child: Container( |
|
height: 55.0, |
|
child: Row( |
|
children: [ |
|
Container( |
|
width: 45.0, |
|
height: 45.0, |
|
margin: const EdgeInsets.only(left: 20.0, right: 15.0), |
|
child: group.showAvatar(), |
|
), |
|
Expanded( |
|
child: Container( |
|
height: 55.0, |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
children: [ |
|
Expanded( |
|
child: Text(group.name, |
|
maxLines: 1, |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle(fontSize: 16.0)) |
|
), |
|
if (group.isClosed) |
|
Container( |
|
margin: const EdgeInsets.only(left: 15.0, right: 20.0), |
|
child: Text(lang.closed, |
|
style: TextStyle(color: color.primary, fontSize: 12.0), |
|
), |
|
) |
|
]), |
|
], |
|
), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
); |
|
} |
|
}
|
|
|