boards/static/js/thread.js

function addGalleryPanel() {
    var gallery = $('a[class="thumb"]').clone(true),
        normal = $('.post').clone(true);

    $('.navigation_panel').filter(':first').after(
        '<div class="image-mode-tab" role="radiogroup" aria-label="Image mode2">' +
        '<label><input type="radio" class="image-mode-normal" name="image-mode" value="0" checked="checked"/>'+ gettext('Normal') +'</label>' +
        '<label><input type="radio" class="image-mode-table" name="image-mode" value="1"/>'+ gettext('Gallery') +'</label>' +
        '</div>'
    );

    $('input[name="image-mode"]').change(function() {
        //gallery mode
        if($(this).val() === '1') {
            $('.thread').replaceWith(
                $('<div id="posts-table"></div>').append(gallery)
            );
        }
        //normal mode
        else {
            $('#posts-table').replaceWith(
                $('<div class="thread"></div>').append(normal)
            );
        }
    });
}

function moveCaretToEnd(el) {
        if (typeof el.selectionStart == "number") {
            el.selectionStart = el.selectionEnd = el.value.length;
        } else if (typeof el.createTextRange != "undefined") {
            el.focus();
            var range = el.createTextRange();
            range.collapse(false);
            range.select();
        }
}

function addQuickReply(postId) {
    var textToAdd = '>>' + postId + '\n\n';
    var textAreaId = '#id_text';
    $(textAreaId).val($(textAreaId).val()+ textToAdd);

    var textarea = document.getElementById('id_text');
    $(textAreaId).focus();
    moveCaretToEnd(textarea);

    $("html, body").animate({ scrollTop: $(textAreaId).offset().top }, "slow");
}



$(document).ready(function(){
    addGalleryPanel();
});