138 lines
4.4 KiB
JavaScript
138 lines
4.4 KiB
JavaScript
/*
|
|
* ajax.js
|
|
* https://github.com/savetheinternet/Tinyboard/blob/master/js/ajax.js
|
|
*
|
|
* Released under the MIT license
|
|
* Copyright (c) 2013 Michael Save <savetheinternet@tinyboard.org>
|
|
*
|
|
* Usage:
|
|
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
|
* $config['additional_javascript'][] = 'js/ajax.js';
|
|
*
|
|
*/
|
|
|
|
$(window).ready(function() {
|
|
var settings = new script_settings('ajax');
|
|
var do_not_ajax = false;
|
|
|
|
var setup_form = function($form) {
|
|
$form.submit(function() {
|
|
if (do_not_ajax)
|
|
return true;
|
|
var form = this;
|
|
var submit_txt = $(this).find('input[type="submit"]').val();
|
|
if (window.FormData === undefined)
|
|
return true;
|
|
|
|
var formData = new FormData(this);
|
|
formData.append('json_response', '1');
|
|
formData.append('post', submit_txt);
|
|
|
|
var updateProgress = function(e) {
|
|
var percentage;
|
|
if (e.position === undefined) { // Firefox
|
|
percentage = Math.round(e.loaded * 100 / e.total);
|
|
}
|
|
else { // Chrome?
|
|
percentage = Math.round(e.position * 100 / e.total);
|
|
}
|
|
$(form).find('input[type="submit"]').val(_('Posting... (#%)').replace('#', percentage));
|
|
};
|
|
|
|
$.ajax({
|
|
url: this.action,
|
|
type: 'POST',
|
|
xhr: function() {
|
|
var xhr = $.ajaxSettings.xhr();
|
|
if(xhr.upload) {
|
|
xhr.upload.addEventListener('progress', updateProgress, false);
|
|
}
|
|
return xhr;
|
|
},
|
|
success: function(post_response) {
|
|
if (post_response.error) {
|
|
if (post_response.banned) {
|
|
// You are banned. Must post the form normally so the user can see the ban message.
|
|
do_not_ajax = true;
|
|
$(form).find('input[type="submit"]').each(function() {
|
|
var $replacement = $('<input type="hidden">');
|
|
$replacement.attr('name', $(this).attr('name'));
|
|
$replacement.val(submit_txt);
|
|
$(this)
|
|
.after($replacement)
|
|
.replaceWith($('<input type="button">').val(submit_txt));
|
|
});
|
|
$(form).submit();
|
|
} else {
|
|
alert(post_response.error);
|
|
$(form).find('input[type="submit"]').val(submit_txt);
|
|
$(form).find('input[type="submit"]').removeAttr('disabled');
|
|
}
|
|
} else if (post_response.redirect && post_response.id) {
|
|
if (!$(form).find('input[name="thread"]').length
|
|
|| (!settings.get('always_noko_replies', true) && !post_response.noko)) {
|
|
document.location = post_response.redirect;
|
|
} else {
|
|
$.ajax({
|
|
url: document.location,
|
|
success: function(data) {
|
|
$(data).find('div.post.reply').each(function() {
|
|
var id = $(this).attr('id');
|
|
if($('#' + id).length == 0) {
|
|
$(this).insertAfter($('div.post:last').next()).after('<br class="clear">');
|
|
$(document).trigger('new_post', this);
|
|
}
|
|
});
|
|
|
|
highlightReply(post_response.id);
|
|
window.location.hash = post_response.id;
|
|
$(window).scrollTop($('div.post#reply_' + post_response.id).offset().top);
|
|
|
|
$(form).find('input[type="submit"]').val(submit_txt);
|
|
$(form).find('input[type="submit"]').removeAttr('disabled');
|
|
$(form).find('input[name="subject"],input[name="file_url"],\
|
|
textarea[name="body"],input[type="file"]').val('').change();
|
|
},
|
|
cache: false,
|
|
contentType: false,
|
|
processData: false
|
|
}, 'html');
|
|
}
|
|
$(form).find('input[type="submit"]').val(_('Posted...'));
|
|
} else {
|
|
alert(_('An unknown error occured when posting!'));
|
|
$(form).find('input[type="submit"]').val(submit_txt);
|
|
$(form).find('input[type="submit"]').removeAttr('disabled');
|
|
}
|
|
},
|
|
error: function(xhr, status, er) {
|
|
// An error occured
|
|
do_not_ajax = true;
|
|
$(form).find('input[type="submit"]').each(function() {
|
|
var $replacement = $('<input type="hidden">');
|
|
$replacement.attr('name', $(this).attr('name'));
|
|
$replacement.val(submit_txt);
|
|
$(this)
|
|
.after($replacement)
|
|
.replaceWith($('<input type="button">').val(submit_txt));
|
|
});
|
|
$(form).submit();
|
|
},
|
|
data: formData,
|
|
cache: false,
|
|
contentType: false,
|
|
processData: false
|
|
}, 'json');
|
|
|
|
$(form).find('input[type="submit"]').val(_('Posting...'));
|
|
$(form).find('input[type="submit"]').attr('disabled', true);
|
|
|
|
return false;
|
|
});
|
|
};
|
|
setup_form($('form[name="post"]'));
|
|
$(window).on('quick-reply', function() {
|
|
setup_form($('form#quick-reply'));
|
|
});
|
|
});
|