File Manager

X7ROOT File Manager

Current Path: /home/cbholdings/pasukulu/lib/amd/src

home / cbholdings / pasukulu / lib / amd / src /

📁 ..
📄 adapter.js(123.08 KB)
📄 addblockmodal.js(4.4 KB)
📄 ajax.js(11.97 KB)
📄 aria.js(1011 B)
📄 auto_rows.js(3.46 KB)
📄 autoscroll.js(6.49 KB)
📄 backoff_timer.js(4.98 KB)
📄 chart_axis.js(7.39 KB)
📄 chart_bar.js(3.08 KB)
📄 chart_base.js(11.36 KB)
📄 chart_builder.js(1.65 KB)
📄 chart_line.js(2.08 KB)
📄 chart_output.js(1.08 KB)
📄 chart_output_base.js(2.03 KB)
📄 chart_output_chartjs.js(10.86 KB)
📄 chart_output_htmltable.js(3.3 KB)
📄 chart_pie.js(3.03 KB)
📄 chart_series.js(8.35 KB)
📄 chartjs-lazy.js(488.32 KB)
📄 chartjs.js(913 B)
📄 checkbox-toggleall.js(12.78 KB)
📄 config.js(1002 B)
📄 copy_to_clipboard.js(7.39 KB)
📄 custom_interaction_events.js(22.18 KB)
📁 datafilter
📄 datafilter.js(15.28 KB)
📄 dragdrop.js(12.92 KB)
📄 drawer.js(3.49 KB)
📄 drawer_events.js(967 B)
📄 dynamic_tabs.js(6.68 KB)
📄 edit_switch.js(3.45 KB)
📁 emoji
📄 event.js(3.11 KB)
📄 event_dispatcher.js(2.79 KB)
📄 first.js(1.36 KB)
📄 form-autocomplete.js(51.21 KB)
📄 form-cohort-selector.js(2.46 KB)
📄 form-course-selector.js(3.77 KB)
📄 fragment.js(5.03 KB)
📄 fullscreen.js(1.62 KB)
📄 icon_system.js(2.56 KB)
📄 icon_system_fontawesome.js(4.01 KB)
📄 icon_system_standard.js(2.3 KB)
📄 inplace_editable.js(17.25 KB)
📄 key_codes.js(1.34 KB)
📄 loadingicon.js(3.88 KB)
📁 local
📄 localstorage.js(2.08 KB)
📄 log.js(1.74 KB)
📄 loglevel.js(10.63 KB)
📄 menu_navigation.js(9.2 KB)
📄 modal.js(31.18 KB)
📄 modal_backdrop.js(4.46 KB)
📄 modal_cancel.js(1.49 KB)
📄 modal_copy_to_clipboard.js(3.82 KB)
📄 modal_delete_cancel.js(2.22 KB)
📄 modal_events.js(1.35 KB)
📄 modal_factory.js(8.97 KB)
📄 modal_registry.js(2.38 KB)
📄 modal_save_cancel.js(2.21 KB)
📁 moodlenet
📄 moremenu.js(10.3 KB)
📄 mustache.js(28.75 KB)
📄 network.js(9.66 KB)
📄 normalise.js(1.9 KB)
📄 notification.js(11.8 KB)
📄 page_global.js(5.38 KB)
📄 paged_content.js(2.87 KB)
📄 paged_content_events.js(1.17 KB)
📄 paged_content_factory.js(20.93 KB)
📄 paged_content_pages.js(11.75 KB)
📄 paged_content_paging_bar.js(20.36 KB)
📄 paged_content_paging_bar_limit_selector.js(2.36 KB)
📄 paged_content_paging_dropdown.js(7.36 KB)
📄 pending.js(4.48 KB)
📄 permissionmanager.js(9.77 KB)
📄 popover_region_controller.js(13.04 KB)
📄 popper.js(79.2 KB)
📄 prefetch.js(5.85 KB)
📄 process_monitor.js(3.55 KB)
📄 pubsub.js(2.17 KB)
📄 reactive.js(1.38 KB)
📄 scroll_manager.js(5.5 KB)
📄 sessionstorage.js(2.22 KB)
📄 showhidesettings.js(11.82 KB)
📄 sortable_list.js(29.51 KB)
📄 sticky-footer.js(2.58 KB)
📄 storagewrapper.js(5.21 KB)
📄 str.js(7.84 KB)
📄 tag.js(19.84 KB)
📄 templates.js(51.36 KB)
📄 toast.js(3.32 KB)
📄 tooltip.js(4.09 KB)
📄 tree.js(18.39 KB)
📄 truncate.js(6.56 KB)
📄 url.js(3.65 KB)
📄 user_date.js(9.32 KB)
📄 userfeedback.js(2.91 KB)
📄 usermenu.js(5.13 KB)
📄 utility.js(6.15 KB)
📄 utils.js(2.73 KB)
📄 yui.js(1.13 KB)

