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

/**
 * AJAX helper for the inline editing a value.
 *
 * This script is automatically included from template core/inplace_editable
 * It registers a click-listener on [data-inplaceeditablelink] link (the "inplace edit" icon),
 * then replaces the displayed value with an input field. On "Enter" it sends a request
 * to web service core_update_inplace_editable, which invokes the specified callback.
 * Any exception thrown by the web service (or callback) is displayed as an error popup.
 *
 * @module     core/inplace_editable
 * @copyright  2016 Marina Glancy
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 * @since      3.1
 */
define(
    ['jquery',
        'core/ajax',
        'core/templates',
        'core/notification',
        'core/str',
        'core/config',
        'core/url',
        'core/form-autocomplete',
        'core/pending',
        'core/local/inplace_editable/events',
    ],
    function($, ajax, templates, notification, str, cfg, url, autocomplete, Pending, Events) {

const removeSpinner = function(element) {
            element.removeClass('updating');
            element.find('img.spinner').hide();
        };

/**
         * Update an inplace editable value.
         *
         * @param {Jquery} mainelement the element to update
         * @param {string} value the new value
         * @param {bool} silent if true the change won't alter the current page focus
         * @fires event:core/inplace_editable:updated
         * @fires event:core/inplace_editable:updateFailed
         */
        const updateValue = function(mainelement, value, silent) {
            var pendingId = [
                mainelement.attr('data-itemid'),
                mainelement.attr('data-component'),
                mainelement.attr('data-itemtype'),
            ].join('-');
            var pendingPromise = new Pending(pendingId);

addSpinner(mainelement);
            ajax.call([{
                methodname: 'core_update_inplace_editable',
                args: {
                    itemid: mainelement.attr('data-itemid'),
                    component: mainelement.attr('data-component'),
                    itemtype: mainelement.attr('data-itemtype'),
                    value: value,
                },
            }])[0]
                .then(function(data) {
                    return templates.render('core/inplace_editable', data)
                        .then(function(html, js) {
                            var oldvalue = mainelement.attr('data-value');
                            var newelement = $(html);
                            templates.replaceNode(mainelement, newelement, js);
                            if (!silent) {
                                newelement.find('[data-inplaceeditablelink]').focus();
                            }

// Trigger updated event on the DOM element.
                            Events.notifyElementUpdated(newelement.get(0), data, oldvalue);

return;
                        });
                })
                .then(function() {
                    return pendingPromise.resolve();
                })
                .fail(function(ex) {
                    removeSpinner(mainelement);
                    M.util.js_complete(pendingId);

// Trigger update failed event on the DOM element.
                    let updateFailedEvent = Events.notifyElementUpdateFailed(mainelement.get(0), ex, value);
                    if (!updateFailedEvent.defaultPrevented) {
                        notification.exception(ex);
                    }
                });
        };

$('body').on('click keypress', '[data-inplaceeditable] [data-inplaceeditablelink]', function(e) {
            if (e.type === 'keypress' && e.keyCode !== 13) {
                return;
            }
            var editingEnabledPromise = new Pending('autocomplete-start-editing');
            e.stopImmediatePropagation();
            e.preventDefault();
            var target = $(this),
                mainelement = target.closest('[data-inplaceeditable]');

var turnEditingOff = function(el) {
                el.find('input').off();
                el.find('select').off();
                el.html(el.attr('data-oldcontent'));
                el.removeAttr('data-oldcontent');
                el.removeClass('inplaceeditingon');
                el.find('[data-inplaceeditablelink]').focus();

// Re-enable any parent draggable attribute.
                el.parents(`[data-inplace-in-draggable="true"]`)
                    .attr('draggable', true)
                    .attr('data-inplace-in-draggable', false);
            };

var turnEditingOffEverywhere = function() {
                // Re-enable any disabled draggable attribute.
                $(`[data-inplace-in-draggable="true"]`)
                    .attr('draggable', true)
                    .attr('data-inplace-in-draggable', false);

$('span.inplaceeditable.inplaceeditingon').each(function() {
                    turnEditingOff($(this));
                });
            };

var turnEditingOnText = function(el) {
                str.get_string('edittitleinstructions').done(function(s) {
                    var instr = $('<span class="editinstructions">' + s + '</span>').
                        attr('id', uniqueId('id_editinstructions_', 20)),
                        inputelement = $('<input type="text"/>').
                            attr('id', uniqueId('id_inplacevalue_', 20)).
                            attr('value', el.attr('data-value')).
                            attr('aria-describedby', instr.attr('id')).
                            addClass('ignoredirty').
                            addClass('form-control'),
                        lbl = $('<label class="accesshide">' + mainelement.attr('data-editlabel') + '</label>').
                            attr('for', inputelement.attr('id'));
                    el.html('').append(instr).append(lbl).append(inputelement);

inputelement.focus();
                    inputelement.select();
                    inputelement.on('keyup keypress focusout', function(e) {
                        if (cfg.behatsiterunning && e.type === 'focusout') {
                            // Behat triggers focusout too often.
                            return;
                        }
                        if (e.type === 'keypress' && e.keyCode === 13) {
                            // We need 'keypress' event for Enter because keyup/keydown would catch Enter that was
                            // pressed in other fields.
                            var val = inputelement.val();
                            turnEditingOff(el);
                            updateValue(el, val);
                        }
                        if ((e.type === 'keyup' && e.keyCode === 27) || e.type === 'focusout') {
                            // We need 'keyup' event for Escape because keypress does not work with Escape.
                            turnEditingOff(el);
                        }
                    });
                });
            };

var turnEditingOnToggle = function(el, newvalue) {
                turnEditingOff(el);
                updateValue(el, newvalue);
            };

var turnEditingOnSelect = function(el, options) {
                var i,
                    inputelement = $('<select></select>').
                        attr('id', uniqueId('id_inplacevalue_', 20)).
                        addClass('custom-select'),
                    lbl = $('<label class="accesshide">' + mainelement.attr('data-editlabel') + '</label>')
                        .attr('for', inputelement.attr('id'));
                for (i in options) {
                    inputelement
                        .append($('<option>')
                            .attr('value', options[i].key)
                            .html(options[i].value));
                }
                inputelement.val(el.attr('data-value'));

el.html('')
                    .append(lbl)
                    .append(inputelement);

inputelement.focus();
                inputelement.select();
                inputelement.on('keyup change focusout', function(e) {
                    if (cfg.behatsiterunning && e.type === 'focusout') {
                        // Behat triggers focusout too often.
                        return;
                    }
                    if (e.type === 'change') {
                        var val = inputelement.val();
                        turnEditingOff(el);
                        updateValue(el, val);
                    }
                    if ((e.type === 'keyup' && e.keyCode === 27) || e.type === 'focusout') {
                        // We need 'keyup' event for Escape because keypress does not work with Escape.
                        turnEditingOff(el);
                    }
                });
            };

var turnEditingOnAutocomplete = function(el, args) {
                var i,
                    inputelement = $('<select></select>').
                        attr('id', uniqueId('id_inplacevalue_', 20)).
                        addClass('form-autocomplete-original-select').
                        addClass('custom-select'),
                    lbl = $('<label class="accesshide">' + mainelement.attr('data-editlabel') + '</label>')
                        .attr('for', inputelement.attr('id')),
                    options = args.options,
                    attributes = args.attributes,
                    saveelement = $('<a href="#"></a>'),
                    cancelelement = $('<a href="#"></a>');

for (i in options) {
                    inputelement
                        .append($('<option>')
                            .attr('value', options[i].key)
                            .html(options[i].value));
                }
                if (attributes.multiple) {
                    inputelement.attr('multiple', 'true');
                }
                inputelement.val(JSON.parse(el.attr('data-value')));

str.get_string('savechanges', 'core').then(function(s) {
                    return templates.renderPix('e/save', 'core', s);
                }).then(function(html) {
                    saveelement.append(html);
                    return;
                }).fail(notification.exception);

str.get_string('cancel', 'core').then(function(s) {
                    return templates.renderPix('e/cancel', 'core', s);
                }).then(function(html) {
                    cancelelement.append(html);
                    return;
                }).fail(notification.exception);

el.html('')
                    .append(lbl)
                    .append(inputelement)
                    .append(saveelement)
                    .append(cancelelement);

inputelement.focus();
                inputelement.select();
                autocomplete.enhance(inputelement,
                    attributes.tags,
                    attributes.ajax,
                    attributes.placeholder,
                    attributes.caseSensitive,
                    attributes.showSuggestions,
                    attributes.noSelectionString)
                    .then(function() {
                        // Focus on the enhanced combobox.
                        el.find('[role=combobox]').focus();
                        // Stop eslint nagging.
                        return;
                    }).fail(notification.exception);

inputelement.on('keyup', function(e) {
                    if ((e.type === 'keyup' && e.keyCode === 27) || e.type === 'focusout') {
                        // We need 'keyup' event for Escape because keypress does not work with Escape.
                        turnEditingOff(el);
                    }
                });
                saveelement.on('click', function(e) {
                    var val = JSON.stringify(inputelement.val());
                    // We need to empty the node to destroy all event handlers etc.
                    inputelement.empty();
                    turnEditingOff(el);
                    updateValue(el, val);
                    e.preventDefault();
                });
                cancelelement.on('click', function(e) {
                    // We need to empty the node to destroy all event handlers etc.
                    inputelement.empty();
                    turnEditingOff(el);
                    e.preventDefault();
                });
            };

var turnEditingOn = function(el) {
                el.addClass('inplaceeditingon');
                el.attr('data-oldcontent', el.html());

var type = el.attr('data-type');
                var options = el.attr('data-options');

// Input text inside draggable elements disable text selection in some browsers.
                // To prevent this we temporally disable any parent draggables.
                el.parents('[draggable="true"]')
                    .attr('data-inplace-in-draggable', true)
                    .attr('draggable', false);

if (type === 'toggle') {
                    turnEditingOnToggle(el, options);
                } else if (type === 'select') {
                    turnEditingOnSelect(el, $.parseJSON(options));
                } else if (type === 'autocomplete') {
                    turnEditingOnAutocomplete(el, $.parseJSON(options));
                } else {
                    turnEditingOnText(el);
                }
            };

// Turn editing on for the current element and register handler for Enter/Esc keys.
            turnEditingOffEverywhere();
            turnEditingOn(mainelement);
            editingEnabledPromise.resolve();

});

return {
            /**
             * Return an object to interact with the current inplace editables at a frontend level.
             *
             * @param {Element} parent the parent element containing a inplace editable
             * @returns {Object|undefined} an object to interact with the inplace element, or undefined
             *                             if no inplace editable is found.
             */
            getInplaceEditable: function(parent) {
                const element = parent.querySelector(`[data-inplaceeditable]`);
                if (!element) {
                    return undefined;
                }
                // Return an object to interact with the inplace editable.
                return {
                    element,
                    /**
                     * Get the value from the inplace editable.
                     *
                     * @returns {string} the current inplace value
                     */
                    getValue: function() {
                        return this.element.dataset.value;
                    },
                    /**
                     * Force a value change.
                     *
                     * @param {string} newvalue the new value
                     * @fires event:core/inplace_editable:updated
                     * @fires event:core/inplace_editable:updateFailed
                     */
                    setValue: function(newvalue) {
                        updateValue($(this.element), newvalue, true);
                    },
                    /**
                     * Return the inplace editable itemid.
                     *
                     * @returns {string} the current itemid
                     */
                    getItemId: function() {
                        return this.element.dataset.itemid;
                    },
                };
            }
        };
    });

X7ROOT File Manager

Editing: inplace_editable.js

Upload File

Create Folder