Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 1441
Línea 20... Línea 20...
20 
 * @copyright  2015 Damyon Wiese <damyon@moodle.com>
 20 
 * @copyright  2015 Damyon Wiese <damyon@moodle.com>
21 
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 21 
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
22 
 * @since      2.9
 22 
 * @since      2.9
23 
 */
 23 
 */
Línea 24... Línea -...
24 
 
 - 
 
25 
import $ from 'jquery';
 24 
 
26 
import * as Aria from './aria';
 25 
import * as Aria from './aria';
27 
import Bootstrap from './index';
 26 
import * as Bootstrap from './index';
28 
import Pending from 'core/pending';
 27 
import Pending from 'core/pending';
29 
import {DefaultWhitelist} from './bootstrap/tools/sanitizer';
 28 
import {DefaultAllowlist} from './bootstrap/util/sanitizer';
- 
 
 29 
import setupBootstrapPendingChecks from './pending';
Línea 30... Línea 30...
30 
import setupBootstrapPendingChecks from './pending';
 30 
import EventHandler from './bootstrap/dom/event-handler';
31 
 
 31 
 
32 
/**
 32 
/**
33 
 * Rember the last visited tabs.
 33 
 * Rember the last visited tabs.
- 
 
 34 
 */
34 
 */
 35 
