Krille/use stream builder

onboarding
Christian Pauly 6 years ago
parent 1a6b184e98
commit ab62170bb9

@ -1,4 +1,3 @@
import 'dart:async';
import 'dart:io'; import 'dart:io';
import 'package:famedlysdk/famedlysdk.dart'; import 'package:famedlysdk/famedlysdk.dart';
@ -131,14 +130,6 @@ class _ChatDetailsState extends State<ChatDetails> {
if (participants != null) setState(() => members = participants); if (participants != null) setState(() => members = participants);
} }
StreamSubscription onUpdate;
@override
void dispose() {
onUpdate?.cancel();
super.dispose();
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
if (widget.room == null) { if (widget.room == null) {
@ -156,293 +147,313 @@ class _ChatDetailsState extends State<ChatDetails> {
final int actualMembersCount = final int actualMembersCount =
widget.room.mInvitedMemberCount + widget.room.mJoinedMemberCount; widget.room.mInvitedMemberCount + widget.room.mJoinedMemberCount;
final bool canRequestMoreMembers = members.length < actualMembersCount; final bool canRequestMoreMembers = members.length < actualMembersCount;
this.onUpdate ??= widget.room.onUpdate.stream
.listen((id) => setState(() => members = null));
return AdaptivePageLayout( return AdaptivePageLayout(
primaryPage: FocusPage.SECOND, primaryPage: FocusPage.SECOND,
firstScaffold: ChatList( firstScaffold: ChatList(
activeChat: widget.room.id, activeChat: widget.room.id,
), ),
secondScaffold: Scaffold( secondScaffold: StreamBuilder(
body: NestedScrollView( stream: widget.room.onUpdate.stream,
headerSliverBuilder: builder: (context, snapshot) {
(BuildContext context, bool innerBoxIsScrolled) => <Widget>[ return Scaffold(
SliverAppBar( body: NestedScrollView(
expandedHeight: 300.0, headerSliverBuilder:
floating: true, (BuildContext context, bool innerBoxIsScrolled) => <Widget>[
pinned: true, SliverAppBar(
actions: <Widget>[ expandedHeight: 300.0,
if (widget.room.canonicalAlias?.isNotEmpty ?? false) floating: true,
IconButton( pinned: true,
icon: Icon(Icons.share), actions: <Widget>[
onPressed: () { if (widget.room.canonicalAlias?.isNotEmpty ?? false)
Clipboard.setData( IconButton(
ClipboardData(text: widget.room.canonicalAlias), icon: Icon(Icons.share),
); onPressed: () {
showToast(L10n.of(context).copiedToClipboard); Clipboard.setData(
}, ClipboardData(text: widget.room.canonicalAlias),
), );
ChatSettingsPopupMenu(widget.room, false) showToast(L10n.of(context).copiedToClipboard);
], },
title: Text(widget.room.getLocalizedDisplayname(L10n.of(context)),
style: TextStyle(
color: Theme.of(context)
.appBarTheme
.textTheme
.headline6
.color)),
backgroundColor: Theme.of(context).appBarTheme.color,
flexibleSpace: FlexibleSpaceBar(
background: ContentBanner(widget.room.avatar,
onEdit: widget.room.canSendEvent("m.room.avatar") && !kIsWeb
? () => setAvatarAction(context)
: null),
),
),
],
body: ListView.builder(
itemCount: members.length + 1 + (canRequestMoreMembers ? 1 : 0),
itemBuilder: (BuildContext context, int i) => i == 0
? Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
ListTile(
leading: widget.room.canSendEvent("m.room.topic")
? CircleAvatar(
backgroundColor:
Theme.of(context).scaffoldBackgroundColor,
foregroundColor: Colors.grey,
child: Icon(Icons.edit),
)
: null,
title: Text("${L10n.of(context).groupDescription}:",
style: TextStyle(
color: Theme.of(context).primaryColor,
fontWeight: FontWeight.bold)),
subtitle: LinkText(
text: widget.room.topic?.isEmpty ?? true
? L10n.of(context).addGroupDescription
: widget.room.topic,
linkStyle: TextStyle(color: Colors.blueAccent),
textStyle: TextStyle(
fontSize: 14,
color: Theme.of(context).textTheme.bodyText2.color,
),
),
onTap: widget.room.canSendEvent("m.room.topic")
? () => setTopicAction(context)
: null,
),
Divider(thickness: 1),
ListTile(
title: Text(
L10n.of(context).settings,
style: TextStyle(
color: Theme.of(context).primaryColor,
fontWeight: FontWeight.bold,
),
),
),
if (widget.room.canSendEvent("m.room.name"))
ListTile(
leading: CircleAvatar(
backgroundColor:
Theme.of(context).scaffoldBackgroundColor,
foregroundColor: Colors.grey,
child: Icon(Icons.people),
),
title: Text(L10n.of(context).changeTheNameOfTheGroup),
subtitle: Text(widget.room
.getLocalizedDisplayname(L10n.of(context))),
onTap: () => setDisplaynameAction(context),
),
if (widget.room.canSendEvent("m.room.canonical_alias") &&
widget.room.joinRules == JoinRules.public)
ListTile(
leading: CircleAvatar(
backgroundColor:
Theme.of(context).scaffoldBackgroundColor,
foregroundColor: Colors.grey,
child: Icon(Icons.link),
),
onTap: () => setCanonicalAliasAction(context),
title: Text(L10n.of(context).setInvitationLink),
subtitle: Text(
(widget.room.canonicalAlias?.isNotEmpty ?? false)
? widget.room.canonicalAlias
: L10n.of(context).none),
), ),
PopupMenuButton( ChatSettingsPopupMenu(widget.room, false)
child: ListTile( ],
leading: CircleAvatar( title: Text(
backgroundColor: widget.room.getLocalizedDisplayname(L10n.of(context)),
Theme.of(context).scaffoldBackgroundColor, style: TextStyle(
foregroundColor: Colors.grey, color: Theme.of(context)
child: Icon(Icons.public)), .appBarTheme
title: Text( .textTheme
L10n.of(context).whoIsAllowedToJoinThisGroup), .headline6
subtitle: Text( .color)),
widget.room.joinRules backgroundColor: Theme.of(context).appBarTheme.color,
.getLocalizedString(L10n.of(context)), flexibleSpace: FlexibleSpaceBar(
), background: ContentBanner(widget.room.avatar,
), onEdit: widget.room.canSendEvent("m.room.avatar") &&
onSelected: (JoinRules joinRule) => !kIsWeb
SimpleDialogs(context).tryRequestWithLoadingDialog( ? () => setAvatarAction(context)
widget.room.setJoinRules(joinRule), : null),
), ),
itemBuilder: (BuildContext context) => ),
<PopupMenuEntry<JoinRules>>[ ],
if (widget.room.canChangeJoinRules) body: ListView.builder(
PopupMenuItem<JoinRules>( itemCount:
value: JoinRules.public, members.length + 1 + (canRequestMoreMembers ? 1 : 0),
child: Text(JoinRules.public itemBuilder: (BuildContext context, int i) => i == 0
.getLocalizedString(L10n.of(context))), ? Column(
), crossAxisAlignment: CrossAxisAlignment.stretch,
if (widget.room.canChangeJoinRules) children: <Widget>[
PopupMenuItem<JoinRules>( ListTile(
value: JoinRules.invite, leading: widget.room.canSendEvent("m.room.topic")
child: Text(JoinRules.invite ? CircleAvatar(
.getLocalizedString(L10n.of(context))), backgroundColor: Theme.of(context)
), .scaffoldBackgroundColor,
], foregroundColor: Colors.grey,
), child: Icon(Icons.edit),
PopupMenuButton( )
child: ListTile( : null,
leading: CircleAvatar( title: Text(
backgroundColor: "${L10n.of(context).groupDescription}:",
Theme.of(context).scaffoldBackgroundColor, style: TextStyle(
foregroundColor: Colors.grey, color: Theme.of(context).primaryColor,
child: Icon(Icons.visibility), fontWeight: FontWeight.bold)),
), subtitle: LinkText(
title: text: widget.room.topic?.isEmpty ?? true
Text(L10n.of(context).visibilityOfTheChatHistory), ? L10n.of(context).addGroupDescription
subtitle: Text( : widget.room.topic,
widget.room.historyVisibility linkStyle: TextStyle(color: Colors.blueAccent),
.getLocalizedString(L10n.of(context)), textStyle: TextStyle(
), fontSize: 14,
), color: Theme.of(context)
onSelected: (HistoryVisibility historyVisibility) => .textTheme
SimpleDialogs(context).tryRequestWithLoadingDialog( .bodyText2
widget.room.setHistoryVisibility(historyVisibility), .color,
), ),
itemBuilder: (BuildContext context) => ),
<PopupMenuEntry<HistoryVisibility>>[ onTap: widget.room.canSendEvent("m.room.topic")
if (widget.room.canChangeHistoryVisibility) ? () => setTopicAction(context)
PopupMenuItem<HistoryVisibility>( : null,
value: HistoryVisibility.invited,
child: Text(HistoryVisibility.invited
.getLocalizedString(L10n.of(context))),
),
if (widget.room.canChangeHistoryVisibility)
PopupMenuItem<HistoryVisibility>(
value: HistoryVisibility.joined,
child: Text(HistoryVisibility.joined
.getLocalizedString(L10n.of(context))),
),
if (widget.room.canChangeHistoryVisibility)
PopupMenuItem<HistoryVisibility>(
value: HistoryVisibility.shared,
child: Text(HistoryVisibility.shared
.getLocalizedString(L10n.of(context))),
),
if (widget.room.canChangeHistoryVisibility)
PopupMenuItem<HistoryVisibility>(
value: HistoryVisibility.world_readable,
child: Text(HistoryVisibility.world_readable
.getLocalizedString(L10n.of(context))),
),
],
),
if (widget.room.joinRules == JoinRules.public)
PopupMenuButton(
child: ListTile(
leading: CircleAvatar(
backgroundColor:
Theme.of(context).scaffoldBackgroundColor,
foregroundColor: Colors.grey,
child: Icon(Icons.info_outline),
), ),
title: Divider(thickness: 1),
Text(L10n.of(context).areGuestsAllowedToJoin), ListTile(
subtitle: Text( title: Text(
widget.room.guestAccess L10n.of(context).settings,
.getLocalizedString(L10n.of(context)), style: TextStyle(
color: Theme.of(context).primaryColor,
fontWeight: FontWeight.bold,
),
),
), ),
), if (widget.room.canSendEvent("m.room.name"))
onSelected: (GuestAccess guestAccess) => ListTile(
SimpleDialogs(context) leading: CircleAvatar(
.tryRequestWithLoadingDialog( backgroundColor:
widget.room.setGuestAccess(guestAccess), Theme.of(context).scaffoldBackgroundColor,
), foregroundColor: Colors.grey,
itemBuilder: (BuildContext context) => child: Icon(Icons.people),
<PopupMenuEntry<GuestAccess>>[ ),
if (widget.room.canChangeGuestAccess) title: Text(
PopupMenuItem<GuestAccess>( L10n.of(context).changeTheNameOfTheGroup),
value: GuestAccess.can_join, subtitle: Text(widget.room
child: Text( .getLocalizedDisplayname(L10n.of(context))),
GuestAccess.can_join onTap: () => setDisplaynameAction(context),
),
if (widget.room
.canSendEvent("m.room.canonical_alias") &&
widget.room.joinRules == JoinRules.public)
ListTile(
leading: CircleAvatar(
backgroundColor:
Theme.of(context).scaffoldBackgroundColor,
foregroundColor: Colors.grey,
child: Icon(Icons.link),
),
onTap: () => setCanonicalAliasAction(context),
title: Text(L10n.of(context).setInvitationLink),
subtitle: Text(
(widget.room.canonicalAlias?.isNotEmpty ??
false)
? widget.room.canonicalAlias
: L10n.of(context).none),
),
PopupMenuButton(
child: ListTile(
leading: CircleAvatar(
backgroundColor: Theme.of(context)
.scaffoldBackgroundColor,
foregroundColor: Colors.grey,
child: Icon(Icons.public)),
title: Text(L10n.of(context)
.whoIsAllowedToJoinThisGroup),
subtitle: Text(
widget.room.joinRules
.getLocalizedString(L10n.of(context)), .getLocalizedString(L10n.of(context)),
), ),
), ),
if (widget.room.canChangeGuestAccess) onSelected: (JoinRules joinRule) =>
PopupMenuItem<GuestAccess>( SimpleDialogs(context)
value: GuestAccess.forbidden, .tryRequestWithLoadingDialog(
child: Text( widget.room.setJoinRules(joinRule),
GuestAccess.forbidden ),
itemBuilder: (BuildContext context) =>
<PopupMenuEntry<JoinRules>>[
if (widget.room.canChangeJoinRules)
PopupMenuItem<JoinRules>(
value: JoinRules.public,
child: Text(JoinRules.public
.getLocalizedString(L10n.of(context))),
),
if (widget.room.canChangeJoinRules)
PopupMenuItem<JoinRules>(
value: JoinRules.invite,
child: Text(JoinRules.invite
.getLocalizedString(L10n.of(context))),
),
],
),
PopupMenuButton(
child: ListTile(
leading: CircleAvatar(
backgroundColor:
Theme.of(context).scaffoldBackgroundColor,
foregroundColor: Colors.grey,
child: Icon(Icons.visibility),
),
title: Text(L10n.of(context)
.visibilityOfTheChatHistory),
subtitle: Text(
widget.room.historyVisibility
.getLocalizedString(L10n.of(context)), .getLocalizedString(L10n.of(context)),
), ),
), ),
onSelected:
(HistoryVisibility historyVisibility) =>
SimpleDialogs(context)
.tryRequestWithLoadingDialog(
widget.room
.setHistoryVisibility(historyVisibility),
),
itemBuilder: (BuildContext context) =>
<PopupMenuEntry<HistoryVisibility>>[
if (widget.room.canChangeHistoryVisibility)
PopupMenuItem<HistoryVisibility>(
value: HistoryVisibility.invited,
child: Text(HistoryVisibility.invited
.getLocalizedString(L10n.of(context))),
),
if (widget.room.canChangeHistoryVisibility)
PopupMenuItem<HistoryVisibility>(
value: HistoryVisibility.joined,
child: Text(HistoryVisibility.joined
.getLocalizedString(L10n.of(context))),
),
if (widget.room.canChangeHistoryVisibility)
PopupMenuItem<HistoryVisibility>(
value: HistoryVisibility.shared,
child: Text(HistoryVisibility.shared
.getLocalizedString(L10n.of(context))),
),
if (widget.room.canChangeHistoryVisibility)
PopupMenuItem<HistoryVisibility>(
value: HistoryVisibility.world_readable,
child: Text(HistoryVisibility.world_readable
.getLocalizedString(L10n.of(context))),
),
],
),
if (widget.room.joinRules == JoinRules.public)
PopupMenuButton(
child: ListTile(
leading: CircleAvatar(
backgroundColor: Theme.of(context)
.scaffoldBackgroundColor,
foregroundColor: Colors.grey,
child: Icon(Icons.info_outline),
),
title: Text(
L10n.of(context).areGuestsAllowedToJoin),
subtitle: Text(
widget.room.guestAccess
.getLocalizedString(L10n.of(context)),
),
),
onSelected: (GuestAccess guestAccess) =>
SimpleDialogs(context)
.tryRequestWithLoadingDialog(
widget.room.setGuestAccess(guestAccess),
),
itemBuilder: (BuildContext context) =>
<PopupMenuEntry<GuestAccess>>[
if (widget.room.canChangeGuestAccess)
PopupMenuItem<GuestAccess>(
value: GuestAccess.can_join,
child: Text(
GuestAccess.can_join.getLocalizedString(
L10n.of(context)),
),
),
if (widget.room.canChangeGuestAccess)
PopupMenuItem<GuestAccess>(
value: GuestAccess.forbidden,
child: Text(
GuestAccess.forbidden
.getLocalizedString(
L10n.of(context)),
),
),
],
),
Divider(thickness: 1),
ListTile(
title: Text(
actualMembersCount > 1
? L10n.of(context).countParticipants(
actualMembersCount.toString())
: L10n.of(context).emptyChat,
style: TextStyle(
color: Theme.of(context).primaryColor,
fontWeight: FontWeight.bold,
),
),
),
widget.room.canInvite
? ListTile(
title: Text(L10n.of(context).inviteContact),
leading: CircleAvatar(
child: Icon(Icons.add),
backgroundColor:
Theme.of(context).primaryColor,
foregroundColor: Colors.white,
),
onTap: () => Navigator.of(context).push(
AppRoute.defaultRoute(
context,
InvitationSelection(widget.room),
),
),
)
: Container(),
], ],
), )
Divider(thickness: 1), : i < members.length + 1
ListTile( ? ParticipantListItem(members[i - 1])
title: Text( : ListTile(
actualMembersCount > 1 title: Text(L10n.of(context)
? L10n.of(context).countParticipants( .loadCountMoreParticipants(
actualMembersCount.toString()) (actualMembersCount - members.length)
: L10n.of(context).emptyChat, .toString())),
style: TextStyle(
color: Theme.of(context).primaryColor,
fontWeight: FontWeight.bold,
),
),
),
widget.room.canInvite
? ListTile(
title: Text(L10n.of(context).inviteContact),
leading: CircleAvatar( leading: CircleAvatar(
child: Icon(Icons.add), backgroundColor:
backgroundColor: Theme.of(context).primaryColor, Theme.of(context).scaffoldBackgroundColor,
foregroundColor: Colors.white, child: Icon(
), Icons.refresh,
onTap: () => Navigator.of(context).push( color: Colors.grey,
AppRoute.defaultRoute(
context,
InvitationSelection(widget.room),
), ),
), ),
) onTap: () => requestMoreMembersAction(context),
: Container(), ),
], ),
) ),
: i < members.length + 1 );
? ParticipantListItem(members[i - 1]) }),
: ListTile(
title: Text(L10n.of(context).loadCountMoreParticipants(
(actualMembersCount - members.length).toString())),
leading: CircleAvatar(
backgroundColor:
Theme.of(context).scaffoldBackgroundColor,
child: Icon(
Icons.refresh,
color: Colors.grey,
),
),
onTap: () => requestMoreMembersAction(context),
),
),
),
),
); );
} }
} }

