Implemented refresh button

COS301-SE-2023 · Sep 24, 2023 · f3b74a0 · f3b74a0
1 parent af65dcc
commit f3b74a0
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/frontend/src/app/home/home.component.html b/frontend/src/app/home/home.component.html
@@ -101,11 +101,16 @@
           [ngClass]="{'hover': this.folderIDHistory[this.folderIDHistoryPosition] !== ''}"
           title="To Enclosing Folder" />
       </div>
+      <div class="imgWrapper" (click)="$event.stopPropagation()">
+        <img class="refreshIcon hover" src="assets/Icons/editIcons/refresh.svg" alt="" (click)="ngOnInit()"
+          title="Refresh Directory" />
+      </div>
+
         <!-- <div class="searchBar" (click)="$event.stopPropagation()">
           <img alt="searchIcon" src="assets/Icons/homeIcons/mainWindow/searchIcon.png" />
           <input (input)="filterTable($event, 0)" class="search-input" placeholder="Search..." type="text" />
         </div> -->
-      </div>
+    </div>
     <div class="folderNameWrapper">
 
 

diff --git a/frontend/src/app/home/home.component.scss b/frontend/src/app/home/home.component.scss
@@ -462,6 +462,13 @@ textarea {
   border-radius: 5px;
 }
 
+.refreshIcon{
+    width: 42px;
+    height: 42px;
+    padding: 10px;
+    border-radius: 5px;
+}
+
 .iconSpacing .hover:hover {
   cursor: pointer;
   background-color: darken($light-grey, 10%);

diff --git a/frontend/src/app/home/home.component.ts b/frontend/src/app/home/home.component.ts
@@ -332,6 +332,7 @@ export class HomeComponent implements OnInit, AfterViewInit {
   }
 
   async ngOnInit() {
+    this.loading = true;
     // Get a reference to the menubar element with the specific class
     this.menubarElement = this.elementRef.nativeElement.querySelector(
       '.p-menubar.custom-menubar'
@@ -341,7 +342,7 @@ export class HomeComponent implements OnInit, AfterViewInit {
     this.updateMenubarWidth();
     // Below is the function that initially populates the fileTree
 
-    this.nodeService.getFilesAndFolders().then(() => {
+    await this.nodeService.getFilesAndFolders().then(() => {
       const hist = localStorage.getItem('folderIDHistory');
       const pos = localStorage.getItem('folderIDHistoryPosition');
 
@@ -419,6 +420,8 @@ export class HomeComponent implements OnInit, AfterViewInit {
     this.rootFolder.Selected = false;
     this.rootFolder.MoveSelected = false;
     this.rootFolder.Type = 'folder';
+
+    this.loading = false;
   }
 
   iterateNodeIDRemoval(node: any[]) {
@@ -1843,5 +1846,6 @@ export class HomeComponent implements OnInit, AfterViewInit {
     this.contextMenu.position(event);
     this.contextMenu.show(event);
   }
+
   protected readonly focus = focus;
 }