Unified videos videos are now properly retrieved from the server

src/app/components/recent-videos/recent-videos.component.ts

@@ -15,10 +15,19 @@ export class RecentVideosComponent implements OnInit {
   constructor(private postsService: PostsService) { }
 
   ngOnInit(): void {
+    this.postsService.service_initialized.subscribe(init => {
+      if (init) {
+        this.getAllFiles();
+      }
+    });
   }
 
   getAllFiles() {
-
+    this.normal_files_received = false;
+    this.postsService.getAllFiles().subscribe(res => {
+      this.files = res['files'];
+      this.files.sort(this.sortFiles);
+    });
   }
 
   sortFiles(a, b) {

src/app/components/unified-file-card/unified-file-card.component.html

@@ -14,8 +14,8 @@
     </mat-menu>
     <mat-card (click)="navigateToFile()" matRipple class="example-card mat-elevation-z6">
         <div style="padding:5px">
-            <div *ngIf="fileThumbnail" class="img-div">
-                <img class="image" [src]="file_thumbnail" alt="Thumbnail">
+            <div *ngIf="file_obj.thumbnailURL" class="img-div">
+                <img class="image" [src]="file_obj.thumbnailURL" alt="Thumbnail">
             </div>
 
             <span class="max-two-lines"><strong>{{file_title}}</strong></span>      

src/app/posts.services.ts

@@ -207,6 +207,10 @@ export class PostsService implements CanActivate {
         return this.http.post(this.path + 'getFile', {uid: uid, type: type, uuid: uuid}, this.httpOptions);
     }
 
+    getAllFiles() {
+        return this.http.post(this.path + 'getAllFiles', {}, this.httpOptions);
+    }
+
     downloadFileFromServer(fileName, type, outputName = null, fullPathProvided = null, subscriptionName = null, subPlaylist = null,
                             uid = null, uuid = null) {
         return this.http.post(this.path + 'downloadFile', {fileNames: fileName,