Proyectos de Subversion Moodle

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

/**

 * unilabel helper for activity picker

 *

 * @author      Andreas Grabs <info@grabs-edv.de>

 * @copyright   2018 onwards Grabs EDV {@link https://www.grabs-edv.de}

 * @license     http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later

 */

import log from 'core/log';

/**

 * Switch the input to a visible activity link.

 *

 * @param {Element} currentinput The url input field which is bound to the picker

 * @param {Element} activitylinksrc The activity element from the picker list to be cloned to the url input

 * @param {String} url

 * @param {Boolean} makedirty Should the from be dirty after switching

 * @param {String} deletestr The delete string for the delete button.

 */

export const switchInput = (currentinput, activitylinksrc, url, makedirty, deletestr) => {

    /**

     * Go recursive through all child elements given from element and apply the callback function.

     *

     * @param {Element} element

     * @param {CallableFunction} callback

     */

    const childrenAll = (element, callback) => {

        for (const child of element.children) {

            childrenAll(child, callback);

        }

        callback(element);

    };

    /**

     * Make the form dirty so the changechecker is aware of.

     *

     * @param {Element} currentinput

     */

    const makeFormDirty = (currentinput) => {

        // To make the moodle form aware of the change, we set the data-initial-value to its original value.

        currentinput.closest('form').dataset.formDirty = true;

    };

    currentinput.value = url;

    currentinput.type = 'hidden';

    currentinput.dataset.initialValue = currentinput.value;

    let activitylink = activitylinksrc.closest('.activitytitle').cloneNode(true); // The new clone might have ids.

    log.debug('Remove all links from clone');

    childrenAll(activitylink, (e) => {

        e.removeAttribute('id'); // Remove all ids.

        if (e.nodeName.toLowerCase() == 'div' && e.classList.contains('unilabel-activity-picker-info')) {

            e.remove();

        }

        if (e.nodeName.toLowerCase() == 'a') {

            e.target = '_blank';

            e.classList.remove('stretched-link');

        }

    });

    activitylink.classList.add('unilabel-input-replacement', 'border-primary', 'rounded');

    let deletelinkcontainer = document.createElement('div');

    let deletelink = document.createElement('a');

    let deleteicon = document.createElement('i');

    deleteicon.classList.add('fa', 'fa-times', 'text-danger');

    deleteicon.dataset.inputid = currentinput.id; // Add data attribute because it often is the click target.

    deleteicon.title = deletestr;

    deletelink.insertAdjacentElement('afterbegin', deleteicon);

    deletelink.classList.add('unilabel-replacement-delete');

    deletelink.href = '#';

    deletelink.dataset.inputid = currentinput.id; // Add the data attribute to find the input field.

    deletelink.title = deletestr;

    deletelinkcontainer.insertAdjacentElement('afterbegin', deletelink);

    activitylink.insertAdjacentElement('beforeend', deletelinkcontainer);

    currentinput.insertAdjacentElement('afterend', activitylink);

    if (makedirty) {

        makeFormDirty(currentinput);

    }

    deletelink.addEventListener('click', (e) => {

        e.preventDefault();

        activitylink.remove();

        let currentinput = document.querySelector('#' + e.target.dataset.inputid);

        currentinput.value = '';

        currentinput.type = 'text';

        currentinput.focus();

        makeFormDirty(currentinput);

    });

};