From 4901c586ce45b3baa729ae40ce38b798676ee407 Mon Sep 17 00:00:00 2001
From: Sami Mazouz <sychocouldy@gmail.com>
Date: Sun, 16 Apr 2023 21:12:47 +0100
Subject: [PATCH] chore: drop usage of jquery in `install` and `update`
 interfaces (#3797)

---
 framework/core/views/install/install.php | 44 ++++++++++++++----------
 framework/core/views/install/update.php  | 44 ++++++++++++++----------
 2 files changed, 52 insertions(+), 36 deletions(-)

diff --git a/framework/core/views/install/install.php b/framework/core/views/install/install.php
index 3a00bd614..dd7a94c19 100644
--- a/framework/core/views/install/install.php
+++ b/framework/core/views/install/install.php
@@ -66,29 +66,37 @@
   </div>
 </form>
 
-<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 <script>
-$(function() {
-  $('form :input:first').select();
+  document.addEventListener('DOMContentLoaded', function() {
+    document.querySelector('form input').select();
 
-  $('form').on('submit', function(e) {
-    e.preventDefault();
+    document.querySelector('form').addEventListener('submit', function(e) {
+      e.preventDefault();
 
-    var $button = $(this).find('button')
-      .text('Please Wait...')
-      .prop('disabled', true);
+      var button = this.querySelector('button');
+      button.textContent = 'Please Wait...';
+      button.disabled = true;
 
-    $.post('', $(this).serialize())
-      .done(function() {
-        window.location.reload();
+      fetch('', {
+        method: 'POST',
+        body: new FormData(this)
       })
-      .fail(function(data) {
-        $('#error').show().text('Something went wrong:\n\n' + data.responseText);
+        .then(response => {
+          if (response.ok) {
+            window.location.reload();
+          } else {
+            response.text().then(errorMessage => {
+              var error = document.querySelector('#error');
+              error.style.display = 'block';
+              error.textContent = 'Something went wrong:\n\n' + errorMessage;
+              button.disabled = false;
+              button.textContent = 'Install Flarum';
+            });
+          }
+        });
 
-        $button.prop('disabled', false).text('Install Flarum');
-      });
-
-    return false;
+      return false;
+    });
   });
-});
 </script>
+
diff --git a/framework/core/views/install/update.php b/framework/core/views/install/update.php
index 6cca8c1a5..da502caf8 100644
--- a/framework/core/views/install/update.php
+++ b/framework/core/views/install/update.php
@@ -17,29 +17,37 @@
   </div>
 </form>
 
-<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 <script>
-$(function() {
-  $('form :input:first').select();
+  document.addEventListener('DOMContentLoaded', function() {
+    document.querySelector('form input').select();
 
-  $('form').on('submit', function(e) {
-    e.preventDefault();
+    document.querySelector('form').addEventListener('submit', function(e) {
+      e.preventDefault();
 
-    var $button = $(this).find('button')
-      .text('Please Wait...')
-      .prop('disabled', true);
+      var button = this.querySelector('button');
+      button.textContent = 'Please Wait...';
+      button.disabled = true;
 
-    $.post('', $(this).serialize())
-      .done(function() {
-        window.location.reload();
+      fetch('', {
+        method: 'POST',
+        body: new FormData(this)
       })
-      .fail(function(data) {
-        $('#error').show().text('Something went wrong:\n\n' + data.responseText);
+        .then(response => {
+          if (response.ok) {
+            window.location.reload();
+          } else {
+            response.text().then(errorMessage => {
+              var error = document.querySelector('#error');
+              error.style.display = 'block';
+              error.textContent = 'Something went wrong:\n\n' + errorMessage;
+              button.disabled = false;
+              button.textContent = 'Update Flarum';
+            });
+          }
+        });
 
-        $button.prop('disabled', false).text('Update Flarum');
-      });
-
-    return false;
+      return false;
+    });
   });
-});
 </script>
+