Gecko [ 167.86.127.34 ]

Name	Size	Permission
adapter.js	195.35 KB	-rw-rw-r--
addblockmodal.js	2.56 KB	-rw-rw-r--
ajax.js	7.69 KB	-rw-rw-r--
auto_rows.js	3.35 KB	-rw-rw-r--
backoff_timer.js	5.12 KB	-rw-rw-r--
chart_axis.js	7.43 KB	-rw-rw-r--
chart_bar.js	3.13 KB	-rw-rw-r--
chart_base.js	10.63 KB	-rw-rw-r--
chart_builder.js	1.67 KB	-rw-rw-r--
chart_line.js	2.13 KB	-rw-rw-r--
chart_output.js	1.1 KB	-rw-rw-r--
chart_output_base.js	2.09 KB	-rw-rw-r--
chart_output_chartjs.js	10.79 KB	-rw-rw-r--
chart_output_htmltable.js	3.36 KB	-rw-rw-r--
chart_pie.js	3.09 KB	-rw-rw-r--
chart_series.js	7.88 KB	-rw-rw-r--
chartjs-lazy.js	670.93 KB	-rw-rw-r--
chartjs.js	933 B	-rw-rw-r--
config.js	1.05 KB	-rw-rw-r--
custom_interaction_events.js	16.56 KB	-rw-rw-r--
event.js	3.03 KB	-rw-rw-r--
first.js	1.38 KB	-rw-rw-r--
form-autocomplete.js	40.7 KB	-rw-rw-r--
form-cohort-selector.js	2.56 KB	-rw-rw-r--
form-course-selector.js	3.75 KB	-rw-rw-r--
fragment.js	4.72 KB	-rw-rw-r--
icon_system.js	2.52 KB	-rw-rw-r--
icon_system_fontawesome.js	3.59 KB	-rw-rw-r--
icon_system_standard.js	2.14 KB	-rw-rw-r--
inplace_editable.js	13.18 KB	-rw-rw-r--
key_codes.js	1.32 KB	-rw-rw-r--
localstorage.js	2.1 KB	-rw-rw-r--
log.js	1.76 KB	-rw-rw-r--
loglevel.js	8.99 KB	-rw-rw-r--
modal.js	23.49 KB	-rw-rw-r--
modal_backdrop.js	3.86 KB	-rw-rw-r--
modal_cancel.js	2.57 KB	-rw-rw-r--
modal_confirm.js	1.78 KB	-rw-rw-r--
modal_events.js	1.49 KB	-rw-rw-r--
modal_factory.js	7.64 KB	-rw-rw-r--
modal_registry.js	2.29 KB	-rw-rw-r--
modal_save_cancel.js	3.74 KB	-rw-rw-r--
mustache.js	22.86 KB	-rw-rw-r--
notification.js	9.2 KB	-rw-rw-r--
paged_content_events.js	998 B	-rw-rw-r--
paged_content_factory.js	9.6 KB	-rw-rw-r--
paged_content_pages.js	10.26 KB	-rw-rw-r--
paged_content_paging_bar.js	6.83 KB	-rw-rw-r--
paged_content_paging_dropdown....	7.18 KB	-rw-rw-r--
permissionmanager.js	9.61 KB	-rw-rw-r--
popover_region_controller.js	12.58 KB	-rw-rw-r--
popper.js	79.2 KB	-rw-rw-r--
search-input.js	3.24 KB	-rw-rw-r--
sessionstorage.js	2.24 KB	-rw-rw-r--
storagewrapper.js	5.17 KB	-rw-rw-r--
str.js	7.37 KB	-rw-rw-r--
tag.js	18.12 KB	-rw-rw-r--
templates.js	31.41 KB	-rw-rw-r--
tooltip.js	4.1 KB	-rw-rw-r--
tree.js	17.58 KB	-rw-rw-r--
truncate.js	6.65 KB	-rw-rw-r--
url.js	3.69 KB	-rw-rw-r--
user_date.js	7.47 KB	-rw-rw-r--
yui.js	1.15 KB	-rw-rw-r--

Code Editor : paged_content_paging_dropdown.js

// This file is part of Moodle - http://moodle.org/
//
// Moodle is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Moodle is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.

/**
 * Javascript to manage the paging dropdown control.
 *
 * @module     core/paged_content_paging_dropdown
 * @copyright  2018 Ryan Wyllie <ryan@moodle.com>
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
define(
    [
        'jquery',
        'core/custom_interaction_events',
        'core/paged_content_events'
    ],
    function(
        $,
        CustomEvents,
        PagedContentEvents
    ) {

var SELECTORS = {
        ROOT: '[data-region="paging-dropdown-container"]',
        DROPDOWN_ITEM: '[data-region="dropdown-item"]',
        DROPDOWN_TOGGLE: '[data-region="dropdown-toggle"]',
        ACTIVE_DROPDOWN_ITEM: '[data-region="dropdown-item"].active',
        CARET: '[data-region="caret"]'
    };

/**
     * Get the page number.
     *
     * @param {jquery} item The dropdown item.
     * @returns {int}
     */
    var getPageNumber = function(item) {
        return parseInt(item.attr('data-page-number'), 10);
    };

