mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-05-06 07:25:22 +02:00
Code Issues Releases Wiki Activity

chore: drop usage of jquery in install and update interfaces (#3797)

Browse Source
This commit is contained in:
Sami Mazouz 2023-04-16 21:12:47 +01:00 committed by GitHub
parent 7a6d477550
commit 4901c586ce
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 52 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
framework/core/views/install/install.php
View File

@ -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>

44
framework/core/views/install/update.php
View File

@ -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>