feat(status): add 'pending tasks' info

Adds information on the number of pending deletions.

src/constants/main.constants.ts

@@ -42,6 +42,7 @@ export const UI_POSITIONS: IUiPosition = {
   SPACE_RELEASED: { x: 50, y: 4 },
   STATUS: { x: 50, y: 5 },
   STATUS_BAR: { x: 50, y: 6 },
+  PENDING_TASKS: { x: 50, y: 7 }, //Starting position. It will then be replaced.
   TOTAL_SPACE: { x: 50, y: 3 },
   ERRORS_COUNT: { x: 50, y: 2 },
   TUTORIAL_TIP: { x: 1, y: 7 },

src/controller.ts

@@ -447,9 +447,8 @@ export class Controller {
           return;
         }
         const parentFolder = path.join(nodeFolder.path, '../');
-        const result = await this.fileService.getRecentModificationInDir(
-          parentFolder,
-        );
+        const result =
+          await this.fileService.getRecentModificationInDir(parentFolder);
         nodeFolder.modificationTime = result;
         this.logger.info(`Last mod. of ${nodeFolder.path}: ${result}`);
       }),
@@ -527,18 +526,23 @@ export class Controller {
 
     this.logger.info(`Deleting ${folder.path}`);
     folder.status = 'deleting';
+    this.searchStatus.pendingDeletions++;
+    this.uiStatus.render();
     this.printFoldersSection();
 
     this.fileService
       .deleteDir(folder.path)
       .then(() => {
         folder.status = 'deleted';
-        this.uiStats.render();
+        this.searchStatus.pendingDeletions--;
+        this.uiStatus.render();
         this.printFoldersSection();
         this.logger.info(`Deleted ${folder.path}`);
       })
       .catch((e) => {
         folder.status = 'error-deleting';
+        this.searchStatus.pendingDeletions--;
+        this.uiStatus.render();
         this.printFoldersSection();
         this.newError(e.message);
       });

src/models/search-state.model.ts

@@ -6,6 +6,7 @@ export class SearchStatus {
   public pendingStatsCalculation = 0;
   public completedStatsCalculation = 0;
   public resultsFound = 0;
+  public pendingDeletions = 0;
   public workerStatus: WorkerStatus = 'stopped';
   public workersJobs;
 

src/ui/components/header/status.ui.ts

@@ -15,6 +15,8 @@ export class StatusUi extends BaseUi {
   private text = '';
   private barNormalizedWidth = 0;
   private barClosing = false;
+  private showProgressBar = true;
+  private pendingTasksPosition = { ...UI_POSITIONS.PENDING_TASKS };
   private readonly searchEnd$ = new Subject();
   private readonly SEARCH_STATES = {
     stopped: () => this.startingSearch(),
@@ -53,7 +55,31 @@ export class StatusUi extends BaseUi {
 
   render(): void {
     this.printAt(this.text, UI_POSITIONS.STATUS);
-    this.renderProgressBar();
+
+    if (this.showProgressBar) {
+      this.renderProgressBar();
+    }
+
+    this.renderPendingTasks();
+  }
+
+  private renderPendingTasks(): void {
+    this.clearPendingTasks();
+    if (this.searchStatus.pendingDeletions === 0) {
+      return;
+    }
+
+    const { pendingDeletions } = this.searchStatus;
+    const text = pendingDeletions > 1 ? 'pending tasks' : 'pending task ';
+    this.printAt(
+      colors.yellow(`${pendingDeletions} ${text}`),
+      this.pendingTasksPosition,
+    );
+  }
+
+  private clearPendingTasks(): void {
+    const PENDING_TASK_LENGHT = 15;
+    this.printAt(' '.repeat(PENDING_TASK_LENGHT), this.pendingTasksPosition);
   }
 
   private renderProgressBar(): void {
@@ -128,6 +154,9 @@ export class StatusUi extends BaseUi {
     this.barClosing = true;
     if (this.barNormalizedWidth < 0) {
       this.barNormalizedWidth = 0;
+      this.showProgressBar = false;
+
+      this.movePendingTaskToTop();
       return;
     }
     this.barNormalizedWidth -= 0.05;
@@ -136,6 +165,14 @@ export class StatusUi extends BaseUi {
     setTimeout(() => this.animateClose(), SPINNER_INTERVAL);
   }
 
+  /** When the progress bar disappears, "pending tasks" will move up one
+      position. */
+  private movePendingTaskToTop(): void {
+    this.clearPendingTasks();
+    this.pendingTasksPosition = { ...UI_POSITIONS.STATUS_BAR };
+    this.renderPendingTasks();
+  }
+
   private printProgressBar(progressBar: string): void {
     if (this.barClosing) {
       const postX =