Michael Foster
11 years ago
5 changed files with 119 additions and 2 deletions
@ -0,0 +1,93 @@ |
|||||
|
/* |
||||
|
* 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 setup_form = function($form) { |
||||
|
$form.submit(function() { |
||||
|
var form = this; |
||||
|
var submit_txt = $(this).find('input[type="submit"]').val(); |
||||
|
if (typeof FormData == 'undefined') |
||||
|
return true; |
||||
|
|
||||
|
var formData = new FormData(this); |
||||
|
formData.append('json_response', '1'); |
||||
|
|
||||
|
var updateProgress = function(e) { |
||||
|
$(form).find('input[type="submit"]').val(_('Posting... (#%)').replace('#', Math.round(e.position / e.total * 100))); |
||||
|
}; |
||||
|
|
||||
|
$.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) { |
||||
|
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) { |
||||
|
$.ajax({ |
||||
|
url: post_response.redirect, |
||||
|
success: function(data) { |
||||
|
console.log(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); |
||||
|
document.location = '#' + post_response.id; |
||||
|
|
||||
|
$(form).find('input[type="submit"]').val(submit_txt); |
||||
|
$(form).find('input[type="submit"]').removeAttr('disabled'); |
||||
|
} |
||||
|
}, '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
|
||||
|
// TODO
|
||||
|
console.log('Error'); |
||||
|
}, |
||||
|
// Form data
|
||||
|
data: formData, |
||||
|
cache: false, |
||||
|
contentType: false, |
||||
|
processData: false |
||||
|
}, 'html'); |
||||
|
|
||||
|
$(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(e, quickForm) { |
||||
|
setup_form($('form#quick-reply')); |
||||
|
}); |
||||
|
}); |
Loading…
Reference in new issue