Documentation

Added documentation to the build pipeline and completed README.md

src/app/community/community.component.html

@@ -2,12 +2,12 @@
   <div class="liste">
       <ul class="reserch">
 
-      <!-- <div class="messages-box">
-        <div class="list-group rounded-0">
+        <!-- <div class="messages-box">
+          <div class="list-group rounded-0">
           <a href="#" *ngFor="let user of users; let i = index"
-            class="list-group-item list-group-item-action text-white rounded-0" [ngClass]="{'active': i==0 }">
+          class="list-group-item list-group-item-action text-white rounded-0" [ngClass]="{'active': i==0 }">
             <div class="media"><img src="https://res.cloudinary.com/mhmd/image/upload/v1564960395/avatar_usae7z.svg"
-                alt="user" width="50" class="rounded-circle">
+              alt="user" width="50" class="rounded-circle">
               <div class="media-body ml-4">
                 <div class="d-flex align-items-center justify-content-between mb-1">
                   <h6 class="mb-0">{{ user }}</h6>
@@ -23,7 +23,11 @@
   </div> -->
 
   <div class="liste">
-    <a href="" class="newTopic">Create a new topic</a>
+    <!-- TODO: Create the topic creation screen -->
+    <a routerLink="/test" skipLocationChange>Create a new topic</a>
+    <!-- <app-pop-up>
+      <app-topic-creation></app-topic-creation>
+    </app-pop-up> -->
   </div>
 
   <div class="liste categories">
@@ -35,6 +39,14 @@
   </div>
   <div class="liste">
     <ul class="posts">
+      
+      <li class="post" *ngFor="let topic of topics"><h2>
+        {{topic.topic}}
+      </h2>
+      <!-- <div class="post__date">{{(topic.messages[0].createdAt * 1000) | date: 'HH:mm:ss'}}</div> -->
+      <div class="post__content">{{topic.messages[0].content}}</div>
+    
+    </li>
       <li class="post">Le lorem ipsum est, en imprimerie, une suite de mots sans signification utilisée à titre provisoire pour calibrer une mise en page,  fjfjjfut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et </li>
       <li class="post">Le lorem ipsum est, en imprimerie, une suite de mots sans signification utilisée à titre provisoire pour calibrer une mise en page,  fjfjjfut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et </li>
       <li class="post">Le lorem ipsum est, en imprimerie, une suite de mots sans signification utilisée à titre provisoire pour calibrer une mise en page,  fjfjjfut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et </li>
@@ -45,6 +57,5 @@
       
     </ul>
   </div>
-  </ul>
-  </div>
-  </div>
+
+  
\ No newline at end of file