/* * ajax.js * https://github.com/savetheinternet/Tinyboard/blob/master/js/ajax.js * * Released under the MIT license * Copyright (c) 2013 Michael Save * * 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('
'); $(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')); }); });