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

/**

 * Tiny H5P Content configuration.

 *

 * @module      tiny_h5p/commands

 * @copyright   2022 Andrew Lyons <andrew@nicols.co.uk>

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

 */

import {getButtonImage} from 'editor_tiny/utils';

import {handleAction} from './ui';

import {getString} from 'core/str';

import {

    component,

    buttonName,

    icon,

} from './common';

import {hasAnyH5PPermission} from './options';

export const getSetup = async() => {

    const [

        buttonText,

        buttonImage,

    ] = await Promise.all([

        getString('buttontitle', component),

        getButtonImage('icon', component),

    ]);

    return (editor) => {

        if (!hasAnyH5PPermission(editor)) {

            return;

        }

        // Register the H5P Icon.

        editor.ui.registry.addIcon(icon, buttonImage.html);

        // Register the Menu Button as a toggle.

        // This means that when highlighted over an existing H5P element it will show as toggled on.

        editor.ui.registry.addToggleButton(buttonName, {

            icon,

            tooltip: buttonText,

            onAction: () => handleAction(editor),

            onSetup: (api) => {

                // Set the button to be active if the current selection matches the h5p formatter registered above during PreInit.

                api.setActive(editor.formatter.match('h5p'));

                const changed = editor.formatter.formatChanged('h5p', (state) => api.setActive(state));

                return () => changed.unbind();

            },

        });

        // Add the H5P Menu Item.

        // This allows it to be added to a standard menu, or a context menu.

        editor.ui.registry.addMenuItem(buttonName, {

            icon,

            text: buttonText,

            onAction: () => handleAction(editor),

        });

    };

};