From 3de6f0cd014f27d992fbe1a02f402803a47a33f3 Mon Sep 17 00:00:00 2001
From: Kyle Huynh <kyle.huynh205@gmail.com>
Date: Mon, 21 Oct 2024 15:20:08 -0400
Subject: [PATCH] Disable Optimize database everytime database is opened Add
 progress loading bar when minting

---
 admin/NoidLib/custom/MysqlArkDB.php |  2 +-
 admin/admin.php                     | 62 +++++++++++++++++++++++++++++
 admin/rest.php                      | 10 ++---
 3 files changed, 68 insertions(+), 6 deletions(-)

diff --git a/admin/NoidLib/custom/MysqlArkDB.php b/admin/NoidLib/custom/MysqlArkDB.php
index 295130f..ebd42b8 100644
--- a/admin/NoidLib/custom/MysqlArkDB.php
+++ b/admin/NoidLib/custom/MysqlArkDB.php
@@ -81,7 +81,7 @@ public function open($name, $mode)
             }
 
             // Optimize the table for better performance.
-            $this->handle->query("OPTIMIZE TABLE `" . $this->db_name . "`");
+            //$this->handle->query("OPTIMIZE TABLE `" . $this->db_name . "`");
 
             return $this->handle;
         }
diff --git a/admin/admin.php b/admin/admin.php
index 12f0357..a2f3888 100644
--- a/admin/admin.php
+++ b/admin/admin.php
@@ -1057,6 +1057,62 @@ function onChangeTerms(value)
                                     </div>
                                     <input type="submit" name="mint" value="Mint" class="btn btn-primary"/>
                                 </form>
+                                 <!-- Modal -->
+                                <div class="modal fade" id="MtingProgressModal" tabindex="-1" aria-labelledby="MtingProgressModalLabel" aria-hidden="true">
+                                    <div class="modal-dialog">
+                                        <div class="modal-content">
+                                            <div class="modal-header">
+                                                <h5 class="modal-title" id="MtingProgressModalLabel">Minting...</h5>
+                                            </div>
+                                            <div class="modal-body">
+                                                <div class="progress">
+                                                    <div id="minting_progress_bar" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <script>
+                                    document.addEventListener('DOMContentLoaded', function() {
+                                     // Get the form, modal, input field, and progress bar
+                                    const mintForm = document.getElementById('form-mint');
+                                    const mintingProgressModalElement = document.getElementById('MtingProgressModal');
+                                    const mintingProgressModal = new bootstrap.Modal(mintingProgressModalElement, {
+                                        backdrop: 'static',
+                                        keyboard: false
+                                    });
+                                    const mintNumberInput = document.getElementById('mint-number');
+                                    const progressBar = document.getElementById('minting_progress_bar');
+
+                                    // Add event listener to the form submit event
+                                    mintForm.addEventListener('submit', function(event) {
+                                        // Show the modal
+                                        mintingProgressModal.show();
+
+                                        // Get the mint number value and convert it to milliseconds
+                                        const mintDuration = parseInt(mintNumberInput.value) * 1000;
+
+                                        // Reset the progress bar
+                                        progressBar.style.width = '0%';
+                                        progressBar.setAttribute('aria-valuenow', '0');
+
+                                        // Update the progress bar over the specified duration
+                                        let startTime = Date.now();
+                                        let interval = setInterval(function() {
+                                            let elapsedTime = Date.now() - startTime;
+                                            let progress = Math.min((elapsedTime / mintDuration) * 100, 100);
+                                            progressBar.style.width = progress + '%';
+                                            progressBar.setAttribute('aria-valuenow', progress);
+
+                                            if (progress >= 100) {
+                                                clearInterval(interval);
+                                                // Hide the modal after the timeout
+                                                //mintingProgressModal.hide();
+                                            }
+                                        }, 100); // Update every 100ms
+                                    });
+                                });
+                                </script>
                             </div>
                             <div class="col-sm-7">
                                 <?php
@@ -1067,13 +1123,19 @@ function onChangeTerms(value)
 
                                     $noid = Database::dbopen($_GET["db"], dbpath(), DatabaseInterface::DB_WRITE);
                                     $contact = time();
+                                    $count = 0;
                                     while ($_POST['mint-number']--) {
                                         $id = NoidArk::mint($noid, $contact);
+                                        $count++;
                                     };
                                     print '
                                     <div class="alert alert-success" role="alert">
                                         Ark IDs have been minted successfully.
                                     </div>
+                                    <script>
+                                        // Update progress bar
+                                        progressBar.setAttribute("aria-valuenow", 100);
+                                    </script>
                                     ';
                                     Database::dbclose($noid);
                                     // redirect to the page.
diff --git a/admin/rest.php b/admin/rest.php
index 713315c..7586d0a 100644
--- a/admin/rest.php
+++ b/admin/rest.php
@@ -88,11 +88,11 @@
       if (isset($_GET['stage']) && $_GET['stage'] == 'upload'){
         // return result status
         echo purging();
-    }
-    else {
-        echo  json_encode("Invalid stage");
-    }
-    break;
+      }
+      else {
+          echo  json_encode("Invalid stage");
+      }
+      break;
     }
     case 'bulkbind': {