1
0
mirror of https://github.com/krawieck/lemmur/ synced 2024-12-24 07:14:03 +01:00
lemmur-app-android/lib/pages/communities_tab.dart

330 lines
12 KiB
Dart
Raw Normal View History

2020-09-14 23:58:59 +02:00
import 'dart:async';
2020-09-09 18:51:48 +02:00
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
2020-09-09 18:51:48 +02:00
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:fuzzy/fuzzy.dart';
2021-01-24 20:01:55 +01:00
import 'package:lemmy_api_client/v2.dart';
2020-09-09 18:51:48 +02:00
2020-09-16 01:27:49 +02:00
import '../hooks/delayed_loading.dart';
2021-01-09 17:34:24 +01:00
import '../hooks/refreshable.dart';
2020-09-17 00:24:49 +02:00
import '../hooks/stores.dart';
import '../util/extensions/api.dart';
import '../util/extensions/iterators.dart';
2020-09-30 01:23:04 +02:00
import '../util/goto.dart';
2020-09-09 18:51:48 +02:00
import '../util/text_color.dart';
2020-09-30 19:05:00 +02:00
/// List of subscribed communities per instance
2020-09-09 18:51:48 +02:00
class CommunitiesTab extends HookWidget {
2021-01-03 18:21:56 +01:00
const CommunitiesTab();
2020-09-09 18:51:48 +02:00
@override
Widget build(BuildContext context) {
2020-09-16 23:22:04 +02:00
final theme = Theme.of(context);
final filterController = useListenable(useTextEditingController());
2020-09-16 23:15:42 +02:00
final accountsStore = useAccountsStore();
2020-09-14 23:54:47 +02:00
final amountOfDisplayInstances = accountsStore.loggedInInstances.length;
2020-09-16 23:22:04 +02:00
final isCollapsed = useState(List.filled(amountOfDisplayInstances, false));
2020-09-10 23:19:44 +02:00
if (amountOfDisplayInstances != isCollapsed.value.length) {
isCollapsed.value = List.filled(amountOfDisplayInstances, false);
}
2021-01-09 02:31:53 +01:00
getInstances() {
final futures = accountsStore.loggedInInstances
2020-09-09 18:51:48 +02:00
.map(
2021-01-24 20:01:55 +01:00
(instanceHost) => LemmyApiV2(instanceHost)
.run(GetSite())
.then((e) => e.siteView.site),
2020-09-09 18:51:48 +02:00
)
.toList();
return Future.wait(futures);
2021-01-09 02:31:53 +01:00
}
getCommunities() {
final futures = accountsStore.loggedInInstances
2020-09-09 18:51:48 +02:00
.map(
2021-01-24 20:01:55 +01:00
(instanceHost) => LemmyApiV2(instanceHost)
.run(GetUserDetails(
2020-09-09 18:51:48 +02:00
sort: SortType.active,
savedOnly: false,
userId:
accountsStore.defaultTokenFor(instanceHost).payload.id,
2021-01-24 20:01:55 +01:00
))
2020-09-09 18:51:48 +02:00
.then((e) => e.follows),
)
.toList();
return Future.wait(futures);
2021-01-09 02:31:53 +01:00
}
final _loggedInAccounts = accountsStore.loggedInInstances
.map((instanceHost) =>
'$instanceHost${accountsStore.defaultUsernameFor(instanceHost)}')
.toList();
final instancesRefreshable =
useRefreshable(getInstances, _loggedInAccounts);
final communitiesRefreshable =
useRefreshable(getCommunities, _loggedInAccounts);
2021-01-09 02:31:53 +01:00
2021-01-09 17:34:24 +01:00
if (communitiesRefreshable.snapshot.hasError ||
instancesRefreshable.snapshot.hasError) {
2020-09-09 18:51:48 +02:00
return Scaffold(
2020-09-16 00:40:19 +02:00
appBar: AppBar(),
body: Center(
child: Row(
children: [
2021-01-03 19:43:39 +01:00
const Icon(Icons.error),
2020-09-16 00:40:19 +02:00
Padding(
2021-01-03 18:03:59 +01:00
padding: const EdgeInsets.all(8),
2020-09-16 00:40:19 +02:00
child: Text(
2021-01-09 17:34:24 +01:00
communitiesRefreshable.snapshot.error?.toString() ??
instancesRefreshable.snapshot.error?.toString(),
2020-09-16 00:40:19 +02:00
),
)
],
),
),
);
2021-01-09 17:34:24 +01:00
} else if (!communitiesRefreshable.snapshot.hasData ||
!instancesRefreshable.snapshot.hasData) {
2020-09-16 00:40:19 +02:00
return Scaffold(
appBar: AppBar(),
2021-01-03 19:43:39 +01:00
body: const Center(
2020-09-09 18:51:48 +02:00
child: CircularProgressIndicator(),
),
);
}
2021-01-09 02:31:53 +01:00
refresh() async {
await HapticFeedback.mediumImpact();
2021-01-09 02:31:53 +01:00
try {
2021-01-09 17:34:24 +01:00
await Future.wait([
instancesRefreshable.refresh(),
communitiesRefreshable.refresh(),
]);
2021-01-09 02:31:53 +01:00
// ignore: avoid_catches_without_on_clauses
} catch (e) {
Scaffold.of(context)
.showSnackBar(SnackBar(content: Text(e.toString())));
}
}
2021-01-09 17:34:24 +01:00
final instances = instancesRefreshable.snapshot.data;
final communities = communitiesRefreshable.snapshot.data
2021-01-24 20:01:55 +01:00
..forEach((e) =>
e.sort((a, b) => a.community.name.compareTo(b.community.name)));
2020-09-09 18:51:48 +02:00
2020-09-16 23:22:04 +02:00
final filterIcon = () {
2020-09-10 23:19:44 +02:00
if (filterController.text.isEmpty) {
2021-01-03 19:43:39 +01:00
return const Icon(Icons.filter_list);
2020-09-10 23:19:44 +02:00
}
2020-09-10 23:35:14 +02:00
return IconButton(
onPressed: () {
2020-09-10 23:19:44 +02:00
filterController.clear();
primaryFocus.unfocus();
},
2021-01-03 19:43:39 +01:00
icon: const Icon(Icons.clear),
2020-09-10 23:19:44 +02:00
);
}();
filterCommunities(List<CommunityFollowerView> comm) {
2020-09-16 23:22:04 +02:00
final matches = Fuzzy(
2021-01-24 20:01:55 +01:00
comm.map((e) => e.community.name).toList(),
options: FuzzyOptions(threshold: 0.5),
).search(filterController.text).map((e) => e.item);
return matches
2021-01-24 20:01:55 +01:00
.map((match) => comm.firstWhere((e) => e.community.name == match));
}
2020-09-10 23:19:44 +02:00
2020-09-14 23:54:47 +02:00
toggleCollapse(int i) => isCollapsed.value =
isCollapsed.value.mapWithIndex((e, j) => j == i ? !e : e).toList();
2020-09-09 18:51:48 +02:00
return Scaffold(
2020-09-10 23:19:44 +02:00
appBar: AppBar(
2020-09-14 23:54:47 +02:00
actions: [
IconButton(
2021-01-03 19:43:39 +01:00
icon: const Icon(Icons.style),
2020-09-14 23:54:47 +02:00
onPressed: () {}, // TODO: change styles?
),
],
2020-09-10 23:19:44 +02:00
title: TextField(
controller: filterController,
textAlign: TextAlign.center,
decoration: InputDecoration(
suffixIcon: filterIcon,
2020-09-15 00:09:02 +02:00
isDense: true,
2021-01-03 19:43:39 +01:00
border: const OutlineInputBorder(),
2020-09-15 00:23:52 +02:00
hintText: 'Filter', // TODO: hint with an filter icon
2020-09-10 23:19:44 +02:00
),
),
),
2021-01-09 02:31:53 +01:00
body: RefreshIndicator(
onRefresh: refresh,
child: amountOfDisplayInstances == 0
? const Center(
child: Text('You are not logged in to any instances'),
)
: ListView(
2021-01-09 02:31:53 +01:00
children: [
for (var i = 0; i < amountOfDisplayInstances; i++)
Column(
children: [
ListTile(
onTap: () => goToInstance(context,
accountsStore.loggedInInstances.elementAt(i)),
onLongPress: () => toggleCollapse(i),
leading: instances[i].icon != null
? CachedNetworkImage(
height: 50,
width: 50,
imageUrl: instances[i].icon,
2021-01-09 02:31:53 +01:00
imageBuilder: (context, imageProvider) =>
Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
image: DecorationImage(
fit: BoxFit.cover,
image: imageProvider),
),
2020-09-14 23:54:47 +02:00
),
2021-01-09 02:31:53 +01:00
errorWidget: (_, __, ___) =>
const SizedBox(width: 50),
2021-01-09 02:31:53 +01:00
)
: const SizedBox(width: 50),
title: Text(
instances[i].name,
style: theme.textTheme.headline6,
2021-01-09 02:31:53 +01:00
),
trailing: IconButton(
icon: Icon(isCollapsed.value[i]
? Icons.keyboard_arrow_up
: Icons.keyboard_arrow_down),
onPressed: () => toggleCollapse(i),
2021-01-09 02:31:53 +01:00
),
2020-09-14 23:54:47 +02:00
),
if (!isCollapsed.value[i])
for (final comm in filterCommunities(communities[i]))
Padding(
padding: const EdgeInsets.only(left: 17),
child: ListTile(
onTap: () => goToCommunity.byId(
context,
accountsStore.loggedInInstances
.elementAt(i),
comm.community.id),
dense: true,
leading: VerticalDivider(
color: theme.hintColor,
),
title: Row(
children: [
if (comm.community.icon != null)
CachedNetworkImage(
height: 30,
width: 30,
imageUrl: comm.community.icon,
imageBuilder:
(context, imageProvider) =>
Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
image: DecorationImage(
fit: BoxFit.cover,
image: imageProvider),
),
),
errorWidget: (_, __, ___) =>
const SizedBox(width: 30),
)
else
const SizedBox(width: 30),
const SizedBox(width: 10),
Text(
'''!${comm.community.name}${comm.community.local ? '' : '@${comm.community.originInstanceHost}'}''',
),
],
),
trailing: _CommunitySubscribeToggle(
key: ValueKey(comm.community.id),
instanceHost: comm.instanceHost,
communityId: comm.community.id,
),
),
)
],
),
2021-01-09 02:31:53 +01:00
],
),
2020-09-09 18:51:48 +02:00
),
);
}
}
2020-09-09 18:53:24 +02:00
class _CommunitySubscribeToggle extends HookWidget {
2020-09-09 18:51:48 +02:00
final int communityId;
final String instanceHost;
2020-09-09 18:51:48 +02:00
2021-01-03 18:21:56 +01:00
const _CommunitySubscribeToggle(
2021-01-09 17:34:24 +01:00
{@required this.instanceHost, @required this.communityId, Key key})
: assert(instanceHost != null),
2021-01-09 17:34:24 +01:00
assert(communityId != null),
super(key: key);
2020-09-09 18:51:48 +02:00
@override
Widget build(BuildContext context) {
2020-09-16 23:22:04 +02:00
final theme = Theme.of(context);
final subbed = useState(true);
2021-01-03 18:03:59 +01:00
final delayed = useDelayedLoading();
2020-09-16 23:15:42 +02:00
final accountsStore = useAccountsStore();
2020-09-14 23:58:59 +02:00
handleTap() async {
2020-09-16 01:27:49 +02:00
delayed.start();
2020-09-14 23:58:59 +02:00
try {
2021-01-24 20:01:55 +01:00
await LemmyApiV2(instanceHost).run(FollowCommunity(
communityId: communityId,
follow: !subbed.value,
auth: accountsStore.defaultTokenFor(instanceHost).raw,
));
subbed.value = !subbed.value;
} on Exception catch (err) {
Scaffold.of(context).showSnackBar(SnackBar(
content: Text('Failed to ${subbed.value ? 'un' : ''}follow: $err'),
));
}
2020-09-16 01:27:49 +02:00
delayed.cancel();
}
return InkWell(
2020-09-16 01:27:49 +02:00
onTap: delayed.pending ? () {} : handleTap,
2020-09-09 18:51:48 +02:00
child: Container(
2020-09-16 01:27:49 +02:00
decoration: delayed.loading
2020-09-09 19:22:20 +02:00
? null
: BoxDecoration(
color: subbed.value ? theme.accentColor : null,
2020-09-09 19:22:20 +02:00
border: Border.all(color: theme.accentColor),
2020-09-16 01:28:40 +02:00
borderRadius: BorderRadius.circular(7),
2020-09-09 19:22:20 +02:00
),
2020-09-16 01:27:49 +02:00
child: delayed.loading
2021-01-03 19:43:39 +01:00
? const SizedBox(
2020-09-09 19:22:20 +02:00
width: 20, height: 20, child: CircularProgressIndicator())
: Icon(
subbed.value ? Icons.done : Icons.add,
color: subbed.value
2020-09-09 19:22:20 +02:00
? textColorBasedOnBackground(theme.accentColor)
: theme.accentColor,
size: 20,
),
2020-09-09 18:51:48 +02:00
),
);
}
}