import 'package:cached_network_image/cached_network_image.dart'; import 'package:esys_flutter_share/esys_flutter_share.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_hooks/flutter_hooks.dart'; import 'package:lemmy_api_client/v2.dart'; import 'package:url_launcher/url_launcher.dart' as ul; import '../hooks/stores.dart'; import '../util/extensions/api.dart'; import '../util/extensions/spaced.dart'; import '../util/goto.dart'; import '../util/more_icon.dart'; import '../util/text_color.dart'; import '../widgets/avatar.dart'; import '../widgets/bottom_modal.dart'; import '../widgets/fullscreenable_image.dart'; import '../widgets/info_table_popup.dart'; import '../widgets/markdown_text.dart'; import '../widgets/sortable_infinite_list.dart'; import 'communities_list.dart'; import 'modlog_page.dart'; import 'users_list.dart'; /// Displays posts, comments, and general info about the given instance class InstancePage extends HookWidget { final String instanceHost; final Future siteFuture; final Future> communitiesFuture; void _share() => Share.text('Share instance', 'https://$instanceHost', 'text/plain'); InstancePage({@required this.instanceHost}) : assert(instanceHost != null), siteFuture = LemmyApiV2(instanceHost).run(GetSite()), communitiesFuture = LemmyApiV2(instanceHost).run(ListCommunities( type: PostListingType.local, sort: SortType.hot, limit: 6)); @override Widget build(BuildContext context) { final theme = Theme.of(context); final siteSnap = useFuture(siteFuture); final colorOnCard = textColorBasedOnBackground(theme.cardColor); final accStore = useAccountsStore(); if (!siteSnap.hasData) { return Scaffold( appBar: AppBar(), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ if (siteSnap.hasError) ...[ const Icon(Icons.error), Padding( padding: const EdgeInsets.all(8), child: Text('ERROR: ${siteSnap.error}'), ) ] else const CircularProgressIndicator(semanticsLabel: 'loading') ], ), ), ); } final site = siteSnap.data; void _openMoreMenu(BuildContext c) { showBottomModal( context: context, builder: (context) => Column( children: [ ListTile( leading: const Icon(Icons.open_in_browser), title: const Text('Open in browser'), onTap: () async => await ul .canLaunch('https://${site.instanceHost}') ? ul.launch('https://${site.instanceHost}') : Scaffold.of(context).showSnackBar( const SnackBar(content: Text("can't open in browser"))), ), ListTile( leading: const Icon(Icons.info_outline), title: const Text('Nerd stuff'), onTap: () { showInfoTablePopup(context, { 'url': instanceHost, 'creator': '@${site.siteView.creator.name}', 'version': site.version, 'enableDownvotes': site.siteView.site.enableDownvotes, 'enableNsfw': site.siteView.site.enableNsfw, 'published': site.siteView.site.published, 'updated': site.siteView.site.updated, }); }, ), ], ), ); } return Scaffold( body: DefaultTabController( length: 3, child: NestedScrollView( headerSliverBuilder: (context, innerBoxIsScrolled) => [ SliverAppBar( expandedHeight: 250, pinned: true, backgroundColor: theme.cardColor, title: Text( site.siteView.site.name, style: TextStyle(color: colorOnCard), ), actions: [ IconButton(icon: const Icon(Icons.share), onPressed: _share), IconButton( icon: Icon(moreIcon), onPressed: () => _openMoreMenu(context)), ], flexibleSpace: FlexibleSpaceBar( background: Stack(children: [ if (site.siteView.site.banner != null) FullscreenableImage( url: site.siteView.site.banner, child: CachedNetworkImage( imageUrl: site.siteView.site.banner, errorWidget: (_, __, ___) => const SizedBox.shrink(), ), ), SafeArea( child: Center( child: Column( children: [ Padding( padding: const EdgeInsets.only(top: 40), child: site.siteView.site.icon == null ? const SizedBox(height: 100, width: 100) : FullscreenableImage( url: site.siteView.site.icon, child: CachedNetworkImage( width: 100, height: 100, imageUrl: site.siteView.site.icon, errorWidget: (_, __, ___) => const Icon(Icons.warning), ), ), ), Text(site.siteView.site.name, style: theme.textTheme.headline6), Text(instanceHost, style: theme.textTheme.caption) ], ), ), ), ]), ), bottom: PreferredSize( preferredSize: const TabBar(tabs: []).preferredSize, child: Material( color: theme.cardColor, child: const TabBar( tabs: [ Tab(text: 'Posts'), Tab(text: 'Comments'), Tab(text: 'About'), ], ), ), ), ), ], body: TabBarView( children: [ InfinitePostList( fetcher: (page, batchSize, sort) => LemmyApiV2(instanceHost).run(GetPosts( // TODO: switch between all and subscribed type: PostListingType.all, sort: sort, limit: batchSize, page: page, auth: accStore.defaultTokenFor(instanceHost)?.raw, ))), InfiniteCommentList( fetcher: (page, batchSize, sort) => LemmyApiV2(instanceHost).run(GetComments( type: CommentListingType.all, sort: sort, limit: batchSize, page: page, auth: accStore.defaultTokenFor(instanceHost)?.raw, ))), _AboutTab(site, communitiesFuture: communitiesFuture, instanceHost: instanceHost), ], ), ), ), ); } } class _AboutTab extends HookWidget { final FullSiteView site; final Future> communitiesFuture; final String instanceHost; const _AboutTab(this.site, {@required this.communitiesFuture, @required this.instanceHost}) : assert(communitiesFuture != null), assert(instanceHost != null); void goToBannedUsers(BuildContext c) { goTo( c, (_) => UsersListPage( users: site.banned.reversed.toList(), title: 'Banned users'), ); } @override Widget build(BuildContext context) { final theme = Theme.of(context); final commSnap = useFuture(communitiesFuture); final accStore = useAccountsStore(); void goToCommunities() { goTo( context, (_) => CommunitiesListPage( fetcher: (page, batchSize, sortType) => LemmyApiV2(instanceHost).run( ListCommunities( type: PostListingType.local, sort: sortType, limit: batchSize, page: page, auth: accStore.defaultTokenFor(instanceHost)?.raw, ), ), title: 'Communities of ${site.siteView.site.name}', ), ); } return SingleChildScrollView( child: SafeArea( top: false, child: Column( children: [ Padding( padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 15), child: MarkdownText( site.siteView.site.description, instanceHost: instanceHost, ), ), const _Divider(), SizedBox( height: 32, child: ListView( scrollDirection: Axis.horizontal, padding: const EdgeInsets.symmetric(horizontal: 15), children: [ Chip(label: Text('${site.online} users online')), Chip(label: Text('${site.siteView.counts.users} users')), Chip( label: Text( '${site.siteView.counts.communities} communities')), Chip(label: Text('${site.siteView.counts.posts} posts')), Chip( label: Text('${site.siteView.counts.comments} comments')), ].spaced(8), ), ), const _Divider(), ListTile( title: Center( child: Text( 'Trending communities:', style: theme.textTheme.headline6.copyWith(fontSize: 18), ), ), ), if (commSnap.hasData) for (final c in commSnap.data) ListTile( onTap: () => goToCommunity.byId( context, c.instanceHost, c.community.id), title: Text(c.community.name), leading: Avatar(url: c.community.icon), ) else if (commSnap.hasError) Padding( padding: const EdgeInsets.all(8), child: Text("Can't load communities, ${commSnap.error}"), ) else const Padding( padding: EdgeInsets.symmetric(vertical: 10), child: CircularProgressIndicator(), ), ListTile( title: const Center(child: Text('See all')), onTap: goToCommunities, ), const _Divider(), ListTile( title: Center( child: Text( 'Admins:', style: theme.textTheme.headline6.copyWith(fontSize: 18), ), ), ), for (final u in site.admins) ListTile( title: Text(u.user.originDisplayName), subtitle: u.user.bio != null ? MarkdownText(u.user.bio, instanceHost: instanceHost) : null, onTap: () => goToUser.byId(context, instanceHost, u.user.id), leading: Avatar(url: u.user.avatar), ), const _Divider(), ListTile( title: const Center(child: Text('Banned users')), onTap: () => goToBannedUsers(context), ), ListTile( title: const Center(child: Text('Modlog')), onTap: () => goTo( context, (context) => ModlogPage.forInstance(instanceHost: instanceHost), ), ), ], ), ), ); } } class _Divider extends StatelessWidget { const _Divider(); @override Widget build(BuildContext context) => const Padding( padding: EdgeInsets.symmetric(horizontal: 15, vertical: 10), child: Divider(), ); }