Add user profile route

lib/forez/ui/routes/forez_member_profile_route.dart

@@ -0,0 +1,175 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:comunic/forez/helpers/forez_group_helper.dart';
+import 'package:comunic/helpers/forez_groups_helper.dart';
+import 'package:comunic/helpers/forez_presence_helper.dart';
+import 'package:comunic/lists/forez_presences_set.dart';
+import 'package:comunic/models/advanced_user_info.dart';
+import 'package:comunic/models/displayed_content.dart';
+import 'package:comunic/ui/widgets/async_screen_widget.dart';
+import 'package:comunic/ui/widgets/copy_icon.dart';
+import 'package:comunic/ui/widgets/forez_presence_calendar_widget.dart';
+import 'package:comunic/ui/widgets/text_widget.dart';
+import 'package:comunic/utils/intl_utils.dart';
+import 'package:comunic/utils/ui_utils.dart';
+import 'package:flutter/material.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+/// Show information about a Forez member
+///
+/// @author Pierre Hubert
+
+class ForezMemberProfileRoute extends StatefulWidget {
+  final int userID;
+
+  const ForezMemberProfileRoute({
+    Key key,
+    @required this.userID,
+  })  : assert(userID != null),
+        super(key: key);
+
+  @override
+  _ForezMemberProfileRouteState createState() =>
+      _ForezMemberProfileRouteState();
+}
+
+class _ForezMemberProfileRouteState extends State<ForezMemberProfileRoute> {
+  final double _appBarHeight = 256.0;
+
+  final _key = GlobalKey<AsyncScreenWidgetState>();
+
+  AdvancedUserInfo _user;
+  PresenceSet _presence;
+
+  Future<void> _load() async {
+    _user = await ForezGroupsHelper.getMemberInfo(forezGroup.id, widget.userID);
+    _presence =
+        await ForezPresenceHelper.getForUser(forezGroup.id, widget.userID);
+  }
+
+  @override
+  Widget build(BuildContext context) => AsyncScreenWidget(
+      onReload: _load,
+      onBuild: _buildProfile,
+      loadingWidget: _buildLoading(),
+      errorWidget: _buildError(),
+      errorMessage: tr(
+          "Failed to load user information, maybe it is not a Forez member yet?"));
+
+  Widget _buildLoading() => Scaffold(
+        appBar: AppBar(
+          title: Text(tr("Loading...")),
+        ),
+        body: buildCenteredProgressBar(),
+      );
+
+  Widget _buildError() => Scaffold(
+        appBar: AppBar(
+          title: Text(tr("Error")),
+        ),
+        body: buildErrorCard(
+            tr("Failed to load user information, maybe it is not a Forez member yet?"),
+            actions: [
+              MaterialButton(
+                onPressed: () => _key.currentState.refresh(),
+                child: Text(tr("Try again")),
+                textColor: Colors.white,
+              )
+            ]),
+      );
+
+  Widget _buildProfile() => Scaffold(
+        body: CustomScrollView(
+          slivers: <Widget>[
+            _buildAppBar(),
+            _buildList(),
+          ],
+        ),
+      );
+
+  Widget _buildAppBar() => SliverAppBar(
+        expandedHeight: _appBarHeight,
+        pinned: true,
+        flexibleSpace: FlexibleSpaceBar(
+          title: Text(_user.fullName),
+          background: Stack(
+            fit: StackFit.expand,
+            children: <Widget>[
+              _user.accountImageURL == null
+                  ? Container()
+                  : CachedNetworkImage(
+                      fit: BoxFit.cover,
+                      imageUrl: _user.accountImageURL,
+                      height: _appBarHeight,
+                    ),
+              // This gradient ensures that the toolbar icons are distinct
+              // against the background image.
+              const DecoratedBox(
+                decoration: BoxDecoration(
+                  gradient: LinearGradient(
+                    begin: Alignment(0.0, -1.0),
+                    end: Alignment(0.0, -0.4),
+                    colors: <Color>[Color(0x60000000), Color(0x00000000)],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      );
+
+  Widget _buildList() => SliverList(
+          delegate: SliverChildListDelegate(<Widget>[
+        // Public note
+        !_user.hasPublicNote
+            ? Container()
+            : ListTile(
+                leading: Icon(Icons.note),
+                title: TextWidget(content: DisplayedString(_user.publicNote)),
+                subtitle: Text(tr("Note")),
+              ),
+
+        // Email address
+        !_user.hasEmailAddress
+            ? Container()
+            : ListTile(
+                leading: Icon(Icons.email),
+                title: Text(_user.emailAddress),
+                subtitle: Text(tr("Email address")),
+                trailing: CopyIcon(_user.emailAddress),
+              ),
+
+        // Location
+        !_user.hasLocation
+            ? Container()
+            : ListTile(
+                leading: Icon(Icons.location_on),
+                title: Text(_user.location),
+                subtitle: Text(tr("Location")),
+                trailing: CopyIcon(_user.location),
+              ),
+
+        // Website
+        !_user.hasPersonalWebsite
+            ? Container()
+            : ListTile(
+                leading: Icon(Icons.link),
+                title: Text(_user.personalWebsite),
+                subtitle: Text(tr("Website")),
+                trailing: IconButton(
+                  icon: Icon(Icons.open_in_new),
+                  onPressed: () => launch(_user.personalWebsite),
+                ),
+              ),
+
+        Divider(),
+        ListTile(
+          leading: Icon(Icons.calendar_today),
+          title: Text(tr("Presence in Forez")),
+          subtitle: Text(_presence.containsDate(DateTime.now())
+              ? tr("Present today")
+              : tr("Absent")),
+        ),
+        PresenceCalendarWidget(presenceSet: _presence),
+        Divider(),
+      ]));
+}

lib/forez/ui/routes/forez_route.dart

@@ -1,4 +1,5 @@
 import 'package:comunic/forez/helpers/forez_group_helper.dart';
+import 'package:comunic/forez/ui/routes/forez_member_profile_route.dart';
 import 'package:comunic/forez/ui/screens/forez_directory_screen.dart';
 import 'package:comunic/helpers/events_helper.dart';
 import 'package:comunic/models/conversation.dart';
@@ -72,7 +73,13 @@ class _MainRouteState extends MainController {
   void openGroup(int groupID, {int conversationID}) => _unsupportedFeature();
 
   @override
-  void openUserPage(int userID) => _unsupportedFeature();
+  void openUserPage(int userID) => pushPage(PageInfo(
+        child: ForezMemberProfileRoute(userID: userID),
+        hideNavBar: true,
+        canShowAsDialog: true,
+        type: PageType.USER_PAGE,
+        id: userID,
+      ));
 
   @override
   void openFriendsList() => _unsupportedFeature();

lib/forez/ui/screens/forez_directory_screen.dart

@@ -6,6 +6,7 @@ import 'package:comunic/lists/group_members_list.dart';
 import 'package:comunic/lists/users_list.dart';
 import 'package:comunic/models/group_membership.dart';
 import 'package:comunic/models/user.dart';
+import 'package:comunic/ui/routes/main_route/main_route.dart';
 import 'package:comunic/ui/widgets/account_image_widget.dart';
 import 'package:comunic/ui/widgets/async_screen_widget.dart';
 import 'package:comunic/utils/account_utils.dart';
@@ -123,9 +124,8 @@ class _ForezDirectoryScreenState extends State<ForezDirectoryScreen> {
     if (user != null) _openUserProfile(user);
   }
 
-  void _openUserProfile(User user) {
+  void _openUserProfile(User user) =>
-    print("Open user profile ${user.fullName}");
+      MainController.of(context).openUserPage(user.id);
-  }
 }
 
 class _ForezMemberTile extends StatelessWidget {

lib/helpers/forez_groups_helper.dart

@@ -1,4 +1,6 @@
 import 'package:comunic/helpers/groups_helper.dart';
+import 'package:comunic/helpers/users_helper.dart';
+import 'package:comunic/models/advanced_user_info.dart';
 import 'package:comunic/models/api_request.dart';
 import 'package:comunic/models/group.dart';
 
@@ -14,4 +16,16 @@ class ForezGroupsHelper {
         .map(GroupsHelper.getGroupFromAPI)
         .toList();
   }
+
+  /// Get advanced information about a Forez member
+  ///
+  /// This methods throws an exception in case of failure
+  static Future<AdvancedUserInfo> getMemberInfo(int groupID, int userID) async {
+    final response = await APIRequest.withLogin("forez/get_member_info")
+        .addInt("group", groupID)
+        .addInt("user", userID)
+        .execWithThrowGetObject();
+
+    return UsersHelper.apiToAdvancedUserInfo(response);
+  }
 }

lib/helpers/users_helper.dart

@@ -151,36 +151,11 @@ class UsersHelper {
       throw new GetUserAdvancedUserError(cause);
     }
 
-    final data = response.getObject();
+    return apiToAdvancedUserInfo(response.getObject());
-
-    return AdvancedUserInfo(
-      id: data["userID"],
-      firstName: data["firstName"],
-      lastName: data["lastName"],
-      pageVisibility: data["publicPage"] == "false"
-          ? UserPageVisibility.PRIVATE
-          : (data["openPage"] == "false"
-              ? UserPageVisibility.PRIVATE
-              : UserPageVisibility.OPEN),
-      virtualDirectory:
-          data["virtualDirectory"] == "" ? null : data["virtualDirectory"],
-      accountImageURL: data["accountImage"],
-      emailAddress: data["email_address"],
-      customEmojies: _parseCustomEmojies(data["customEmojis"]),
-      publicNote: data["publicNote"],
-      canPostTexts: data["can_post_texts"],
-      isFriendsListPublic: data["friend_list_public"],
-      numberFriends: data["number_friends"],
-      accountCreationTime: data["account_creation_time"],
-      personalWebsite: data["personnalWebsite"],
-      location: data["location"],
-      likes: data["pageLikes"],
-      userLike: data["user_like_page"],
-    );
   }
 
   /// Parse the list of custom emojies
-  CustomEmojiesList _parseCustomEmojies(List<dynamic> list) {
+  static CustomEmojiesList _parseCustomEmojies(List<dynamic> list) {
     final l = list.cast<Map<String, dynamic>>();
 
     return CustomEmojiesList()
@@ -193,4 +168,30 @@ class UsersHelper {
               ))
           .toList());
   }
+
+  static AdvancedUserInfo apiToAdvancedUserInfo(Map<String, dynamic> data) =>
+      AdvancedUserInfo(
+        id: data["userID"],
+        firstName: data["firstName"],
+        lastName: data["lastName"],
+        pageVisibility: data["publicPage"] == "false"
+            ? UserPageVisibility.PRIVATE
+            : (data["openPage"] == "false"
+                ? UserPageVisibility.PRIVATE
+                : UserPageVisibility.OPEN),
+        virtualDirectory:
+            data["virtualDirectory"] == "" ? null : data["virtualDirectory"],
+        accountImageURL: data["accountImage"],
+        emailAddress: data["email_address"],
+        customEmojies: _parseCustomEmojies(data["customEmojis"]),
+        publicNote: data["publicNote"],
+        canPostTexts: data["can_post_texts"],
+        isFriendsListPublic: data["friend_list_public"],
+        numberFriends: data["number_friends"],
+        accountCreationTime: data["account_creation_time"],
+        personalWebsite: data["personnalWebsite"],
+        location: data["location"],
+        likes: data["pageLikes"],
+        userLike: data["user_like_page"],
+      );
 }

lib/models/advanced_user_info.dart

@@ -60,6 +60,10 @@ class AdvancedUserInfo extends User implements LikeElement {
 
   bool get hasPersonalWebsite => personalWebsite.isNotEmpty;
 
+  bool get hasEmailAddress => emailAddress != null && emailAddress.isNotEmpty;
+
+  bool get hasLocation => location != null && location.isNotEmpty;
+
   @override
   LikesType get likeType => LikesType.USER;
 }

lib/ui/widgets/async_screen_widget.dart

@@ -28,12 +28,24 @@ class AsyncScreenWidget extends StatefulWidget {
   /// Specify whether old data can be kept or not while updating this widget
   final bool showOldDataWhileUpdating;
 
+  /// Widget to use while we are refreshing
+  ///
+  /// This widget is optional
+  final Widget loadingWidget;
+
+  /// Widget to use in case of error
+  ///
+  /// This widget is optional
+  final Widget errorWidget;
+
   const AsyncScreenWidget({
     Key key,
     @required this.onReload,
     @required this.onBuild,
     @required this.errorMessage,
     this.showOldDataWhileUpdating = false,
+    this.loadingWidget,
+    this.errorWidget,
   })  : assert(onReload != null),
         assert(onBuild != null),
         assert(errorMessage != null),
@@ -59,16 +71,17 @@ class AsyncScreenWidgetState extends SafeState<AsyncScreenWidget> {
   Widget build(BuildContext context) {
     // In case of error
     if (error)
-      return buildErrorCard(widget.errorMessage, actions: [
+      return widget.errorWidget ??
-        MaterialButton(
+          buildErrorCard(widget.errorMessage, actions: [
-          textColor: Colors.white,
+            MaterialButton(
-          onPressed: () => refresh(),
+              textColor: Colors.white,
-          child: Text(tr("Try again").toUpperCase()),
+              onPressed: () => refresh(),
-        )
+              child: Text(tr("Try again").toUpperCase()),
-      ]);
+            )
+          ]);
 
     // Show loading states
-    if (!ready) return buildCenteredProgressBar();
+    if (!ready) return widget.loadingWidget ?? buildCenteredProgressBar();
 
     // The widget is ready, show it
     return RefreshIndicator(

lib/ui/widgets/copy_icon.dart

@@ -0,0 +1,25 @@
+import 'package:clipboard/clipboard.dart';
+import 'package:comunic/utils/intl_utils.dart';
+import 'package:comunic/utils/ui_utils.dart';
+import 'package:flutter/material.dart';
+
+/// Icon used to copy content in clipboard
+///
+/// @author Pierre Hubert
+
+class CopyIcon extends StatelessWidget {
+  final String value;
+
+  const CopyIcon(this.value) : assert(value != null);
+
+  @override
+  Widget build(BuildContext context) {
+    return IconButton(
+      icon: Icon(Icons.content_copy),
+      onPressed: () {
+        FlutterClipboard.copy(value);
+        snack(context, tr("'%c%' was copied to clipboard", args: {"c": value}));
+      },
+    );
+  }
+}