mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-05-06 23:45:39 +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> </div>
</form> </form>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script> <script>
$(function() { document.addEventListener('DOMContentLoaded', function() {
$('form :input:first').select(); document.querySelector('form input').select();
$('form').on('submit', function(e) { document.querySelector('form').addEventListener('submit', function(e) {
e.preventDefault(); e.preventDefault();
var $button = $(this).find('button') var button = this.querySelector('button');
.text('Please Wait...') button.textContent = 'Please Wait...';
.prop('disabled', true); button.disabled = true;
$.post('', $(this).serialize()) fetch('', {
.done(function() { method: 'POST',
window.location.reload(); body: new FormData(this)
}) })
.fail(function(data) { .then(response => {
$('#error').show().text('Something went wrong:\n\n' + data.responseText); 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> </script>

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

@ -17,29 +17,37 @@
</div> </div>
</form> </form>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script> <script>
$(function() { document.addEventListener('DOMContentLoaded', function() {
$('form :input:first').select(); document.querySelector('form input').select();
$('form').on('submit', function(e) { document.querySelector('form').addEventListener('submit', function(e) {
e.preventDefault(); e.preventDefault();
var $button = $(this).find('button') var button = this.querySelector('button');
.text('Please Wait...') button.textContent = 'Please Wait...';
.prop('disabled', true); button.disabled = true;
$.post('', $(this).serialize()) fetch('', {
.done(function() { method: 'POST',
window.location.reload(); body: new FormData(this)
}) })
.fail(function(data) { .then(response => {
$('#error').show().text('Something went wrong:\n\n' + data.responseText); 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> </script>