display urgent

src/app/components/summary/summary.component.html

@@ -33,7 +33,7 @@
           <div class="left">
             <img src="./../../../assets/img/summary/urgent.svg" alt="" />
             <div class="details">
-              <span>1</span>
+              <span>{{ urgentTasksCount }}</span>
               <p>Done</p>
             </div>
           </div>
@@ -41,8 +41,12 @@
           <div class="right">
             <div class="date">
               <div>
-                <span>October 16, 2022</span>
+                @if (urgentTasksCount) {
+                <span>{{ urgentTasksDate }}</span>
                 <p>Upcoming Deadline</p>
+                } @else {
+                <p>No Deadline</p>
+                }
               </div>
             </div>
           </div>

src/app/components/summary/summary.component.ts

@@ -15,11 +15,14 @@ export class SummaryComponent {
   inprogressTasksCount: Number = 0;
   awaitfeedbackTasksCount: Number = 0;
   doneTasksCount: Number = 0;
+  urgentTasksCount: Number = 0;
+  urgentTasksDate: String = '';
 
   constructor(private taskService: TaskService) {
     this.taskService.tasksLoaded.subscribe(() => {
       this.updateTasksCount();
       this.updateAllTasksCount();
+      this.updateUrgentTasksCount();
     });
   }
 
@@ -40,4 +43,39 @@ export class SummaryComponent {
     );
     return filteredTasks.length;
   }
+
+  updateUrgentTasksCount() {
+    const filteredTasks = this.taskService.allTasks.filter(
+      (task) => task.priority === 'urgent'
+    );
+    this.urgentTasksCount = filteredTasks.length;
+    if (filteredTasks.length > 0) {
+      for (let i = 0; i < filteredTasks.length; i++) {
+        this.urgentTasksDate = this.timeConverter(filteredTasks[i].timestamp);
+      }
+    }
+  }
+
+  timeConverter(timestamp: number) {
+    var a = new Date(timestamp * 1000);
+    var months = [
+      'Jan.',
+      'Feb.',
+      'Mar.',
+      'Apr.',
+      'May.',
+      'Jun.',
+      'Jul.',
+      'Aug.',
+      'Sep.',
+      'Oct.',
+      'Nov.',
+      'Dec.',
+    ];
+    var year = a.getFullYear();
+    var month = months[a.getMonth()];
+    var date = a.getDate();
+    var time = month + ' ' + date + ', ' + year;
+    return time;
+  }
 }

src/app/interfaces/task.interface.ts

@@ -8,4 +8,5 @@ export interface Task {
   subtasksTitle: string[];
   subtasksDone: boolean[];
   assigned: number[];
+  timestamp: number;
 }