@ -1,5 +1,3 @@
import 'dart:async';
import 'package:famedlysdk/famedlysdk.dart'; import 'package:famedlysdk/famedlysdk.dart';
import 'package:fluffychat/components/adaptive_page_layout.dart'; import 'package:fluffychat/components/adaptive_page_layout.dart';
import 'package:fluffychat/components/avatar.dart'; import 'package:fluffychat/components/avatar.dart';
@ -35,120 +33,105 @@ class ChatEncryptionSettings extends StatefulWidget {
} }
class _ChatEncryptionSettingsState extends State<ChatEncryptionSettings> { class _ChatEncryptionSettingsState extends State<ChatEncryptionSettings> {
Room room;
StreamSubscription roomUpdate;
@override
void dispose() {
roomUpdate?.cancel();
super.dispose();
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
room ??= Matrix.of(context).client.getRoomById(widget.id); final room = Matrix.of(context).client.getRoomById(widget.id);
roomUpdate ??= room.onUpdate.stream.listen((s) => setState(() => null));
return Scaffold( return Scaffold(
appBar: AppBar( appBar: AppBar(
title: Text(L10n.of(context).participatingUserDevices), title: Text(L10n.of(context).participatingUserDevices),
), ),
body: Column( body: StreamBuilder(
children: <Widget>[ stream: room.onUpdate.stream,
FutureBuilder<List<DeviceKeys>>( builder: (context, snapshot) {
future: room.getUserDeviceKeys(), return FutureBuilder<List<DeviceKeys>>(
builder: (BuildContext context, snapshot) { future: room.getUserDeviceKeys(),
if (snapshot.hasError) { builder: (BuildContext context, snapshot) {
return Center( if (snapshot.hasError) {
child: Text(L10n.of(context).oopsSomethingWentWrong + return Center(
": " + child: Text(L10n.of(context).oopsSomethingWentWrong +
snapshot.error.toString()), ": " +
); snapshot.error.toString()),
} );
if (!snapshot.hasData) { }
return Center(child: CircularProgressIndicator()); if (!snapshot.hasData) {
} return Center(child: CircularProgressIndicator());
final List<DeviceKeys> deviceKeys = snapshot.data; }
return Expanded( final List<DeviceKeys> deviceKeys = snapshot.data;
child: ListView.separated( return Expanded(
separatorBuilder: (BuildContext context, int i) => child: ListView.separated(
Divider(height: 1), separatorBuilder: (BuildContext context, int i) =>
itemCount: deviceKeys.length, Divider(height: 1),
itemBuilder: (BuildContext context, int i) => Column( itemCount: deviceKeys.length,
mainAxisSize: MainAxisSize.min, itemBuilder: (BuildContext context, int i) => Column(
children: <Widget>[ mainAxisSize: MainAxisSize.min,
if (i == 0 || children: <Widget>[
deviceKeys[i].userId != deviceKeys[i - 1].userId) if (i == 0 ||
Material( deviceKeys[i].userId != deviceKeys[i - 1].userId)
child: ListTile( Material(
leading: Avatar( child: ListTile(
room leading: Avatar(
.getUserByMXIDSync(deviceKeys[i].userId) room
.avatarUrl, .getUserByMXIDSync(deviceKeys[i].userId)
room .avatarUrl,
room
.getUserByMXIDSync(deviceKeys[i].userId)
.calcDisplayname(),
),
title: Text(room
.getUserByMXIDSync(deviceKeys[i].userId) .getUserByMXIDSync(deviceKeys[i].userId)
.calcDisplayname(), .calcDisplayname()),
subtitle: Text(deviceKeys[i].userId),
), ),
title: Text(room elevation: 2,
.getUserByMXIDSync(deviceKeys[i].userId)
.calcDisplayname()),
subtitle: Text(deviceKeys[i].userId),
), ),
elevation: 2, CheckboxListTile(
), title: Text(
CheckboxListTile( "${deviceKeys[i].unsigned["device_display_name"] ?? L10n.of(context).unknownDevice} - ${deviceKeys[i].deviceId}",
title: Text( style: TextStyle(
"${deviceKeys[i].unsigned["device_display_name"] ?? L10n.of(context).unknownDevice} - ${deviceKeys[i].deviceId}", color: deviceKeys[i].blocked
style: TextStyle( ? Colors.red
color: deviceKeys[i].blocked : deviceKeys[i].verified
? Colors.red ? Colors.green
: deviceKeys[i].verified : Colors.orange),
? Colors.green ),
: Colors.orange), subtitle: Text(
),
subtitle: Text(
deviceKeys[i]
.keys["ed25519:${deviceKeys[i].deviceId}"]
.beautified,
style: TextStyle(
color:
Theme.of(context).textTheme.bodyText2.color),
),
value: deviceKeys[i].verified,
onChanged: (bool newVal) {
if (newVal == true) {
if (deviceKeys[i].blocked) {
deviceKeys[i]
.setBlocked(false, Matrix.of(context).client);
}
deviceKeys[i] deviceKeys[i]
.setVerified(true, Matrix.of(context).client); .keys["ed25519:${deviceKeys[i].deviceId}"]
} else { .beautified,
if (deviceKeys[i].verified) { style: TextStyle(
deviceKeys[i].setVerified( color: Theme.of(context)
false, Matrix.of(context).client); .textTheme
.bodyText2
.color),
),
value: deviceKeys[i].verified,
onChanged: (bool newVal) {
if (newVal == true) {
if (deviceKeys[i].blocked) {
deviceKeys[i].setBlocked(
false, Matrix.of(context).client);
}
deviceKeys[i]
.setVerified(true, Matrix.of(context).client);
} else {
if (deviceKeys[i].verified) {
deviceKeys[i].setVerified(
false, Matrix.of(context).client);
}
deviceKeys[i]
.setBlocked(true, Matrix.of(context).client);
} }
deviceKeys[i] setState(() => null);
.setBlocked(true, Matrix.of(context).client); },
} ),
setState(() => null); ],
}, ),
),
],
), ),
), );
); },
}, );
), }),
Divider(thickness: 1, height: 1),
ListTile(
title: Text("Outbound MegOlm session ID:"),
subtitle: Text(
room.outboundGroupSession?.session_id()?.beautified ?? "None"),
),
],
),
); );
} }
} }

