File "form_dual_listboxes.js"

Full Path: /home/magicrsz/public_html/assets/admin/global_assets/js/demo_pages/form_dual_listboxes.js
File size: 3 KB
MIME-type: text/plain
Charset: utf-8

/* ------------------------------------------------------------------------------
 *
 *  # Dual listboxes
 *
 *  Demo JS code for form_dual_listboxes.html page
 *
 * ---------------------------------------------------------------------------- */


// Setup module
// ------------------------------

var DualListboxes = function() {


    //
    // Setup module components
    //

    // Dual listbox
    var _componentDualListbox = function() {
        if (!$().bootstrapDualListbox) {
            console.warn('Warning - duallistbox.min.js is not loaded.');
            return;
        }

        // Basic example
        $('.listbox').bootstrapDualListbox();

        // Multiple selection
        $('.listbox-no-selection').bootstrapDualListbox({
            preserveSelectionOnMove: 'moved',
            moveOnSelect: false
        });

        // Filtered results
        $('.listbox-filtered-results').bootstrapDualListbox({
            nonSelectedListLabel: 'Non-selected',
            selectedListLabel: 'Selected',
            preserveSelectionOnMove: 'moved',
            moveOnSelect: false,
            nonSelectedFilter: 'Biophysics|Econophysics|Geophysics|Thermodynamics'
        });

        // Disable filtering
        $('.listbox-filter-disabled').bootstrapDualListbox({
            showFilterInputs: false
        });

        // Control container height
        $('.listbox-tall').bootstrapDualListbox({
            selectorMinimalHeight: 300
        });

        // Custom text
        $('.listbox-custom-text').bootstrapDualListbox({
            moveOnSelect: false,
            infoText: 'Показать все {0}',
            infoTextFiltered: '<span class="badge bg-warning-400">Отфильтровано</span> {0} из {1}',
            infoTextEmpty: 'Пустой лист',
            filterPlaceHolder: 'Фильтр',
            filterTextClear: 'Показать все'
        });


        //
        // Add options dynamically
        //

        // Initialize
        $('.listbox-dynamic-options').bootstrapDualListbox({
            moveOnSelect: false
        });

        // Add options
        $('.listbox-add').on('click', function(){
            $('.listbox-dynamic-options').append('<option value="apples">Apples</option><option value="oranges" selected>Oranges</option>');
            $('.listbox-dynamic-options').trigger('bootstrapDualListbox.refresh');
        });

        // Add options with clearing highlights
        $('.listbox-add-clear').on('click', function(){
            $('.listbox-dynamic-options').append('<option value="apples">Apples</option><option value="oranges" selected>Oranges</option>');
            $('.listbox-dynamic-options').trigger('bootstrapDualListbox.refresh', true);
        });
    };


    //
    // Return objects assigned to module
    //

    return {
        init: function() {
            _componentDualListbox();
        }
    }
}();


// Initialize module
// ------------------------------

document.addEventListener('DOMContentLoaded', function() {
    DualListboxes.init();
});