Display the list of comments

lib/ui/tiles/comment_tile.dart

@@ -0,0 +1,53 @@
+import 'package:comunic/models/comment.dart';
+import 'package:comunic/models/user.dart';
+import 'package:comunic/ui/widgets/account_image_widget.dart';
+import 'package:comunic/ui/widgets/network_image_widget.dart';
+import 'package:flutter/material.dart';
+
+/// Single comment tile
+///
+/// @author Pierre HUBERT
+
+class CommentTile extends StatelessWidget {
+  final Comment comment;
+  final User user;
+
+  const CommentTile({Key key, this.comment, this.user})
+      : assert(comment != null),
+        assert(user != null),
+        super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return ListTile(
+      leading: AccountImageWidget(
+        user: user,
+      ),
+      title: Text(user.displayName,),
+      subtitle: _buildCommentContent(),
+    );
+  }
+
+  Widget _buildCommentContent() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
+      children: <Widget>[
+        // Comment image
+        Container(
+          child: comment.hasImage
+              ? NetworkImageWidget(
+                  url: comment.imageURL,
+                  allowFullScreen: true,
+                  height: 100.0,
+                )
+              : null,
+        ),
+
+        // Comment text
+        Container(
+          child: comment.hasContent ? Text(comment.content,) : null,
+        ),
+      ],
+    );
+  }
+}

lib/ui/tiles/post_tile.dart

@@ -2,6 +2,7 @@ import 'package:comunic/enums/post_kind.dart';
 import 'package:comunic/lists/users_list.dart';
 import 'package:comunic/models/post.dart';
 import 'package:comunic/models/user.dart';
+import 'package:comunic/ui/tiles/comment_tile.dart';
 import 'package:comunic/ui/widgets/account_image_widget.dart';
 import 'package:comunic/ui/widgets/network_image_widget.dart';
 import 'package:comunic/utils/date_utils.dart';
@@ -124,17 +125,23 @@ class PostTile extends StatelessWidget {
   Widget build(BuildContext context) {
     return Card(
       elevation: 1.0,
-      child: Padding(
-        padding: const EdgeInsets.all(8.0),
+      child: Column(
+        children: <Widget>[
+          Padding(
+            padding: const EdgeInsets.all(8.0),
+            child: Column(
+              children: <Widget>[
+                _buildHeaderRow(),
+                _buildContentRow(),
+                _buildButtonsArea(),
+              ],
+            ),
+          ),
 
-        // Main post column
-        child: Column(
-          children: <Widget>[
-            _buildHeaderRow(),
-            _buildContentRow(),
-            _buildButtonsArea(),
-          ],
-        ),
+          Container(
+            child: post.hasComments ? _buildComments() : null,
+          ),
+        ],
       ),
     );
   }
@@ -146,4 +153,27 @@ class PostTile extends StatelessWidget {
       roundedEdges: false,
     );
   }
+
+  /// Build the list of comments
+  Widget _buildComments() {
+    assert(post.hasComments);
+
+    final comments = List.generate(
+      post.comments.length,
+      (num) => CommentTile(
+            comment: post.comments[num],
+            user: usersInfo.getUser(post.comments[num].userID),
+          ),
+    );
+
+    return Container(
+      color: Colors.grey[300],
+      child: Padding(
+        padding: const EdgeInsets.only(top: 8.0, bottom: 8.0),
+        child: Column(
+          children: comments,
+        ),
+      ),
+    );
+  }
 }