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: dynamic_tabs.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/>.

/**
 * Dynamic Tabs UI element with AJAX loading of tabs content
 *
 * @module      core/dynamic_tabs
 * @copyright   2021 David Matamoros <davidmc@moodle.com> based on code from Marina Glancy
 * @license     http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

import $ from 'jquery';
import Templates from 'core/templates';
import {addIconToContainer} from 'core/loadingicon';
import Notification from 'core/notification';
import Pending from 'core/pending';
import {get_strings as getStrings} from 'core/str';
import {getContent} from 'core/local/repository/dynamic_tabs';
import {isAnyWatchedFormDirty, resetAllFormDirtyStates} from 'core_form/changechecker';

const SELECTORS = {
    dynamicTabs: '.dynamictabs',
    activeTab: '.dynamictabs .nav-link.active',
    allActiveTabs: '.dynamictabs .nav-link[data-toggle="tab"]:not(.disabled)',
    tabContent: '.dynamictabs .tab-pane [data-tab-content]',
    tabToggle: 'a[data-toggle="tab"]',
    tabPane: '.dynamictabs .tab-pane',
};

SELECTORS.forTabName = tabName => `.dynamictabs [data-tab-content="${tabName}"]`;
SELECTORS.forTabId = tabName => `.dynamictabs [data-toggle="tab"][href="#${tabName}"]`;

/**
 * Initialises the tabs view on the page (only one tabs view per page is supported)
 */
export const init = () => {
    const tabToggle = $(SELECTORS.tabToggle);

// Listen to click, warn user if they are navigating away with unsaved form changes.
    tabToggle.on('click', (event) => {
        if (!isAnyWatchedFormDirty()) {
            return;
        }

event.preventDefault();
        event.stopPropagation();

getStrings([
            {key: 'changesmade', component: 'moodle'},
            {key: 'changesmadereallygoaway', component: 'moodle'},
            {key: 'confirm', component: 'moodle'},
        ]).then(([strChangesMade, strChangesMadeReally, strConfirm]) =>
            // Reset form dirty state on confirmation, re-trigger the event.
            Notification.confirm(strChangesMade, strChangesMadeReally, strConfirm, null, () => {
                resetAllFormDirtyStates();
                $(event.target).trigger(event.type);
            })
        ).catch(Notification.exception);
    });

// This code listens to Bootstrap events 'show.bs.tab' and 'shown.bs.tab' which is triggered using JQuery and
    // can not be converted yet to native events.
    tabToggle
        .on('show.bs.tab', function() {
            // Clean content from previous tab.
            const previousTabName = getActiveTabName();
            if (previousTabName) {
                const previousTab = document.querySelector(SELECTORS.forTabName(previousTabName));
                previousTab.textContent = '';
            }
        })
        .on('shown.bs.tab', function() {
            const tab = $($(this).attr('href'));
            if (tab.length !== 1) {
                return;
            }
            loadTab(tab.attr('id'));
        });

if (!openTabFromHash()) {
        const tabs = document.querySelector(SELECTORS.allActiveTabs);
        if (tabs) {
            openTab(tabs.getAttribute('aria-controls'));
        } else {
            // We may hide tabs if there is only one available, just load the contents of the first tab.
            const tabPane = document.querySelector(SELECTORS.tabPane);
            if (tabPane) {
                tabPane.classList.add('active', 'show');
                loadTab(tabPane.getAttribute('id'));
            }
        }
    }
};

/**
 * Returns id/name of the currently active tab
 *
 * @return {String|null}
 */
const getActiveTabName = () => {
    const element = document.querySelector(SELECTORS.activeTab);
    return element?.getAttribute('aria-controls') || null;
};

/**
 * Returns the id/name of the first tab
 *
 * @return {String|null}
 */
const getFirstTabName = () => {
    const element = document.querySelector(SELECTORS.tabContent);
    return element?.dataset.tabContent || null;
};

/**
 * Loads contents of a tab using an AJAX request
 *
 * @param {String} tabName
 */
const loadTab = (tabName) => {
    // If tabName is not specified find the active tab, or if is not defined, the first available tab.
    tabName = tabName ?? getActiveTabName() ?? getFirstTabName();
    const tab = document.querySelector(SELECTORS.forTabName(tabName));
    if (!tab) {
        return;
    }

const pendingPromise = new Pending('core/dynamic_tabs:loadTab:' + tabName);

addIconToContainer(tab)
    .then(() => {
        let tabArgs = {...tab.dataset};
        delete tabArgs.tabClass;
        delete tabArgs.tabContent;
        return getContent(tab.dataset.tabClass, JSON.stringify(tabArgs));
    })
    .then(response => Promise.all([
        $.parseHTML(response.javascript, null, true).map(node => node.innerHTML).join("\n"),
        Templates.renderForPromise(response.template, JSON.parse(response.content)),
    ]))
    .then(([responseJs, {html, js}]) => Templates.replaceNodeContents(tab, html, js + responseJs))
    .then(() => pendingPromise.resolve())
    .catch(Notification.exception);
};

/**
 * Return the tab given the tab name
 *
 * @param {String} tabName
 * @return {HTMLElement}
 */
const getTab = (tabName) => {
    return document.querySelector(SELECTORS.forTabId(tabName));
};

/**
 * Return the tab pane given the tab name
 *
 * @param {String} tabName
 * @return {HTMLElement}
 */
const getTabPane = (tabName) => {
    return document.getElementById(tabName);
};

/**
 * Open the tab on page load. If this script loads before theme_boost/tab we need to open tab ourselves
 *
 * @param {String} tabName
 * @return {Boolean}
 */
const openTab = (tabName) => {
    const tab = getTab(tabName);
    if (!tab) {
        return false;
    }

loadTab(tabName);
    tab.classList.add('active');
    getTabPane(tabName).classList.add('active', 'show');
    return true;
};

/**
 * If there is a location hash that is the same as the tab name - open this tab.
 *
 * @return {Boolean}
 */
const openTabFromHash = () => {
    const hash = document.location.hash;
    if (hash.match(/^#\w+$/g)) {
        return openTab(hash.replace(/^#/g, ''));
    }

return false;
};

X7ROOT File Manager

Editing: dynamic_tabs.js

Upload File

Create Folder