Add context menu action to regenerate a thumbnail

Signed-off-by: trivernis <trivernis@protonmail.com>

mediarepo-ui/src-tauri/Cargo.lock

@@ -1473,8 +1473,8 @@ checksum = "a3e378b66a060d48947b590737b30a1be76706c8dd7b8ba0f2fe3989c68a853f"
 
 [[package]]
 name = "mediarepo-api"
-version = "0.11.0"
-source = "git+https://github.com/Trivernis/mediarepo-api.git?rev=8f19fe419203842e3e7bff130d52be90de733504#8f19fe419203842e3e7bff130d52be90de733504"
+version = "0.11.1"
+source = "git+https://github.com/Trivernis/mediarepo-api.git?rev=d56e2c7406e9b8b15b22bc2714eebff00f63d778#d56e2c7406e9b8b15b22bc2714eebff00f63d778"
 dependencies = [
  "async-trait",
  "chrono",

mediarepo-ui/src-tauri/Cargo.toml

@@ -30,7 +30,7 @@ features = ["env-filter"]
 
 [dependencies.mediarepo-api]
 git = "https://github.com/Trivernis/mediarepo-api.git"
-rev = "8f19fe419203842e3e7bff130d52be90de733504"
+rev = "d56e2c7406e9b8b15b22bc2714eebff00f63d778"
 features = ["tauri-plugin"]
 
 [features]

mediarepo-ui/src/app/components/context-menu/context-menu.component.html

@@ -1,5 +1,4 @@
 <div class="menu-anchor" [matMenuTriggerFor]="contextMenu" [style.left]="x" [style.top]="y"></div>
 <mat-menu #contextMenu="matMenu">
-  <ng-content select="mat-menu-item"></ng-content>
   <ng-content></ng-content>
 </mat-menu>

mediarepo-ui/src/app/components/context-menu/file-context-menu/file-context-menu.component.html

@@ -1,5 +1,5 @@
 <app-context-menu #contextMenu>
   <button mat-menu-item (click)="this.copyFileHash()">Copy Hash</button>
   <button mat-menu-item (click)="this.exportFile()">Save As...</button>
-  <ng-content select="mat-menu-item"></ng-content>
+  <ng-content></ng-content>
 </app-context-menu>

mediarepo-ui/src/app/components/file-grid/file-grid.component.html

@@ -13,4 +13,6 @@
   </cdk-virtual-scroll-viewport>
 
 </div>
-<app-file-context-menu #fileContextMenu></app-file-context-menu>
+<app-file-context-menu #fileContextMenu>
+  <button mat-menu-item (click)="this.regenerateThumbnail(fileContextMenu.file)">Regenerate thumbnail</button>
+</app-file-context-menu>

mediarepo-ui/src/app/components/file-grid/file-grid.component.ts

@@ -15,6 +15,7 @@ import {FileGridEntryComponent} from "./file-grid-entry/file-grid-entry.componen
 import {GridEntry} from "./file-grid-entry/GridEntry";
 import {CdkVirtualScrollViewport} from "@angular/cdk/scrolling";
 import {TabService} from "../../services/tab/tab.service";
+import {FileService} from "../../services/file/file.service";
 
 @Component({
   selector: 'app-file-grid',
@@ -39,7 +40,10 @@ export class FileGridComponent implements OnChanges, OnInit {
   private ctrlClicked = false;
   private gridEntries: GridEntry[] = []
 
-  constructor(private tabService: TabService) {
+  constructor(
+    private tabService: TabService,
+    private fileService: FileService,
+  ) {
     tabService.selectedTab.subscribe(() => this.adjustElementSizes());
   }
 
@@ -189,4 +193,8 @@ export class FileGridComponent implements OnChanges, OnInit {
       this.virtualScroll.checkViewportSize();
     }
   }
+
+  public async regenerateThumbnail(file: File) {
+    await this.fileService.deleteThumbnails(file);
+  }
 }

mediarepo-ui/src/app/services/file/file.service.ts

@@ -61,7 +61,22 @@ export class FileService {
     return this.sanitizer.bypassSecurityTrustResourceUrl(`content://${file.hash}`)
   }
 
+  /**
+   * Saves a file locally
+   * @param {File} file
+   * @param {string} targetPath
+   * @returns {Promise<void>}
+   */
   public async saveFile(file: File, targetPath: string) {
     await invoke("plugin:mediarepo|save_file_locally", {id: file.id, path: targetPath})
   }
+
+  /**
+   * Deletes all thumbnails of a file
+   * @param {File} file
+   * @returns {Promise<void>}
+   */
+  public async deleteThumbnails(file: File) {
+    await invoke("plugin:mediarepo|delete_thumbnails", {id: file.id});
+  }
 }