MediaWiki:Vector.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* All JavaScript here will be loaded for users of the Vector skin */

mw.loader.using(['jquery'], function () {

    function addGalleryRow() {
        var $builder = $('#gallery-builder');
        var $row = $builder.find('.gallery-row').first().clone();

        $row.find('input').val('');
        $row.find('.pfImagePreview').remove();

        $builder.append($row);
    }

    $('.add-gallery-row').on('click', function (e) {
        e.preventDefault();
        addGalleryRow();
    });

    $('form').on('submit', function () {
        var gallery = "<gallery>\n";

        $('input[name="gallery_image[]"]').each(function (i) {
            var img = $(this).val();
            var cap = $('input[name="gallery_caption[]"]').eq(i).val();

            if (img) {
                gallery += img + (cap ? "|" + cap : "") + "\n";
            }
        });

        gallery += "</gallery>";

        $('textarea[name="gallery"]').val(gallery);
    });

});