5641d7e51a
ALSO: Remove fading on dropdown menu click. This is also a bug on the actual upstream, when the cursor leaves the screen the menu disappears but the fading doesn't. This causes things like the menu saying it's open when it's not and closed when open. I'm not dealing with an upstream bug.
40 lines
1.8 KiB
HTML
40 lines
1.8 KiB
HTML
{% if site.repository and site.staticman.branch %}
|
|
<script>
|
|
(function ($) {
|
|
$('#new_comment').submit(function () {
|
|
var form = this;
|
|
|
|
$(form).addClass('disabled');
|
|
$('#comment-form-submit').html('<i class="fas fa-spinner fa-spin fa-fw"></i> {{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}');
|
|
|
|
$.ajax({
|
|
type: $(this).attr('method'),
|
|
url: $(this).attr('action'),
|
|
data: $(this).serialize(),
|
|
contentType: 'application/x-www-form-urlencoded',
|
|
success: function (data) {
|
|
$('#comment-form-submit').html('{{ site.data.ui-text[site.locale].comment_btn_submitted | default: "Submitted" }}');
|
|
$('.page__comments-form .js-notice').removeClass('notice--danger');
|
|
$('.page__comments-form .js-notice').addClass('notice--success');
|
|
showAlert('{{ site.data.ui-text[site.locale].comment_success_msg | default: "Thanks for your comment! It will show on the site once it has been approved." }}');
|
|
},
|
|
error: function (err) {
|
|
console.log(err);
|
|
$('#comment-form-submit').html('{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}');
|
|
$('.page__comments-form .js-notice').removeClass('notice--success');
|
|
$('.page__comments-form .js-notice').addClass('notice--danger');
|
|
showAlert('{{ site.data.ui-text[site.locale].comment_error_msg | default: "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again." }}');
|
|
$(form).removeClass('disabled');
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
function showAlert(message) {
|
|
$('.page__comments-form .js-notice').removeClass('hidden');
|
|
$('.page__comments-form .js-notice-text').html(message);
|
|
}
|
|
})(jQuery);
|
|
</script>
|
|
{% endif %}
|