Editing: menu_navigation.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/>.

/**
 * Keyboard initialization for a given html node.
 *
 * @module     core/menu_navigation
 * @copyright  2021 Moodle
 * @author     Mathew May <mathew.solutions>
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

const SELECTORS = {
    'menuitem': '[role="menuitem"]',
    'tab': '[role="tab"]',
    'dropdowntoggle': '[data-toggle="dropdown"]',
};

let openDropdownNode = null;

/**
 * Small helper function to check if a given node is null or not.
 *
 * @param {HTMLElement|null} item The node that we want to compare.
 * @param {HTMLElement} fallback Either the first node or final node that can be focused on.
 * @return {HTMLElement}
 */
const clickErrorHandler = (item, fallback) => {
    if (item !== null) {
        return item;
    } else {
        return fallback;
    }
};

/**
 * Control classes etc of the selected dropdown item and its' parent <a>
 *
 * @param {HTMLElement} src The node within the dropdown the user selected.
 */
const menuItemHelper = src => {
    let parent;

// Do not apply any actions if the selected dropdown item is explicitly instructing to not display an active state.
    if (src.dataset.disableactive) {
        return;
    }
    // Handling for dropdown escapes.
    // A bulk of the handling is already done by aria.js just add polish.
    if (src.classList.contains('dropdown-item')) {
        parent = src.closest('.dropdown-menu');
        const dropDownToggle = document.getElementById(parent.getAttribute('aria-labelledby'));
        dropDownToggle.classList.add('active');
        dropDownToggle.setAttribute('tabindex', 0);
    } else if (src.matches(`${SELECTORS.tab},${SELECTORS.menuitem}`) && !src.matches(SELECTORS.dropdowntoggle)) {
        parent = src.parentElement.parentElement.querySelector('.dropdown-menu');
    } else {
        return;
    }
    // Remove active class from any other dropdown elements.
    Array.prototype.forEach.call(parent.children, node => {
        const menuItem = node.querySelector(SELECTORS.menuitem);
        if (menuItem !== null) {
            menuItem.classList.remove('active');
            // Remove aria selection state.
            menuItem.removeAttribute('aria-current');
        }
    });
    // Set the applicable element's selection state.
    if (src.getAttribute('role') === 'menuitem') {
        src.setAttribute('aria-current', 'true');
    }
};

/**
 * Defined keyboard event handling so we can remove listeners on nodes on resize etc.
 *
 * @param {event} e The triggering element and key presses etc.
 */
const keyboardListenerEvents = e => {
    const src = e.srcElement;
    const firstNode = e.currentTarget.firstElementChild;
    const lastNode = findUsableLastNode(e.currentTarget);

// Handling for dropdown escapes.
    // A bulk of the handling is already done by aria.js just add polish.
    if (src.classList.contains('dropdown-item')) {
        if (e.key == 'ArrowRight' ||
            e.key == 'ArrowLeft') {
            e.preventDefault();
            if (openDropdownNode !== null) {
                openDropdownNode.parentElement.click();
            }
        }
        if (e.key == ' ' ||
            e.key == 'Enter') {
            e.preventDefault();

menuItemHelper(src);

if (!src.parentElement.classList.contains('dropdown')) {
                src.click();
            }
        }
    } else {
        const rtl = window.right_to_left();
        const arrowNext = rtl ? 'ArrowLeft' : 'ArrowRight';
        const arrowPrevious = rtl ? 'ArrowRight' : 'ArrowLeft';

if (src.getAttribute('role') === 'menuitem') {
            // When not rendered within a dropdown menu, handle keyboard navigation if the element is rendered as a menu item.
            if (e.key == arrowNext) {
                e.preventDefault();
                setFocusNext(src, firstNode);
            }
            if (e.key == arrowPrevious) {
                e.preventDefault();
                setFocusPrev(src, lastNode);
            }
            // Let aria.js handle the dropdowns.
            if (e.key == 'ArrowUp' ||
                e.key == 'ArrowDown') {
                openDropdownNode = src;
                e.preventDefault();
            }
            if (e.key == 'Home') {
                e.preventDefault();
                setFocusHomeEnd(firstNode);
            }
            if (e.key == 'End') {
                e.preventDefault();
                setFocusHomeEnd(lastNode);
            }
        }

if (e.key == ' ' ||
            e.key == 'Enter') {
            e.preventDefault();
            // Aria.js handles dropdowns etc.
            if (!src.parentElement.classList.contains('dropdown')) {
                src.click();
            }
        }
    }
};

