feat: TT-208 add new column in activity-list

src/app/modules/activities-management/components/activity-list/activity-list.component.html

@@ -3,47 +3,41 @@
     <thead class="thead-blue">
       <tr class="d-flex">
         <th class="col-4 text-center">Activity ID</th>
-        <th class="col-5 text-center">Activity</th>
-        <th class="col-3 text-center">Options</th>
+        <th class="col-4 text-center">Activity</th>
+        <th class="col-2 text-center">Options</th>
+        <th class="col-2 text-center">Status</th>
       </tr>
     </thead>
     <app-loading-bar *ngIf="(isLoading$ | async)"></app-loading-bar>
     <tbody *ngIf="(isLoading$ | async) === false">
       <tr class="d-flex" *ngFor="let activity of activities">
         <td class="col-4 text-break">{{ activity.id }}</td>
-        <td class="col-5 ">{{ activity.name }}</td>
-        <td class="col-3 text-center">
-          <button
-            type="button"
-            class="btn btn-sm btn-primary"
-            (click)="updateActivity(activity.id)"
-          >
+        <td class="col-4 ">{{ activity.name }}</td>
+        <td class="col-2 text-center">
+          <button type="button" class="btn btn-sm btn-primary" (click)="updateActivity(activity.id)">
             <i class="fa fa-pencil fa-xs"></i>
           </button>
-          <button
-            type="button"
-            class="btn btn-sm btn-danger ml-2"
-            data-toggle="modal"
-            data-target="#deleteModal"
-            (click)="openModal(activity)"
-          >
+          <button type="button" class="btn btn-sm btn-danger ml-2" data-toggle="modal" data-target="#deleteModal"
+            (click)="openModal(activity)">
             <i class="fas fa-trash-alt fa-xs"></i>
           </button>
         </td>
+        <td class="col-2 text-center">
+          status
+        </td>
       </tr>
     </tbody>
   </table>
 </div>
 
-<app-dialog
-  *ngIf="showModal"
-  class="modal fade"
-  id="deleteModal"
-  tabindex="-1"
-  role="dialog"
+<app-dialog 
+  *ngIf="showModal" 
+  class="modal fade" 
+  id="deleteModal" 
+  tabindex="-1" 
+  role="dialog" 
   aria-hidden="true"
-  [title]="'Delete Activity'"
-  [body]="message"
-  (closeModalEvent)="deleteActivity()"
->
+  [title]="'Delete Activity'" 
+  [body]="message" 
+  (closeModalEvent)="deleteActivity()">
 </app-dialog>