feat: new design
This commit is contained in:
parent
9a244a7302
commit
1d7d8dcae0
19 changed files with 3428 additions and 696 deletions
130
lib/components/list_items/status_list_tile.dart
Normal file
130
lib/components/list_items/status_list_tile.dart
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
import 'package:adaptive_page_layout/adaptive_page_layout.dart';
|
||||
import 'package:cached_network_image/cached_network_image.dart';
|
||||
import 'package:famedlysdk/famedlysdk.dart';
|
||||
import 'package:fluffychat/components/avatar.dart';
|
||||
import 'package:fluffychat/utils/fluffy_share.dart';
|
||||
import 'package:fluffychat/utils/status.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:future_loading_dialog/future_loading_dialog.dart';
|
||||
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
||||
|
||||
import '../../utils/string_color.dart';
|
||||
import '../../utils/date_time_extension.dart';
|
||||
import '../matrix.dart';
|
||||
|
||||
class StatusListTile extends StatelessWidget {
|
||||
final Status status;
|
||||
|
||||
const StatusListTile({Key key, @required this.status}) : super(key: key);
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final text = status.message;
|
||||
final isImage = text.startsWith('mxc://') && text.split(' ').length == 1;
|
||||
return FutureBuilder<Profile>(
|
||||
future: Matrix.of(context).client.getProfileFromUserId(status.senderId),
|
||||
builder: (context, snapshot) {
|
||||
final displayname =
|
||||
snapshot.data?.displayname ?? status.senderId.localpart;
|
||||
final avatarUrl = snapshot.data?.avatarUrl;
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
ListTile(
|
||||
leading: Avatar(avatarUrl, displayname),
|
||||
title: Text(
|
||||
displayname,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(fontWeight: FontWeight.bold),
|
||||
),
|
||||
subtitle: Text(status.dateTime.localizedTime(context),
|
||||
style: TextStyle(fontSize: 14)),
|
||||
trailing: PopupMenuButton(
|
||||
onSelected: (_) => AdaptivePageLayout.of(context).pushNamed(
|
||||
'/settings/ignore',
|
||||
arguments: status.senderId),
|
||||
itemBuilder: (_) => [
|
||||
PopupMenuItem(
|
||||
child: Text(L10n.of(context).ignore),
|
||||
value: 'ignore',
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
isImage
|
||||
? CachedNetworkImage(
|
||||
imageUrl: Uri.parse(text).getThumbnail(
|
||||
Matrix.of(context).client,
|
||||
width: 360,
|
||||
height: 360,
|
||||
method: ThumbnailMethod.scale,
|
||||
),
|
||||
fit: BoxFit.cover,
|
||||
width: double.infinity,
|
||||
)
|
||||
: Container(
|
||||
height: 256,
|
||||
color: text.color,
|
||||
alignment: Alignment.center,
|
||||
child: SingleChildScrollView(
|
||||
padding: EdgeInsets.all(12),
|
||||
child: Text(
|
||||
text,
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 24,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(right: 12.0, left: 12.0),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
IconButton(
|
||||
icon: Icon(CupertinoIcons.chat_bubble),
|
||||
onPressed: () async {
|
||||
final result = await showFutureLoadingDialog(
|
||||
context: context,
|
||||
future: () => User(
|
||||
status.senderId,
|
||||
room:
|
||||
Room(id: '', client: Matrix.of(context).client),
|
||||
).startDirectChat(),
|
||||
);
|
||||
if (result.error == null) {
|
||||
await AdaptivePageLayout.of(context)
|
||||
.pushNamed('/rooms/${result.result}');
|
||||
}
|
||||
},
|
||||
),
|
||||
IconButton(
|
||||
icon: Icon(Icons.ios_share),
|
||||
onPressed: () => AdaptivePageLayout.of(context)
|
||||
.pushNamed('/newstatus', arguments: status.message),
|
||||
),
|
||||
IconButton(
|
||||
icon: Icon(Icons.share_outlined),
|
||||
onPressed: () => FluffyShare.share(
|
||||
'$displayname: ${status.message}',
|
||||
context,
|
||||
),
|
||||
),
|
||||
IconButton(
|
||||
icon: Icon(Icons.delete_outlined),
|
||||
onPressed: () => showFutureLoadingDialog(
|
||||
context: context,
|
||||
future: () => Matrix.of(context)
|
||||
.removeStatusOfUser(status.senderId),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
});
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue