* admin: refactor the table engine page, finish task #98719.

2023-07-26 16:44:05 +08:00
parent 6b82e15b13
commit 964c80366e
3 changed files with 126 additions and 3 deletions
@@ -0,0 +1,64 @@
+var changeFails = 0;
+/**
+ * Change all table engines.
+ *
+ * @access public
+ * @return void
+ */
+function changeAllEngines()
+{
+    $(event.target).hide();
+    var $engineBox = $('#engineBox');
+    $engineBox.empty();
+
+    changeTableEngine();
+}
+
+/**
+ * Ajax change table engine.
+ *
+ * @access public
+ * @return void
+ */
+function changeTableEngine()
+{
+    var $engineBox = $('#engineBox');
+    var link       = $.createLink('admin', 'ajaxChangeTableEngine');
+    $.ajax(
+    {
+        type: "GET",
+        url: link,
+        success: function(response)
+        {
+            response = JSON.parse(response);
+            if(response == null || response.result == 'finished')
+            {
+                $engineBox.append("<div class='flex items-center text-success my-1 pl-5 h-5'><div class='rounded-full success mr-2 w-1 h-1'></div>" + changeFinished + '</div>');
+                $engineBox.append("<div class='flex items-center my-1 pl-8 h-5'><button class='btn mt-2' data-on='click' data-call='loadCurrentPage'>" + refresh + '</button></div>');
+                if(changeFails == 0) $('#mainContent .table-engine').html(allInnoDB);
+                if(changeFails != 0) $('#mainContent .table-engine').html(hasMyISAM.replace('%s', changeFails));
+                $engineBox.children().last().scrollIntoView({block: 'end'});
+            }
+            else
+            {
+                table = response.thisTable;
+                if($engineBox.find('[data-table=' + table + ']').length == 0) $engineBox.append("<div class='flex items-center my-1 pl-5 h-5' data-table='" + table + "'><div class='rounded-full black mr-2 w-1 h-1'></div>" + changingTable.replace('%s', table) + '</div>');
+                $engineBox.find('[data-table=' + table + ']').html("<div class='rounded-full black mr-2 w-1 h-1'></div>" + response.message);
+                if(response.result == 'success') $engineBox.find('[data-table=' + table + ']').addClass('text-success').find('.black').toggleClass('black success');
+                if(response.result == 'fail') $engineBox.find('[data-table=' + table + ']').addClass('text-warning');
+
+                nextTable = response.nextTable;
+                if(nextTable && $engineBox.find('[data-table=' + nextTable + ']').length == 0) $engineBox.append("<div class='flex items-center my-1 pl-5 h-5' data-table='" + nextTable + "'><div class='rounded-full black mr-2 w-1 h-1'></div>" + changingTable.replace('%s', nextTable) + "</div>");
+
+                if(response.result == 'fail') changeFails++;
+                $engineBox.children().last().scrollIntoView({block: 'end'});
+
+                changeTableEngine();
+            }
+        },
+        error: function()
+        {
+            changeTableEngine();
+        }
+    })
+}