/**
     * Get all paging dropdown items.
     *
     * @param {jquery} root The root element.
     * @returns {jquery} A jquery object with all items.
     */
    var getAllItems = function(root) {
        return root.find(SELECTORS.DROPDOWN_ITEM);
    };

/**
     * Get all paging dropdown items with lower page numbers than the given
     * dropdown item.
     *
     * @param {jquery} root The root element.
     * @param {jquery} item The dropdown item.
     * @returns {jquery} A jquery object with all items.
     */
    var getPreviousItems = function(root, item) {
        var pageNumber = getPageNumber(item);
        return getAllItems(root).filter(function(index, element) {
            return getPageNumber($(element)) < pageNumber;
        });
    };

/**
     * Get the number of items to be loaded for the dropdown item.
     *
     * @param {jquery} item The dropdown item.
     * @returns {int}
     */
    var getLimit = function(item) {
        return parseInt(item.attr('data-item-count'), 10);
    };

/**
     * Get the offset of items from the start of the itemset for the given
     * dropdown item.
     *
     * @param {jquery} root The root element.
     * @param {jquery} item The dropdown item.
     * @returns {int}
     */
    var getOffset = function(root, item) {
        if (item.attr('data-offset') != undefined) {
            return parseInt(item.attr('data-offset'), 10);
        }

var offset = 0;

getPreviousItems(root, item).each(function(index, prevItem) {
            prevItem = $(prevItem);
            offset += getLimit(prevItem);
        });

item.attr('data-offset', offset);
        return offset;
    };

/**
     * Get the active dropdown item.
     *
     * @param {jquery} root The root element.
     * @returns {jquery} The active dropdown item.
     */
    var getActiveItem = function(root) {
        return root.find(SELECTORS.ACTIVE_DROPDOWN_ITEM);
    };

/**
     * Create the event payload for the list of dropdown items. The event payload
     * is an array of objects with one object per dropdown item.
     *
     * Each payload object contains the page number, limit, and offset for the
     * corresponding dropdown item.
     *
     * For example: If we had 3 dropdown items with incrementing page numbers loading
     * 25 items per page then the generated payload would look like:
     * [
     *      {
     *          pageNumber: 1,
     *          limit: 25,
     *          offset: 0
     *      },
     *      {
     *          pageNumber: 2,
     *          limit: 25,
     *          offset: 25
     *      },
     *      {
     *          pageNumber: 3,
     *          limit: 25,
     *          offset: 50
     *      }
     * ]
     *
     * @param {jquery} root The root element.
     * @param {jquery} items The dropdown items.
     * @returns {object[]} The payload for the event.
     */
    var generateEventPayload = function(root, items) {
        return items.map(function(index, item) {
            item = $(item);
            return {
                pageNumber: getPageNumber(item),
                limit: getLimit(item),
                offset: getOffset(root, item),
            };
        }).get();
    };

/**
     * Add page number attributes to each of the given items. The page numbers
     * start at 1 and increment by 1 for each item, e.g. 1, 2, 3 etc.
     *
     * @param {jquery} items The dropdown items.
     */
    var generatePageNumbers = function(items) {
        items.each(function(index, item) {
            item = $(item);
            item.attr('data-page-number', index + 1);
        });
    };

/**
     * Make the given item active by setting the active class on it and firing
     * the SHOW_PAGES event for the paged content to show the appropriate
     * pages.
     *
     * @param {jquery} root The root element.
     * @param {jquery} item The dropdown item.
     */
    var setActiveItem = function(root, item) {
        var prevItems = getPreviousItems(root, item);
        var allItems = prevItems.add(item);
        var eventPayload = generateEventPayload(root, allItems);
        var toggle = root.find(SELECTORS.DROPDOWN_TOGGLE);
        var caret = toggle.find(SELECTORS.CARET);

getActiveItem(root).removeClass('active');
        item.addClass('active');

// Update the dropdown toggle to show which item is selected.
        toggle.html(item.text());
        // Bootstrap 2 compatibility.
        toggle.append(caret);
        // Fire the event to tell the content to update.
        root.trigger(PagedContentEvents.SHOW_PAGES, [eventPayload]);
    };

/**
     * Initialise the module by firing the SHOW_PAGES event for an existing
     * active page found and setting up the event listener for the user to select
     * new pages.
     *
     * @param {object} root The root element.
     */
    var init = function(root) {
        root = $(root);
        var items = getAllItems(root);
        generatePageNumbers(items);

var activeItem = getActiveItem(root);
        if (activeItem.length) {
            // Fire the first event for the content to make sure it's visible.
            setActiveItem(root, activeItem);
        }

CustomEvents.define(root, [
            CustomEvents.events.activate
        ]);

root.on(CustomEvents.events.activate, SELECTORS.DROPDOWN_ITEM, function(e, data) {
            var item = $(e.target).closest(SELECTORS.DROPDOWN_ITEM);
            setActiveItem(root, item);

data.originalEvent.preventDefault();
        });
    };

return {
        init: init,
        rootSelector: SELECTORS.ROOT,
    };
});

${this.title}

Code Editor : paged_content_paging_dropdown.js