import 'package:comunic/enums/post_target.dart'; import 'package:comunic/helpers/posts_helper.dart'; import 'package:comunic/models/advanced_group_info.dart'; import 'package:comunic/ui/widgets/group_following_widget.dart'; import 'package:comunic/ui/widgets/group_icon_widget.dart'; import 'package:comunic/ui/widgets/group_membership_widget.dart'; import 'package:comunic/ui/widgets/like_widget.dart'; import 'package:comunic/ui/widgets/post_create_form_widget.dart'; import 'package:comunic/ui/widgets/posts_list_widget.dart'; import 'package:comunic/ui/widgets/scroll_watcher.dart'; import 'package:flutter/material.dart'; /// Authorized group page screen /// /// This screen is shown when the user is allowed to access to a group's page /// /// @author Pierre Hubert class AuthorizedGroupPageScreen extends StatefulWidget { final AdvancedGroupInfo advancedGroupInfo; final Function() needRefresh; const AuthorizedGroupPageScreen({ Key key, @required this.advancedGroupInfo, @required this.needRefresh, }) : assert(advancedGroupInfo != null), assert(needRefresh != null), super(key: key); @override _AuthorizedGroupPageScreenState createState() => _AuthorizedGroupPageScreenState(); } class _AuthorizedGroupPageScreenState extends State { AdvancedGroupInfo get _group => widget.advancedGroupInfo; // Allows load older posts when we reach the bottom of the page final _postsKey = GlobalKey(); ScrollWatcher _postsController; @override void initState() { _postsController = ScrollWatcher( onReachBottom: () => _postsKey.currentState.reachedPostsBottom()); super.initState(); } @override Widget build(BuildContext context) { return RefreshIndicator( onRefresh: () => widget.needRefresh(), child: ListView( controller: _postsController, children: [ _buildGroupPageHeader(), _buildPostCreationArea(), _buildGroupPagePostsList() ], ), ); } /// Build group page header Widget _buildGroupPageHeader() { return Container( color: Colors.black26, child: Padding( padding: const EdgeInsets.all(8.0), child: Row( children: [ GroupIcon( group: _group, ), Text( " ${_group.displayName}", style: TextStyle(fontSize: 20), ), Spacer(), Column( children: [ GroupMembershipWidget( group: _group, onUpdated: () => widget.needRefresh(), ), Container( height: 4, ), GroupFollowingWidget( group: _group, onUpdated: () => widget.needRefresh(), ), Container( height: 2, ), LikeWidget( likeElement: _group, ) ], ) ], ), ), ); } /// Add create post target Widget _buildPostCreationArea() { if (!_group.canCreatePost) return Container(); return PostCreateFormWidget( postTarget: PostTarget.GROUP_PAGE, targetID: _group.id, onCreated: () => widget.needRefresh()); } /// Build the list of posts of the group Widget _buildGroupPagePostsList() { return PostsListWidget( key: _postsKey, getPostsList: () => PostsHelper().getGroupPosts(_group.id), showPostsTarget: false, userNamesClickable: true, getOlder: (from) => PostsHelper().getGroupPosts(_group.id, from: from), buildListView: false, ); } }