@ -52,21 +52,17 @@ class ChatList extends StatefulWidget {
class _ChatListState extends State<ChatList> { class _ChatListState extends State<ChatList> {
bool get searchMode => searchController.text?.isNotEmpty ?? false; bool get searchMode => searchController.text?.isNotEmpty ?? false;
StreamSubscription sub;
final TextEditingController searchController = TextEditingController(); final TextEditingController searchController = TextEditingController();
SelectMode selectMode = SelectMode.normal;
Timer coolDown; Timer coolDown;
PublicRoomsResponse publicRoomsResponse; PublicRoomsResponse publicRoomsResponse;
bool loadingPublicRooms = false; bool loadingPublicRooms = false;
String searchServer; String searchServer;
Future<bool> waitForFirstSync(BuildContext context) async { Future<void> waitForFirstSync(BuildContext context) async {
Client client = Matrix.of(context).client; Client client = Matrix.of(context).client;
if (client.prevBatch?.isEmpty ?? true) { if (client.prevBatch?.isEmpty ?? true) {
await client.onFirstSync.stream.first; await client.onFirstSync.stream.first;
} }
sub ??= client.onSync.stream
.listen((s) => mounted ? setState(() => null) : null);
return true; return true;
} }
@ -205,230 +201,243 @@ class _ChatListState extends State<ChatList> {
@override @override
void dispose() { void dispose() {
sub?.cancel();
searchController.removeListener( searchController.removeListener(
() => setState(() => null), () => setState(() => null),
); );
_intentDataStreamSubscription?.cancel(); _intentDataStreamSubscription?.cancel();
_intentFileStreamSubscription?.cancel(); _intentFileStreamSubscription?.cancel();
_onShareContentChangedSub?.cancel();
super.dispose(); super.dispose();
} }
StreamSubscription _onShareContentChangedSub;
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
_onShareContentChangedSub ??= Matrix.of(context) return StreamBuilder(
.onShareContentChanged stream: Matrix.of(context).onShareContentChanged.stream,
.stream builder: (context, snapshot) {
.listen((c) => setState(() => null)); final selectMode = Matrix.of(context).shareContent == null
if (Matrix.of(context).shareContent != null) { ? SelectMode.normal
selectMode = SelectMode.share; : SelectMode.share;
} else if (selectMode == SelectMode.share) { return Scaffold(
setState(() => selectMode = SelectMode.normal); drawer: selectMode == SelectMode.share
} ? null
return Scaffold( : Drawer(
drawer: selectMode == SelectMode.share child: SafeArea(
? null child: ListView(
: Drawer( padding: EdgeInsets.zero,
child: SafeArea( children: <Widget>[
child: ListView( ListTile(
padding: EdgeInsets.zero, leading: Icon(Icons.edit),
children: <Widget>[ title: Text(L10n.of(context).setStatus),
ListTile( onTap: () => _setStatus(context),
leading: Icon(Icons.edit), ),
title: Text(L10n.of(context).setStatus), Divider(height: 1),
onTap: () => _setStatus(context), ListTile(
), leading: Icon(Icons.people_outline),
Divider(height: 1), title: Text(L10n.of(context).createNewGroup),
ListTile( onTap: () => _drawerTapAction(NewGroupView()),
leading: Icon(Icons.people_outline), ),
title: Text(L10n.of(context).createNewGroup), ListTile(
onTap: () => _drawerTapAction(NewGroupView()), leading: Icon(Icons.person_add),
title: Text(L10n.of(context).newPrivateChat),
onTap: () => _drawerTapAction(NewPrivateChatView()),
),
Divider(height: 1),
ListTile(
leading: Icon(Icons.archive),
title: Text(L10n.of(context).archive),
onTap: () => _drawerTapAction(
Archive(),
),
),
ListTile(
leading: Icon(Icons.settings),
title: Text(L10n.of(context).settings),
onTap: () => _drawerTapAction(
SettingsView(),
),
),
Divider(height: 1),
ListTile(
leading: Icon(Icons.share),
title: Text(L10n.of(context).inviteContact),
onTap: () {
Navigator.of(context).pop();
Share.share(L10n.of(context).inviteText(
Matrix.of(context).client.userID,
"https://matrix.to/#/${Matrix.of(context).client.userID}"));
},
),
],
),
), ),
ListTile( ),
leading: Icon(Icons.person_add), appBar: AppBar(
title: Text(L10n.of(context).newPrivateChat), leading: selectMode != SelectMode.share
onTap: () => _drawerTapAction(NewPrivateChatView()), ? null
: IconButton(
icon: Icon(Icons.close),
onPressed: () => Matrix.of(context).shareContent = null,
), ),
Divider(height: 1), titleSpacing: 0,
ListTile( title: selectMode == SelectMode.share
leading: Icon(Icons.archive), ? Text(L10n.of(context).share)
title: Text(L10n.of(context).archive), : Container(
onTap: () => _drawerTapAction( padding: EdgeInsets.all(8),
Archive(), height: 42,
margin: EdgeInsets.only(right: 8),
decoration: BoxDecoration(
color: Theme.of(context).secondaryHeaderColor,
borderRadius: BorderRadius.circular(90),
), ),
), child: TextField(
ListTile( autocorrect: false,
leading: Icon(Icons.settings), controller: searchController,
title: Text(L10n.of(context).settings), decoration: InputDecoration(
onTap: () => _drawerTapAction( suffixIcon: loadingPublicRooms
SettingsView(), ? Container(
alignment: Alignment.centerRight,
child: Container(
width: 20,
height: 20,
child: CircularProgressIndicator(),
),
)
: Icon(Icons.search),
contentPadding: EdgeInsets.all(9),
border: InputBorder.none,
hintText: L10n.of(context).searchForAChat,
),
), ),
), ),
Divider(height: 1),
ListTile(
leading: Icon(Icons.share),
title: Text(L10n.of(context).inviteContact),
onTap: () {
Navigator.of(context).pop();
Share.share(L10n.of(context).inviteText(
Matrix.of(context).client.userID,
"https://matrix.to/#/${Matrix.of(context).client.userID}"));
},
),
],
),
),
), ),
appBar: AppBar( floatingActionButton: (AdaptivePageLayout.columnMode(context) ||
leading: selectMode != SelectMode.share selectMode == SelectMode.share)
? null ? null
: IconButton( : SpeedDial(
icon: Icon(Icons.close), child: Icon(Icons.add),
onPressed: () => Matrix.of(context).shareContent = null, overlayColor: blackWhiteColor(context),
), foregroundColor: Colors.white,
titleSpacing: 0, backgroundColor: Theme.of(context).primaryColor,
title: selectMode == SelectMode.share children: [
? Text(L10n.of(context).share) SpeedDialChild(
: Container( child: Icon(Icons.people_outline),
padding: EdgeInsets.all(8), foregroundColor: Colors.white,
height: 42, backgroundColor: Colors.blue,
margin: EdgeInsets.only(right: 8), label: L10n.of(context).createNewGroup,
decoration: BoxDecoration( labelStyle:
color: Theme.of(context).secondaryHeaderColor, TextStyle(fontSize: 18.0, color: Colors.black),
borderRadius: BorderRadius.circular(90), onTap: () => Navigator.of(context).pushAndRemoveUntil(
), AppRoute.defaultRoute(context, NewGroupView()),
child: TextField( (r) => r.isFirst),
autocorrect: false, ),
controller: searchController, SpeedDialChild(
decoration: InputDecoration( child: Icon(Icons.person_add),
suffixIcon: loadingPublicRooms foregroundColor: Colors.white,
? Container( backgroundColor: Colors.green,
alignment: Alignment.centerRight, label: L10n.of(context).newPrivateChat,
child: Container( labelStyle:
width: 20, TextStyle(fontSize: 18.0, color: Colors.black),
height: 20, onTap: () => Navigator.of(context).pushAndRemoveUntil(
child: CircularProgressIndicator(), AppRoute.defaultRoute(
), context, NewPrivateChatView()),
) (r) => r.isFirst),
: Icon(Icons.search), ),
contentPadding: EdgeInsets.all(9), ],
border: InputBorder.none,
hintText: L10n.of(context).searchForAChat,
), ),
), body: StreamBuilder(
), stream: Matrix.of(context).client.onSync.stream,
), builder: (context, snapshot) {
floatingActionButton: (AdaptivePageLayout.columnMode(context) || return FutureBuilder<void>(
selectMode == SelectMode.share) future: waitForFirstSync(context),
? null builder: (BuildContext context, snapshot) {
: SpeedDial( if (snapshot.hasData) {
child: Icon(Icons.add), List<Room> rooms =
overlayColor: blackWhiteColor(context), List<Room>.from(Matrix.of(context).client.rooms);
foregroundColor: Colors.white, rooms.removeWhere((Room room) =>
backgroundColor: Theme.of(context).primaryColor, searchMode &&
children: [ !room.displayname.toLowerCase().contains(
SpeedDialChild( searchController.text.toLowerCase() ?? ""));
child: Icon(Icons.people_outline), if (rooms.isEmpty &&
foregroundColor: Colors.white, (!searchMode || publicRoomsResponse == null)) {
backgroundColor: Colors.blue, return Center(
label: L10n.of(context).createNewGroup, child: Column(
labelStyle: TextStyle(fontSize: 18.0, color: Colors.black), mainAxisSize: MainAxisSize.min,
onTap: () => Navigator.of(context).pushAndRemoveUntil( children: <Widget>[
AppRoute.defaultRoute(context, NewGroupView()), Icon(
(r) => r.isFirst), searchMode
), ? Icons.search
SpeedDialChild( : Icons.chat_bubble_outline,
child: Icon(Icons.person_add), size: 80,
foregroundColor: Colors.white, color: Colors.grey,
backgroundColor: Colors.green, ),
label: L10n.of(context).newPrivateChat, Text(searchMode
labelStyle: TextStyle(fontSize: 18.0, color: Colors.black), ? L10n.of(context).noRoomsFound
onTap: () => Navigator.of(context).pushAndRemoveUntil( : L10n.of(context).startYourFirstChat),
AppRoute.defaultRoute(context, NewPrivateChatView()), ],
(r) => r.isFirst),
),
],
),
body: FutureBuilder<bool>(
future: waitForFirstSync(context),
builder: (BuildContext context, snapshot) {
if (snapshot.hasData) {
List<Room> rooms = List<Room>.from(Matrix.of(context).client.rooms);
rooms.removeWhere((Room room) =>
searchMode &&
!room.displayname
.toLowerCase()
.contains(searchController.text.toLowerCase() ?? ""));
if (rooms.isEmpty && (!searchMode || publicRoomsResponse == null)) {
return Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Icon(
searchMode ? Icons.search : Icons.chat_bubble_outline,
size: 80,
color: Colors.grey,
),
Text(searchMode
? L10n.of(context).noRoomsFound
: L10n.of(context).startYourFirstChat),
],
),
);
}
final int publicRoomsCount =
(publicRoomsResponse?.publicRooms?.length ?? 0);
final int totalCount = rooms.length + publicRoomsCount;
return ListView.separated(
separatorBuilder: (BuildContext context, int i) =>
i == totalCount - publicRoomsCount
? Material(
elevation: 2,
child: ListTile(
title: Text(L10n.of(context).publicRooms),
),
)
: Container(),
itemCount: totalCount + 1,
itemBuilder: (BuildContext context, int i) {
if (i == 0) {
return Matrix.of(context).client.statusList.isEmpty
? Container()
: PreferredSize(
preferredSize: Size.fromHeight(89),
child: Container(
height: 81,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount:
Matrix.of(context).client.statusList.length,
itemBuilder: (BuildContext context, int i) =>
PresenceListItem(Matrix.of(context)
.client
.statusList[i]),
),
), ),
); );
} }
i--; final int publicRoomsCount =
return i < rooms.length (publicRoomsResponse?.publicRooms?.length ?? 0);
? ChatListItem( final int totalCount = rooms.length + publicRoomsCount;
rooms[i], return ListView.separated(
activeChat: widget.activeChat == rooms[i].id, separatorBuilder: (BuildContext context, int i) =>
) i == totalCount - publicRoomsCount
: PublicRoomListItem( ? Material(
publicRoomsResponse.publicRooms[i - rooms.length]); elevation: 2,
}); child: ListTile(
} else { title: Text(
return Center( L10n.of(context).publicRooms),
child: CircularProgressIndicator(), ),
); )
} : Container(),
}, itemCount: totalCount + 1,
), itemBuilder: (BuildContext context, int i) {
); if (i == 0) {
return Matrix.of(context)
.client
.statusList
.isEmpty
? Container()
: PreferredSize(
preferredSize: Size.fromHeight(89),
child: Container(
height: 81,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: Matrix.of(context)
.client
.statusList
.length,
itemBuilder:
(BuildContext context, int i) =>
PresenceListItem(
Matrix.of(context)
.client
.statusList[i]),
),
),
);
}
i--;
return i < rooms.length
? ChatListItem(
rooms[i],
activeChat:
widget.activeChat == rooms[i].id,
)
: PublicRoomListItem(publicRoomsResponse
.publicRooms[i - rooms.length]);
});
} else {
return Center(
child: CircularProgressIndicator(),
);
}
},
);
}),
);
});
} }
} }

Loading…
Cancel
Save