Comunic/comunicmobile
1
0
Fork 0
mirror of https://gitlab.com/comunic/comunicmobile synced 2025-06-19 08:15:16 +00:00
Code Issues Projects Releases Wiki Activity

Display icons for all conversations

Browse Source
This commit is contained in:
Pierre HUBERT
2021-03-11 18:00:06 +01:00
parent c8ca80f6e7
commit b9babd43a8
5 changed files with 128 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
lib/ui/tiles/conversation_tile.dart
View File

@ -1,11 +1,10 @@
import 'package:cached_network_image/cached_network_image.dart';
import 'package:comunic/helpers/conversations_helper.dart';
import 'package:comunic/lists/users_list.dart';
import 'package:comunic/models/conversation.dart';
import 'package:comunic/ui/widgets/conversation_image_widget.dart';
import 'package:comunic/ui/widgets/custom_list_tile.dart';
import 'package:comunic/utils/date_utils.dart';
import 'package:comunic/utils/intl_utils.dart';
import 'package:comunic/utils/ui_utils.dart';
import 'package:flutter/material.dart';
/// Single conversation tile
@ -73,15 +72,8 @@ class ConversationTile extends StatelessWidget {
: (conversation.color ?? Colors.blue).withOpacity(0.2),
// Leading icon
leading: conversation.logoURL == null
? Icon(
conversation.sawLastMessage ? Icons.check_circle : Icons.lens,
color: (darkTheme() ? darkAccentColor : null),
)
: CachedNetworkImage(
imageUrl: conversation.logoURL,
width: 30,
),
leading:
ConversationImageWidget(conversation: conversation, users: usersList),
// Conversation information
isThreeLine: true,

118
lib/ui/widgets/conversation_image_widget.dart Normal file
View File

@ -0,0 +1,118 @@
import 'package:cached_network_image/cached_network_image.dart';
import 'package:comunic/lists/users_list.dart';
import 'package:comunic/models/conversation.dart';
import 'package:comunic/models/user.dart';
import 'package:comunic/ui/widgets/account_image_widget.dart';
import 'package:flutter/material.dart';
/// Conversation image widget
///
/// @author Pierre Hubert
class ConversationImageWidget extends StatelessWidget {
final Conversation conversation;
final UsersList users;
final double size;
const ConversationImageWidget(
{Key key,
@required this.conversation,
@required this.users,
this.size = 30})
: assert(conversation != null),
assert(users != null),
assert(size > 0),
super(key: key);
@override
Widget build(BuildContext context) => Material(
child: _buildIcon(),
borderRadius: BorderRadius.all(
Radius.circular(18.0),
),
clipBehavior: Clip.hardEdge,
);
Widget _buildIcon() {
if (conversation.logoURL != null)
return CachedNetworkImage(
imageUrl: conversation.logoURL,
width: size,
);
if (conversation.members.length < 2)
return Icon(
Icons.lock,
size: size,
);
if (conversation.members.length == 2)
return AccountImageWidget(
width: size,
user: users.getUser(conversation.otherMembersID.first),
);
return MultipleAccountImagesWidget(
users:
conversation.otherMembersID.map((id) => users.getUser(id)).toList(),
size: size,
);
}
}
class MultipleAccountImagesWidget extends StatelessWidget {
final List<User> users;
final double size;
const MultipleAccountImagesWidget({
Key key,
@required this.users,
@required this.size,
}) : assert(users != null),
assert(size != null),
assert(size > 0),
super(key: key);
@override
Widget build(BuildContext context) => Container(
width: size,
height: size,
child: _buildContent(),
);
Widget _buildContent() {
if (users.length == 2) return _buildFirstRow();
return Column(
children: [_buildFirstRow(), _buildSecondRow()],
);
}
Widget _buildFirstRow() => Row(
children: [
AccountImageWidget(
user: users[0],
width: size / 2,
),
AccountImageWidget(
user: users[1],
width: size / 2,
)
],
);
Widget _buildSecondRow() => Row(
children: [
AccountImageWidget(
user: users[2],
width: size / 2,
),
users.length > 3
? AccountImageWidget(
user: users[3],
width: size / 2,
)
: Container()
],
);
}