Proyectos de Subversion Moodle

    'core_filters/events',

    filterEvent

        this.questionDragDropWidthHeight = [];

    /**

     * Change all the drags and drops related to the item that has been changed by filter to correct size and content.

     *

     *  @param {object} filteredElement the element has been modified by filter.

     */

    DragDropOntoImageQuestion.prototype.changeAllDragsAndDropsToFilteredContent = function(filteredElement) {

        let currentFilteredItem = $(filteredElement);

        const parentIsDD = currentFilteredItem.parent().closest('div').hasClass('placed') ||

            currentFilteredItem.parent().hasClass('draghome');

        const isDD = currentFilteredItem.hasClass('placed') || currentFilteredItem.hasClass('draghome');

        // The filtered element or parent element should a drag or drop item.

        if (!parentIsDD && !isDD) {

            return;

        }

        if (parentIsDD) {

            currentFilteredItem = currentFilteredItem.parent().closest('div');

        }

        if (this.getRoot().find(currentFilteredItem).length <= 0) {

            // If the DD item doesn't belong to this question

            // In case we have multiple questions in the same page.

            return;

        }

        const group = this.getGroup(currentFilteredItem),

            choice = this.getChoice(currentFilteredItem);

        let listOfModifiedDragDrop = [];

        // Get the list of drag and drop item within the same group and choice.

        this.getRoot().find('.group' + group + '.choice' + choice).each(function(i, node) {

            // Same modified item, skip it.

            if ($(node).get(0) === currentFilteredItem.get(0)) {

                return;

            }

            const originalClass = $(node).attr('class');

            const originalStyle = $(node).attr('style');

            // We want to keep all the handler and event for filtered item, so using clone is the only choice.

            const filteredDragDropClone = currentFilteredItem.clone();

            // Sometimes, for the question that has a lot of input groups and unlimited draggable items,

            // this 'clone' process takes longer than usual,it will not add the eventHandler for this cloned drag.

            // We need to make sure to add the eventHandler for the cloned drag too.

            questionManager.addEventHandlersToDrag(filteredDragDropClone);

            // Replace the class and style of the drag drop item we want to replace for the clone.

            filteredDragDropClone.attr('class', originalClass);

            filteredDragDropClone.attr('style', originalStyle);

            // Insert into DOM.

            $(node).before(filteredDragDropClone);

            // Add the item has been replaced to a list so we can remove it later.

            listOfModifiedDragDrop.push(node);

        });

        listOfModifiedDragDrop.forEach(function(node) {

            $(node).remove();

        });

        // Save the current height and width.

        const currentHeight = currentFilteredItem.height();

        const currentWidth = currentFilteredItem.width();

        // Set to auto, so we can get the real height and width of the filtered item.

        currentFilteredItem.height('auto');

        currentFilteredItem.width('auto');

        // We need to set display block so we can get height and width.

        // Some browsers can't get the offsetWidth/Height if they are an inline element like span tag.

        if (!filteredElement.offsetWidth || !filteredElement.offsetHeight) {

            filteredElement.classList.add('d-block');

        }

        if (this.questionDragDropWidthHeight[group].maxWidth < Math.ceil(filteredElement.offsetWidth) ||

            this.questionDragDropWidthHeight[group].maxHeight < Math.ceil(0 + filteredElement.offsetHeight)) {

            // Remove the d-block class before calculation.

            filteredElement.classList.remove('d-block');

            // Now resize all the items in the same group if we have new maximum width or height.

            this.resizeAllDragsAndDropsInGroup(group);

        } else {

            // Calculate the top padding.

            const top = Math.floor((this.questionDragDropWidthHeight[group].maxHeight - filteredElement.offsetHeight) / 2);

            // Set top padding so the content of filtered item is center again.

            currentFilteredItem.width(currentWidth).height(currentHeight).css({

                'padding-top': top + 'px',

            });

        }

        // Remove the d-block class after resize.

        filteredElement.classList.remove('d-block');

    };

        thisQ.setupQuestion();

        // Wait for all dynamic content loaded by filter to be completed.

        document.addEventListener(filterEvent.eventTypes.filterContentRenderingComplete, (elements) => {

            elements.detail.nodes.forEach((element) => {

                thisQ.changeAllDragsAndDropsToFilteredContent(element);

            });

        maxHeight += 10;

            if (root.find('.dropzones .dropzone.group' + place.group + '.place' + i).length === 0) {

            }