Proyectos de Subversion Moodle

/**
 * Handles filtering of items on download center page
 *
 * @module        local_downloadcenter/modfilter
 * @author        Simeon Naydenov (moniNaydenov@gmail.com)
 * @copyright     2022 Academic Moodle Cooperation {@link http://www.academic-moodle-cooperation.org}
 * @license       http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

/**
 * @module local_downloadcenter/modfilter
 */
define(['jquery', 'core/str', 'core/url'], function($, Str, url) {

    const ModFilter = function(modnames) {

        const instance = this;
        this.modnames = modnames;
        this.strings = {};
        this.formid = null;
        this.currentlyshown = false;
        this.modlist = null;

        Str.get_strings([
            {key: 'all', component: 'moodle'},
            {key: 'none', component: 'moodle'},
            {key: 'select', component: 'moodle'},
            {key: 'showtypes', component: 'backup'},
            {key: 'hidetypes', component: 'backup'}
        ]).done(function(strs) {
            // Init strings.. new moodle super cool way...
            instance.strings['all'] = strs[0];
            instance.strings['none'] = strs[1];
            instance.strings['select'] = strs[2];
            instance.strings['showtypes'] = strs[3];
            instance.strings['hidetypes'] = strs[4];

            const firstsection = $('div[role="main"] > form .card.block').first();
            instance.formid = firstsection.closest('form').prop('id');

            // Add global select all/none options.
            const showTypeOptionsLink = '<span class="font-weight-bold ml-3 text-nowrap">' +
                '(<a id="downloadcenter-bytype" href="#">' + instance.strings['showtypes'] + '</a>)' + '</span>';
            let html = instance.html_generator('included', instance.strings['select']);
            let links = $(document.createElement('div'));
            links.addClass('grouped_settings section_level block card');
            links.html(html);
            links.find('.downloadcenter_selector .col-md-9').append(showTypeOptionsLink);

            links.insertBefore(firstsection);

            // For each module type on the course, add hidden select all/none options.
            instance.modlist = $(document.createElement('div'));
            instance.modlist.prop('id', 'mod_select_links');
            instance.modlist.prop('class', 'm-l-2');
            instance.modlist.appendTo(links);
            instance.modlist.hide();

            for (let mod in instance.modnames) {
                // Only include actual values from the list..
                if (!instance.modnames.hasOwnProperty(mod)) {
                    continue;
                }

                const img = '<img src="' + url.imageUrl('icon', 'mod_' + mod) + '" class="activityicon" />';
                html = instance.html_generator('mod_' + mod, img + instance.modnames[mod]);
                const modlinks = $(document.createElement('div'));
                modlinks.addClass('grouped_settings section_level');
                modlinks.html(html);
                modlinks.appendTo(instance.modlist);
                instance.initlinks(modlinks, mod);
            }

            // Attach events to links!
            $('#downloadcenter-all-included').click(function(e) { instance.helper(e, true,  'item_'); });
            $('#downloadcenter-none-included').click(function(e) { instance.helper(e, false, 'item_'); });
            $('#downloadcenter-bytype').click(function(e) { e.preventDefault(); instance.toggletypes(); });
            // Attach event to checkboxes!
            $('input.form-check-input').click(function() { instance.checkboxhandler($(this)); instance.updateFormState(); });
        });

    };

    ModFilter.prototype.checkboxhandler = function($checkbox) {
        const prefix = 'item_topic';
        const shortprefix = 'item_';
        const name = $checkbox.prop('name');
        const checked = $checkbox.prop('checked');
        if (name.substring(0, shortprefix.length) === shortprefix) {
            const $parent = $checkbox.parentsUntil('form', '.card');
            if (name.substring(0, prefix.length) === prefix) {
                $parent.find('input.form-check-input').prop('checked', checked);
            } else {
                if (checked) {
                    $parent.find('input.form-check-input[name^="item_topic"]').prop('checked', true);
                }
            }
        }
    };

    ModFilter.prototype.updateFormState = function() {
        // At this point, we really need to persuade the form we are part of to
        // update all of its disabledIf rules. However, as far as I can see,
        // given the way that lib/form/form.js is written, that is impossible.
        if (this.formid && M.form && M.form.updateFormState) {
            M.form.updateFormState(this.formid);
        }
    };

    // Toggles the display of the hidden module select all/none links.
    ModFilter.prototype.toggletypes = function() {
        // Change text of type toggle link.
        const link = $('#downloadcenter-bytype');
        if (this.currentlyshown) {
            link.text(this.strings['showtypes']);
        } else {
            link.text(this.strings['hidetypes']);
        }
        this.modlist.animate({height: 'toggle' }, 500, 'swing');

        this.currentlyshown = !this.currentlyshown;

    };

    ModFilter.prototype.initlinks = function(links, mod) {
        const instance = this;
        $('#downloadcenter-all-mod_' + mod).click(function(e) { instance.helper(e, true, 'item_', mod); });
        $('#downloadcenter-none-mod_' + mod).click(function(e) { instance.helper(e, false, 'item_', mod); });

    };

    ModFilter.prototype.helper = function(e, check, type, mod) {
        e.preventDefault();
        let prefix = '';
        if (typeof mod !== 'undefined') {
            prefix = 'item_' + mod + '_';
        }

        const len = type.length;

        $('input[type="checkbox"]').each(function(i, checkbox) {
            checkbox = $(checkbox);
            const name = checkbox.prop('name');

            // If a prefix has been set, ignore checkboxes which don't have that prefix.
            if (prefix && name.substring(0, prefix.length) !== prefix) {
                return;
            }
            if (name.substring(0, len) === type) {
                checkbox.prop('checked', check);
            }
            if (check) {
                checkbox.closest('.card.block').find('.form-group:first-child input').prop('checked', check);
            }
        });

        this.updateFormState();
    };

    ModFilter.prototype.html_generator = function(idtype, heading) {
        let links = '<a id="downloadcenter-all-' + idtype + '" href="#">' + this.strings['all'] + '</a> / ';
        links += '<a id="downloadcenter-none-' + idtype + '" href="#">' + this.strings['none'] + '</a>';
        return this.row_generator(heading, links);
    };

    ModFilter.prototype.row_generator = function(heading, content) {
        let ret = '<div class="form-group row fitem downloadcenter_selector">';
        ret += '<div class="col-md-3"></div>';
        ret += '<div class="col-md-9">';
        ret += '<label><span class="itemtitle">' + heading + '</span></label>';
        ret += '<span class="text-nowrap">' + content + '</span>';
        ret += '</div>';
        ret += '</div>';
        return ret;
    };

    return {
        init: function(modnames) {
            return new ModFilter(modnames);
        }
    };
});