boards/static/js/thread.js

/*
 @licstart  The following is the entire license notice for the
 JavaScript code in this page.


 Copyright (C) 2013  neko259

 The JavaScript code in this page is free software: you can
 redistribute it and/or modify it under the terms of the GNU
 General Public License (GNU GPL) as published by the Free Software
 Foundation, either version 3 of the License, or (at your option)
 any later version.  The code is distributed WITHOUT ANY WARRANTY;
 without even the implied warranty of MERCHANTABILITY or FITNESS
 FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.

 As additional permission under GNU GPL version 3 section 7, you
 may distribute non-source (e.g., minimized or compacted) forms of
 that code without the copy of the GNU GPL normally required by
 section 4, provided you include this license notice and a URL
 through which recipients can access the Corresponding Source.

 @licend  The above is the entire license notice
 for the JavaScript code in this page.
 */

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();
});