File Uploader

[lst97]

Design:

Actual:

[lst97]

• [x] Enhance Image Preview (Step 1)

• https://github.com/lst97/simple-receipt-manager-frontend/commit/dd2999bf9f9e5637e0525f9d0cab53c02d3df6fe

• 

• 

• [x] Progress indicator in processing tab (Step 2)

• https://github.com/lst97/simple-receipt-manager-frontend/commit/847a8d5fe04354ff7215c8290984e286100bebb1

• 

• [x] Finalise step. (User confirm if the parsed information is correct)

• https://github.com/lst97/simple-receipt-manager/commit/386e135a7b55b3902a20f570260d9153aa9f316f

• [x] Done step. (Reload the record table)

  • • [x] Add progress indicator
  • https://github.com/lst97/simple-receipt-manager-frontend/commit/ade37a00153dc75c4f786bdcf954eafda91b7ead

• [x] Make the upload status more compact (Step 2).

• [x] Add a pending area (Step 1)

  <mat-toolbar>
  <!-- Create a div for image pending section -->
  <input matInput [value]="'Select Images'" />
  </mat-toolbar>