Update index.html

index.html

@@ -40,6 +40,7 @@
             <h2 class="text-2xl font-bold mb-4">Processing...</h2>
             <div id="log" class="bg-gray-100 p-4 rounded-lg h-64 overflow-y-auto mb-4"></div>
             <a id="downloadLink" class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" style="display: none;">Download Converted Model</a>
+            <button id="convertAnotherButton" class="bg-yellow-500 hover:bg-yellow-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" style="display: none;">Convert Another Model</button>
         </div>
     </div>
 
@@ -48,6 +49,7 @@
         const progress = document.getElementById('progress');
         const log = document.getElementById('log');
         const downloadLink = document.getElementById('downloadLink');
+        const convertAnotherButton = document.getElementById('convertAnotherButton');
 
         const socket = io();
 
@@ -62,20 +64,21 @@
                 const url = data.message.split("Download URL: ")[1];
                 downloadLink.href = url;
                 downloadLink.style.display = 'inline-block';
+                convertAnotherButton.style.display = 'inline-block';
             }
         });
 
         form.addEventListener('submit', async (e) => {
             e.preventDefault();
             const formData = new FormData(form);
-            
+
             try {
                 const response = await fetch('/', {
                     method: 'POST',
                     body: formData
                 });
                 const data = await response.json();
-                
+
                 if (data.task_id) {
                     form.style.display = 'none';
                     progress.style.display = 'block';
@@ -91,7 +94,7 @@
                 try {
                     const response = await fetch(`/status/${taskId}`);
                     const data = await response.json();
-                    
+
                     if (data.status === 'completed') {
                         // We don't need to set the download link here anymore
                         // as it's now handled in the socket.on('task_update') function
@@ -103,7 +106,7 @@
                         log.appendChild(errorMsg);
                         break;
                     }
-                    
+
                     await new Promise(resolve => setTimeout(resolve, 5000)); // Poll every 5 seconds
                 } catch (error) {
                     console.error('Error polling status:', error);
@@ -111,6 +114,14 @@
                 }
             }
         }
+
+        convertAnotherButton.addEventListener('click', () => {
+            form.style.display = 'block';
+            progress.style.display = 'none';
+            downloadLink.style.display = 'none';
+            convertAnotherButton.style.display = 'none';
+            log.innerHTML = ''; // Clear the log
+        });
     </script>
 </body>
-</html>
+</html>