From a2b6bb7ecf1141654e44ddabe71da418cf50f4dd Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Thu, 20 Mar 2025 18:22:42 +0200
Subject: [PATCH] chore(client/ts): port file_properties

---
 ...{file_properties.js => file_properties.ts} | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)
 rename src/public/app/widgets/ribbon_widgets/{file_properties.js => file_properties.ts} (84%)

diff --git a/src/public/app/widgets/ribbon_widgets/file_properties.js b/src/public/app/widgets/ribbon_widgets/file_properties.ts
similarity index 84%
rename from src/public/app/widgets/ribbon_widgets/file_properties.js
rename to src/public/app/widgets/ribbon_widgets/file_properties.ts
index 358f0987b..5716f0b05 100644
--- a/src/public/app/widgets/ribbon_widgets/file_properties.js
+++ b/src/public/app/widgets/ribbon_widgets/file_properties.ts
@@ -5,6 +5,7 @@ import openService from "../../services/open.js";
 import utils from "../../services/utils.js";
 import protectedSessionHolder from "../../services/protected_session_holder.js";
 import { t } from "../../services/i18n.js";
+import type FNote from "../../entities/fnote.js";
 
 const TPL = `
 <div class="file-properties-widget">
@@ -66,6 +67,16 @@ const TPL = `
 </div>`;
 
 export default class FilePropertiesWidget extends NoteContextAwareWidget {
+
+    private $fileNoteId!: JQuery<HTMLElement>;
+    private $fileName!: JQuery<HTMLElement>;
+    private $fileType!: JQuery<HTMLElement>;
+    private $fileSize!: JQuery<HTMLElement>;
+    private $downloadButton!: JQuery<HTMLElement>;
+    private $openButton!: JQuery<HTMLElement>;
+    private $uploadNewRevisionButton!: JQuery<HTMLElement>;
+    private $uploadNewRevisionInput!: JQuery<HTMLFormElement>;
+
     get name() {
         return "fileProperties";
     }
@@ -99,8 +110,8 @@ export default class FilePropertiesWidget extends NoteContextAwareWidget {
         this.$uploadNewRevisionButton = this.$widget.find(".file-upload-new-revision");
         this.$uploadNewRevisionInput = this.$widget.find(".file-upload-new-revision-input");
 
-        this.$downloadButton.on("click", () => openService.downloadFileNote(this.noteId));
-        this.$openButton.on("click", () => openService.openNoteExternally(this.noteId, this.note.mime));
+        this.$downloadButton.on("click", () => this.noteId && openService.downloadFileNote(this.noteId));
+        this.$openButton.on("click", () => this.noteId && this.note && openService.openNoteExternally(this.noteId, this.note.mime));
 
         this.$uploadNewRevisionButton.on("click", () => {
             this.$uploadNewRevisionInput.trigger("click");
@@ -122,16 +133,20 @@ export default class FilePropertiesWidget extends NoteContextAwareWidget {
         });
     }
 
-    async refreshWithNote(note) {
+    async refreshWithNote(note: FNote) {
         this.$widget.show();
 
+        if (!this.note) {
+            return;
+        }
+
         this.$fileNoteId.text(note.noteId);
         this.$fileName.text(note.getLabelValue("originalFileName") || "?");
         this.$fileType.text(note.mime);
 
         const blob = await this.note.getBlob();
 
-        this.$fileSize.text(utils.formatSize(blob.contentLength));
+        this.$fileSize.text(utils.formatSize(blob?.contentLength ?? 0));
 
         // open doesn't work for protected notes since it works through a browser which isn't in protected session
         this.$openButton.toggle(!note.isProtected);