leftypol/js/ajax.js

/*
 * ajax.js
 * https://github.com/savetheinternet/Tinyboard/blob/master/js/ajax.js
 *
 * Released under the MIT license
 * Copyright (c) 2013 Michael Save <[email protected]>
 * Copyright (c) 2013-2014 Marcin Łabanowski <[email protected]>
 *
 * 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;

    // Enable submit button if disabled (cache problem)
    $('input[type="submit"]').removeAttr('disabled');
    
    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);

            $(document).trigger("ajax_before_post", formData);

            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) {
                    reloadCaptcha(); // For securimage captcha. TODO doesn't always need reloading
                    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);
                                            // auto-reload.js immediate update on own post
                                            $(document).trigger('own_new_post', this);
                                            // watch.js & auto-reload.js retrigger
                                            setTimeout(function() { $(window).trigger("scroll"); }, 100);
                                        }
                                    });
                                    
                                    highlightReply(post_response.id);
                                    window.location.hash = post_response.id;
                                    $(window).scrollTop($(document).height());
                                    
                                    $(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...'));
                        $(document).trigger("ajax_after_post", post_response);
                        $(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();
                    } 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) {
                    console.log(xhr);
                    alert(_('The server took too long to submit your post. Your post was probably still submitted. If it wasn\'t, we might be experiencing issues right now -- please try your post again later. Error information: ') + "<div><textarea>" + JSON.stringify(xhr) + "</textarea></div>");
                    $(form).find('input[type="submit"]').val(submit_txt);
                    $(form).find('input[type="submit"]').removeAttr('disabled');
                },
                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() {
        $('form#quick-reply').off('submit');
        setup_form($('form#quick-reply'));
    });
});