Update index.html

index.html

@@ -25,6 +25,7 @@
     <input type="text" id="repoInput" name="repoInput" placeholder="my-user/nlp-model">
     <input type="file" id="fileUpload" multiple>
     <button id="uploadButton">Upload Files</button>
+    <div id="processingMessage"></div>
     <progress id="progressBar" value="0" max="100"></progress>
     <div id="message"></div>
     <div id="error"></div>
@@ -45,9 +46,11 @@
         const progressBar = document.getElementById('progressBar');
         const messageDiv = document.getElementById('message');
         const errorDiv = document.getElementById('error');
+        const processingMessage = document.getElementById('processingMessage');
         progressBar.value = 0; // reset progress bar
         messageDiv.textContent = ''; // clear previous messages
         errorDiv.textContent = ''; // clear previous errors
+        processingMessage.textContent = ''; // clear previous processing message
 
         if (files.length > 0) {
           // calculate total size in MB
@@ -79,6 +82,7 @@
 
           for (let i = 0; i < files.length; i++) {
             const file = files[i];
+            processingMessage.textContent = `Processing your file ${i+1}/${files.length}...`;
             try {
               // upload file
               await uploadFile({
@@ -113,10 +117,26 @@
           }
 
           messageDiv.textContent = `All files uploaded successfully in ${elapsedTime.toFixed(2)} seconds, for all ${totalSize.toFixed(2)} MB in the ${files.length} files, speed ${speed.toFixed(2)} ${speedUnit}`;
+
+          // Estimate time to upload larger files
+          let size1GB = 1024; // size in MB
+          let time1GB = size1GB / speed; // estimate time in seconds
+          let time1GBMinutes = time1GB / 60; // convert time to minutes
+
+          let size5GB = 5 * size1GB;
+          let time5GBMinutes = (size5GB / speed) / 60; // estimate time in minutes
+
+          let size10GB = 10 * size1GB;
+          let time10GBMinutes = (size10GB / speed) / 60; // estimate time in minutes
+
+          messageDiv.textContent += `\nTo upload a 1GB model in this speed, it would take ${time1GBMinutes.toFixed(2)} minutes.`;
+          messageDiv.textContent += `\nTo upload a 5GB model in this speed, it would take ${time5GBMinutes.toFixed(2)} minutes.`;
+          messageDiv.textContent += `\nTo upload a 10GB model in this speed, it would take ${time10GBMinutes.toFixed(2)} minutes.`;
+
         } else {
           messageDiv.textContent = 'Please select a file to upload';
         }
       }
     </script>
   </body>
-</html>
+</html>