const rememberTabs = () => {
35 
const rememberTabs = () => {
 36 
    const tabTriggerList = document.querySelectorAll('a[data-bs-toggle="tab"]');
36 
    $('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
 37 
    [...tabTriggerList].map(tabTriggerEl => tabTriggerEl.addEventListener('shown.bs.tab', (e) => {
37 
        var hash = $(e.target).attr('href');
 38 
        var hash = e.target.getAttribute('href');
38 
        if (history.replaceState) {
 39 
        if (history.replaceState) {
39 
            history.replaceState(null, null, hash);
 40 
            history.replaceState(null, null, hash);
40 
        } else {
 41 
        } else {
41 
            location.hash = hash;
 42 
            location.hash = hash;
42 
        }
 43 
        }
43 
    });
 44 
    }));
44 
    const hash = window.location.hash;
 45 
    const hash = window.location.hash;
45 
    if (hash) {
 46 
    if (hash) {
46 
        const tab = document.querySelector('[role="tablist"] [href="' + hash + '"]');
 47 
        const tab = document.querySelector('[role="tablist"] [href="' + hash + '"]');
Línea 53... Línea 54...
53 
/**
 54 
/**
54 
 * Enable all popovers
 55 
 * Enable all popovers
55 
 *
 56 
 *
56 
 */
 57 
 */
57 
const enablePopovers = () => {
 58 
const enablePopovers = () => {
- 
 
 59 
    const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]');
58 
    $('body').popover({
 60 
    const popoverConfig = {
59 
        container: 'body',
 61 
        container: 'body',
60 
        selector: '[data-toggle="popover"]',
 - 
 
61 
        trigger: 'focus',
 62 
        trigger: 'focus',
62 
        whitelist: Object.assign(DefaultWhitelist, {
 63 
        allowList: Object.assign(DefaultAllowlist, {table: [], thead: [], tbody: [], tr: [], th: [], td: []}),
63 
            table: [],
 64 
    };
- 
 
 65 
    [...popoverTriggerList].map(popoverTriggerEl => new Bootstrap.Popover(popoverTriggerEl, popoverConfig));
- 
 
 66 
 
64 
            thead: [],
 67 
    // Enable dynamically created popovers inside modals.
65 
            tbody: [],
 68 
    document.addEventListener('core/modal:bodyRendered', (e) => {
66 
            tr: [],
 69 
        const modal = e.target;
67 
            th: [],
 70 
        const popoverTriggerList = modal.querySelectorAll('[data-bs-toggle="popover"]');
68 
            td: [],
 71 
        [...popoverTriggerList].map(popoverTriggerEl => new Bootstrap.Popover(popoverTriggerEl, popoverConfig));
69 
        }),
 - 
 
70 
    });
 72 
    });
Línea 71... Línea 73...
71 
 
 73 
 
72 
    document.addEventListener('keydown', e => {
 74 
    document.addEventListener('keydown', e => {
- 
 
 75 
        const popoverTrigger = e.target.closest('[data-bs-toggle="popover"]');
- 
 
 76 
        if (e.key === 'Escape' && popoverTrigger) {
- 
 
 77 
            Bootstrap.Popover.getOrCreateInstance(popoverTrigger).hide();
- 
 
 78 
        }
- 
 
 79 
        if (e.key === 'Enter' && popoverTrigger) {
- 
 
 80 
            Bootstrap.Popover.getOrCreateInstance(popoverTrigger).show();
- 
 
 81 
        }
- 
 
 82 
    });
- 
 
 83 
    document.addEventListener('click', e => {
- 
 
 84 
        const popoverTrigger = e.target.closest('[data-bs-toggle="popover"]');
- 
 
 85 
        if (!popoverTrigger) {
- 
 
 86 
            return;
- 
 
 87 
        }
- 
 
 88 
        const popover = Bootstrap.Popover.getOrCreateInstance(popoverTrigger);
73 
        if (e.key === 'Escape' && e.target.closest('[data-toggle="popover"]')) {
 89 
        if (!popover._isShown()) {
74 
            $(e.target).popover('hide');
 90 
            popover.show();
75 
        }
 91 
        }
76 
    });
 92 
    });
Línea 77... Línea 93...
77 
};
 93 
};
78 
 
 94 
 
79 
/**
 95 
/**
80 
 * Enable tooltips
 96 
 * Enable tooltips
81 
 *
 97 
 *
- 
 
 98 
 */
- 
 
 99 
const enableTooltips = () => {
- 
 
 100 
    const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
82 
 */
 101 
    const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new Bootstrap.Tooltip(tooltipTriggerEl));
83 
const enableTooltips = () => {
 102 
 
84 
    $('body').tooltip({
 103 
    document.addEventListener('keydown', e => {
- 
 
 104 
        if (e.key === 'Escape') {
- 
 
 105 
            tooltipList.forEach(tooltip => {
- 
 
 106 
                tooltip.hide();
85 
        container: 'body',
 107 
            });
86 
        selector: '[data-toggle="tooltip"]',
 108 
        }
Línea -... Línea 109...
- 
 
 109 
    });
- 
 
 110 
};
- 
 
 111 
 
- 
 
 112 
/**
- 
 
 113 
 * Realocate Bootstrap events to the body element.
- 
 
 114 
 *
- 
 
 115 
 * Bootstrap 5 has a unique event handling mechanism that attaches all event handlers at the document level
- 
 
 116 
 * during the capture phase, rather than the usual bubbling phase. As a result, original Bootstrap events
- 
 
 117 
 * cannot be stopped or prevented, since the document is the first node executed in the capture phase.
- 
 
 118 
 * For certain advanced UI elements, such as form autocomplete, it is important to capture key-down events before
- 
 
 119 
 * Bootstrap's handlers to prevent unintended closures of elements. Therefore, we need to change the Bootstrap handler
- 
 
 120 
 * so that it operates one level lower, specifically at the body level.
- 
 
 121 
 */
- 
 
 122 
const realocateBootstrapEvents = () => {
- 
 
 123 
    EventHandler.off(document, 'keydown.bs.dropdown.data-api', '.dropdown-menu', Bootstrap.Dropdown.dataApiKeydownHandler);
87 
    });
 124 
    EventHandler.on(document.body, 'keydown.bs.dropdown.data-api', '.dropdown-menu', Bootstrap.Dropdown.dataApiKeydownHandler);
Línea 88... Línea 125...
88 
};
 125 
};
89 
 
 126 
 
Línea 102... Línea 139...
102 
enablePopovers();
 139 
enablePopovers();
Línea 103... Línea 140...
103 
 
 140 
 
104 
// Enable all tooltips.
 141 
// Enable all tooltips.
Línea 105... Línea -...
105 
enableTooltips();
 - 
 
106 
 
 - 
 
107 
// Disables flipping the dropdowns up or dynamically repositioning them along the Y-axis (based on the viewport)
 - 
 
108 
// to prevent the dropdowns getting hidden behind the navbar or them covering the trigger element.
 - 
 
109 
$.fn.dropdown.Constructor.Default.popperConfig = {
 - 
 
110 
    modifiers: {
 - 
 
111 
        flip: {
 - 
 
112 
            enabled: false,
 - 
 
113 
        },
 - 
 
114 
        storeTopPosition: {
 142 
enableTooltips();
115 
            enabled: true,
 - 
 
116 
            // eslint-disable-next-line no-unused-vars
 - 
 
117 
            fn(data, options) {
 - 
 
118 
                data.storedTop = data.offsets.popper.top;
 - 
 
119 
                return data;
 - 
 
120 
            },
 - 
 
121 
            order: 299
 143 
 
122 
        },
 - 
 
123 
        restoreTopPosition: {
 - 
 
124 
            enabled: true,
 - 
 
125 
            // eslint-disable-next-line no-unused-vars
 - 
 
126 
            fn(data, options) {
 - 
 
127 
                data.offsets.popper.top = data.storedTop;
 - 
 
128 
                return data;
 - 
 
129 
            },
 - 
 
130 
            order: 301
 - 
 
131 
        }
 - 
 
Línea 132... Línea 144...
132 
    },
 144 
// Realocate Bootstrap events to the body element.
Línea 133... Línea 145...
133 
};
 145 
realocateBootstrapEvents();
134 
 
 146