GitLab/fluffychat
2
0
Fork 0
mirror of https://gitlab.com/famedly/fluffychat.git synced 2024-11-16 17:09:31 +01:00
Code Issues Projects Releases Wiki Activity

Add connection status header

Browse Source
This commit is contained in:
Christian Pauly 2020-07-04 10:22:51 +02:00
parent 2e1cca941f
commit 62e1e49870
3 changed files with 97 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
lib/components/connection_status_header.dart Normal file
View File

@ -0,0 +1,44 @@
import 'dart:async';
import 'package:flutter/material.dart';
import 'matrix.dart';
class ConnectionStatusHeader extends StatefulWidget {
@override
_ConnectionStatusHeaderState createState() => _ConnectionStatusHeaderState();
}
class _ConnectionStatusHeaderState extends State<ConnectionStatusHeader> {
StreamSubscription _onSyncSub;
StreamSubscription _onSyncErrorSub;
static bool _connected = false;
set connected(bool connected) {
if (mounted) {
setState(() => _connected = connected);
}
}
@override
void dispose() {
_onSyncSub?.cancel();
_onSyncErrorSub?.cancel();
super.dispose();
}
@override
Widget build(BuildContext context) {
_onSyncSub ??= Matrix.of(context).client.onSync.stream.listen(
(_) => connected = true,
);
_onSyncErrorSub ??= Matrix.of(context).client.onSyncError.stream.listen(
(_) => connected = false,
);
return AnimatedContainer(
duration: Duration(milliseconds: 500),
height: _connected ? 0 : 5,
child: LinearProgressIndicator(),
);
}
}

46
lib/views/chat.dart
View File

@ -6,6 +6,7 @@ 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';
import 'package:fluffychat/components/chat_settings_popup_menu.dart'; import 'package:fluffychat/components/chat_settings_popup_menu.dart';
import 'package:fluffychat/components/connection_status_header.dart';
import 'package:fluffychat/components/dialogs/presence_dialog.dart'; import 'package:fluffychat/components/dialogs/presence_dialog.dart';
import 'package:fluffychat/components/dialogs/recording_dialog.dart'; import 'package:fluffychat/components/dialogs/recording_dialog.dart';
import 'package:fluffychat/components/dialogs/simple_dialogs.dart'; import 'package:fluffychat/components/dialogs/simple_dialogs.dart';
@ -90,11 +91,11 @@ class _ChatState extends State<_Chat> {
void requestHistory() async { void requestHistory() async {
if (_canLoadMore) { if (_canLoadMore) {
setState(() => _loadingHistory = true); setState(() => _loadingHistory = true);
try {
await timeline.requestHistory(historyCount: _loadHistoryCount); await SimpleDialogs(context).tryRequestWithErrorToast(
} catch (e) { timeline.requestHistory(historyCount: _loadHistoryCount),
debugPrint('Error loading history: ' + e.toString()); );
}
if (mounted) setState(() => _loadingHistory = false); if (mounted) setState(() => _loadingHistory = false);
} }
} }
@ -452,7 +453,6 @@ class _ChatState extends State<_Chat> {
), ),
Column( Column(
children: <Widget>[ children: <Widget>[
if (_loadingHistory) LinearProgressIndicator(),
Expanded( Expanded(
child: FutureBuilder<bool>( child: FutureBuilder<bool>(
future: getTimeline(), future: getTimeline(),
@ -486,19 +486,28 @@ class _ChatState extends State<_Chat> {
controller: _scrollController, controller: _scrollController,
itemBuilder: (BuildContext context, int i) { itemBuilder: (BuildContext context, int i) {
return i == timeline.events.length + 1 return i == timeline.events.length + 1
? _canLoadMore && !_loadingHistory ? _loadingHistory
? FlatButton( ? Container(
child: Text( height: 50,
L10n.of(context).loadMore, alignment: Alignment.center,
style: TextStyle( padding: EdgeInsets.all(8),
color: Theme.of(context).primaryColor, child: CircularProgressIndicator(),
fontWeight: FontWeight.bold,
decoration: TextDecoration.underline,
),
),
onPressed: requestHistory,
) )
: Container() : _canLoadMore
? FlatButton(
child: Text(
L10n.of(context).loadMore,
style: TextStyle(
color: Theme.of(context)
.primaryColor,
fontWeight: FontWeight.bold,
decoration:
TextDecoration.underline,
),
),
onPressed: requestHistory,
)
: Container()
: i == 0 : i == 0
? AnimatedContainer( ? AnimatedContainer(
height: seenByText.isEmpty ? 0 : 24, height: seenByText.isEmpty ? 0 : 24,
@ -556,6 +565,7 @@ class _ChatState extends State<_Chat> {
}, },
), ),
), ),
ConnectionStatusHeader(),
AnimatedContainer( AnimatedContainer(
duration: Duration(milliseconds: 300), duration: Duration(milliseconds: 300),
height: replyEvent != null ? 56 : 0, height: replyEvent != null ? 56 : 0,

41
lib/views/chat_list.dart
View File

@ -3,6 +3,7 @@ import 'dart:io';
import 'package:famedlysdk/famedlysdk.dart'; import 'package:famedlysdk/famedlysdk.dart';
import 'package:famedlysdk/matrix_api.dart'; import 'package:famedlysdk/matrix_api.dart';
import 'package:fluffychat/components/connection_status_header.dart';
import 'package:fluffychat/components/dialogs/simple_dialogs.dart'; import 'package:fluffychat/components/dialogs/simple_dialogs.dart';
import 'package:fluffychat/components/list_items/presence_list_item.dart'; import 'package:fluffychat/components/list_items/presence_list_item.dart';
import 'package:fluffychat/components/list_items/public_room_list_item.dart'; import 'package:fluffychat/components/list_items/public_room_list_item.dart';
@ -408,26 +409,34 @@ class _ChatListState extends State<ChatList> {
itemCount: totalCount + 1, itemCount: totalCount + 1,
itemBuilder: (BuildContext context, int i) { itemBuilder: (BuildContext context, int i) {
if (i == 0) { if (i == 0) {
return (directChats.isEmpty || return Column(
selectMode == SelectMode.share) mainAxisSize: MainAxisSize.min,
? Container() children: [
: PreferredSize( ConnectionStatusHeader(),
preferredSize: (directChats.isEmpty ||
Size.fromHeight(90), selectMode ==
child: Container( SelectMode.share)
height: 82, ? Container()
child: ListView.builder( : PreferredSize(
scrollDirection: preferredSize:
Axis.horizontal, Size.fromHeight(90),
itemCount: directChats.length, child: Container(
itemBuilder: height: 82,
(BuildContext context, child: ListView.builder(
scrollDirection:
Axis.horizontal,
itemCount:
directChats.length,
itemBuilder: (BuildContext
context,
int i) => int i) =>
PresenceListItem( PresenceListItem(
directChats[i]), directChats[i]),
),
),
), ),
), ],
); );
} }
i--; i--;
return i < rooms.length return i < rooms.length