showFreeDiskSpaceInAddTorrentDialogue

Author: Ryu481

src/webui/www/private/addtorrent.html

@@ -16,7 +16,6 @@
     <script defer src="scripts/addtorrent.js?locale=${LANG}&v=${CACHEID}"></script>
     <script defer src="scripts/misc.js?locale=${LANG}&v=${CACHEID}"></script>
     <script defer src="scripts/pathAutofill.js?v=${CACHEID}"></script>
-    <script defer src="scripts/freespaceAutofill.js?v=${CACHEID}"></script>
     <script defer src="scripts/file-tree.js?v=${CACHEID}"></script>
     <script defer src="scripts/filesystem.js?v=${CACHEID}"></script>
     <script defer src="scripts/contextmenu.js?locale=${LANG}&v=${CACHEID}"></script>
@@ -85,7 +84,6 @@
                 window.qBittorrent.AddTorrent.metadataCompleted(false);
             });
 
-            window.qBittorrent.freespaceAutofill.attachFreeSpaceAutofill();
             window.qBittorrent.pathAutofill.attachPathAutofill();
             window.qBittorrent.AddTorrent.init(source, downloader, fetchMetadata);
         });
@@ -182,7 +180,7 @@
                                     <label for="savepath">QBT_TR(Save files to location:)QBT_TR[CONTEXT=AddNewTorrentDialog]</label>
                                 </td>
                                 <td class="fullWidth">
-                                    <input type="text" id="savepath" name="savepath" class="pathDirectory pathFreeSpace" style="width: 100%;">
+                                    <input type="text" id="savepath" name="savepath" class="pathDirectory" style="width: 100%;">
                                 </td>
                             </tr>
                         </tbody>

src/webui/www/private/scripts/addtorrent.js

@@ -38,6 +38,7 @@ window.qBittorrent.AddTorrent ??= (() => {
     };
 
     let table = null;
+    let size = "";
     let defaultSavePath = "";
     let defaultTempPath = "";
     let defaultTempPathEnabled = false;
@@ -146,7 +147,7 @@ window.qBittorrent.AddTorrent ??= (() => {
 
             if (isAutoTMMEnabled()) {
                 document.getElementById("savepath").value = defaultSavePath;
-                document.getElementById("size").textContent = window.qBittorrent.freespaceAutofill.showFreeSpace({ value: defaultSavePath });
+                document.getElementById("size").textContent = showFreeSpace(defaultSavePath);
 
                 const downloadPathEnabled = categoryDownloadPathEnabled(categoryName);
                 document.getElementById("useDownloadPath").checked = downloadPathEnabled;
@@ -161,7 +162,7 @@ window.qBittorrent.AddTorrent ??= (() => {
             if (isAutoTMMEnabled()) {
                 const tempCategoryPath = categorySavePath(categoryName);
                 document.getElementById("savepath").value = tempCategoryPath;
-                document.getElementById("size").textContent = window.qBittorrent.freespaceAutofill.showFreeSpace({ value: tempCategoryPath });
+                document.getElementById("size").textContent = showFreeSpace(tempCategoryPath);
 
                 const downloadPathEnabled = categoryDownloadPathEnabled(categoryName);
                 document.getElementById("useDownloadPath").checked = downloadPathEnabled;
@@ -195,7 +196,7 @@ window.qBittorrent.AddTorrent ??= (() => {
             useDownloadPath.checked = defaultTempPathEnabled;
         }
 
-        document.getElementById("size").textContent = window.qBittorrent.freespaceAutofill.showFreeSpace({ value: savepath.value });
+        document.getElementById("size").textContent = showFreeSpace(savepath.value);
         savepath.disabled = autoTMMEnabled;
         useDownloadPath.disabled = autoTMMEnabled;
 
@@ -219,6 +220,25 @@ window.qBittorrent.AddTorrent ??= (() => {
         }
     };
 
+    const showFreeSpace = (element) => {
+        if (element === "")
+            return;
+
+        fetch(`api/v2/app/getFreeSpaceAtPath?path=${element}`, {
+                method: "GET",
+                cache: "no-store"
+            })
+            .then(response => response.text())
+            .then(freeSpace => { filloutFreeSpace(freeSpace); })
+            .catch(error => {});
+    };
+
+    const filloutFreeSpace = (freeSpace) => {
+        document.getElementById("size").textContent = `${" QBT_TR(%1 (Free space on disk: %2))QBT_TR[CONTEXT=AddNewTorrentDialog]"
+            .replace("%1", size)
+            .replace("%2", window.qBittorrent.Misc.friendlyUnit(freeSpace, false))}`;
+    };
+
     let loadMetadataTimer = -1;
     const loadMetadata = (sourceUrl = undefined, downloaderName = undefined) => {
         if (sourceUrl !== undefined)
@@ -285,9 +305,8 @@ window.qBittorrent.AddTorrent ??= (() => {
         document.getElementById("infoHashV2").textContent = (metadata.infohash_v2 === undefined) ? notAvailable : (metadata.infohash_v2 || notApplicable);
 
         if (metadata.info?.length !== undefined) {
-            const size = document.getElementById("size");
-            size.setAttribute("size", window.qBittorrent.Misc.friendlyUnit(metadata.info.length, false));
-            size.textContent = window.qBittorrent.freespaceAutofill.showFreeSpace({ value: document.getElementById("savepath").value });
+            size = window.qBittorrent.Misc.friendlyUnit(metadata.info.length, false);
+            document.getElementById("size").textContent = showFreeSpace(document.getElementById("savepath").value);
         }
         if ((metadata.creation_date !== undefined) && (metadata.creation_date > 1))
             document.getElementById("createdDate").textContent = window.qBittorrent.Misc.formatDate(new Date(metadata.creation_date * 1000));
@@ -333,6 +352,7 @@ window.qBittorrent.AddTorrent ??= (() => {
 
     const init = (source, downloader, fetchMetadata) => {
         table = window.qBittorrent.TorrentContent.init("addTorrentFilesTableDiv", window.qBittorrent.DynamicTable.AddTorrentFilesTable);
+        document.getElementById("savepath").addEventListener("input", function(event) { showFreeSpace(this.value); });
         if (fetchMetadata)
             loadMetadata(source, downloader);
     };

src/webui/www/private/scripts/freespaceAutofill.js

@@ -396,7 +396,6 @@
         <file>private/scripts/dynamicTable.js</file>
         <file>private/scripts/file-tree.js</file>
         <file>private/scripts/filesystem.js</file>
-        <file>private/scripts/freespaceAutofill.js</file>
         <file>private/scripts/lib/clipboard-copy.js</file>
         <file>private/scripts/lib/mocha.min.js</file>
         <file>private/scripts/lib/MooTools-Core-1.6.0-compat-compressed.js</file>