/**
 * Defined click event handling so we can remove listeners on nodes on resize etc.
 *
 * @param {event} e The triggering element and key presses etc.
 */
const clickListenerEvents = e => {
    const src = e.srcElement;
    menuItemHelper(src);
};

/**
 * The initial entry point that a given module can pass a HTMLElement.
 *
 * @param {HTMLElement} elementRoot The menu to add handlers upon.
 */
export default elementRoot => {
    // Remove any and all instances of old listeners on the passed element.
    elementRoot.removeEventListener('keydown', keyboardListenerEvents);
    elementRoot.removeEventListener('click', clickListenerEvents);
    // (Re)apply our event listeners to the passed element.
    elementRoot.addEventListener('keydown', keyboardListenerEvents);
    elementRoot.addEventListener('click', clickListenerEvents);
};

/**
 * Handle the focusing to the next element in the dropdown.
 *
 * @param {HTMLElement|null} currentNode The node that we want to take action on.
 * @param {HTMLElement} firstNode The backup node to focus as a last resort.
 */
const setFocusNext = (currentNode, firstNode) => {
    const listElement = currentNode.parentElement;
    const nextListItem = ((el) => {
        do {
            el = el.nextElementSibling;
        } while (el && !el.offsetHeight); // We only work with the visible tabs.
        return el;
    })(listElement);
    const nodeToSelect = clickErrorHandler(nextListItem, firstNode);
    const parent = listElement.parentElement;
    const isTabList = parent.getAttribute('role') === 'tablist';
    const itemSelector = isTabList ? SELECTORS.tab : SELECTORS.menuitem;
    const menuItem = nodeToSelect.querySelector(itemSelector);
    menuItem.focus();
};

/**
 * Handle the focusing to the previous element in the dropdown.
 *
 * @param {HTMLElement|null} currentNode The node that we want to take action on.
 * @param {HTMLElement} lastNode The backup node to focus as a last resort.
 */
const setFocusPrev = (currentNode, lastNode) => {
    const listElement = currentNode.parentElement;
    const nextListItem = ((el) => {
        do {
            el = el.previousElementSibling;
        } while (el && !el.offsetHeight); // We only work with the visible tabs.
        return el;
    })(listElement);
    const nodeToSelect = clickErrorHandler(nextListItem, lastNode);
    const parent = listElement.parentElement;
    const isTabList = parent.getAttribute('role') === 'tablist';
    const itemSelector = isTabList ? SELECTORS.tab : SELECTORS.menuitem;
    const menuItem = nodeToSelect.querySelector(itemSelector);
    menuItem.focus();
};

/**
 * Focus on either the start or end of a nav list.
 *
 * @param {HTMLElement} node The element to focus on.
 */
const setFocusHomeEnd = node => {
    node.querySelector(SELECTORS.menuitem).focus();
};

/**
 * We need to look within the menu to find a last node we can add focus to.
 *
 * @param {HTMLElement} elementRoot Menu to find a final child node within.
 * @return {HTMLElement}
 */
const findUsableLastNode = elementRoot => {
    const lastNode = elementRoot.lastElementChild;

// An example is the more menu existing but hidden on the page for the time being.
    if (!lastNode.classList.contains('d-none')) {
        return elementRoot.lastElementChild;
    } else {
        // Cast the HTMLCollection & reverse it.
        const extractedNodes = Array.prototype.map.call(elementRoot.children, node => {
            return node;
        }).reverse();

// Get rid of any nodes we can not set focus on.
        const nodesToUse = extractedNodes.filter((node => {
            if (!node.classList.contains('d-none')) {
                return node;
            }
        }));

// If we find no elements we can set focus on, fall back to the absolute first element.
        if (nodesToUse.length !== 0) {
            return nodesToUse[0];
        } else {
            return elementRoot.firstElementChild;
        }
    }
};

X7ROOT File Manager

Editing: menu_navigation.js

Upload File

Create Folder