SWAMPy

✎ CARVE FLESH

EDITING: h5peditor-fullscreen-bar.js

/* global H5PEditor */
H5PEditor.FullscreenBar = (function ($) {
  function FullscreenBar ($mainForm, library) {

const title = H5PEditor.libraryCache[library] ? H5PEditor.libraryCache[library].title : library;
    const iconId = library.split(' ')[0].split('.')[1].toLowerCase();

let isInFullscreen = false;
    let exitSemiFullscreen;

$mainForm.addClass('h5peditor-form-manager');

// Add fullscreen bar
    const $bar = ns.$('<div/>', {
      'class': 'h5peditor-form-manager-head'
    })

const $breadcrumb = ns.$('<div/>', {
      'class': 'h5peditor-form-manager-breadcrumb',
      appendTo: $bar
    });

const $title = ns.$('<div/>', {
      'class': 'h5peditor-form-manager-title ' + iconId,
      text: title,
      appendTo: $breadcrumb
    });

// Create 'Proceed to save' button
    const proceedButton = createButton('proceed', H5PEditor.t('core', 'proceedButtonLabel'), function () {
      exitSemiFullscreen();
    });

$bar.append(proceedButton);
    $bar.append(fullscreenButton);
    $mainForm.prepend($bar);
  }

/**
   * Helper for creating buttons.
   *
   * @private
   * @param {string} id
   * @param {string} text
   * @param {function} clickHandler
   * @param {string} ariaLabel
   * @return {Element}
   */
  const createButton = function (id, text, clickHandler, ariaLabel) {
    if (ariaLabel === undefined) {
      ariaLabel = text;
    }

const button = document.createElement('button');
    button.setAttribute('type', 'button');
    button.classList.add('h5peditor-form-manager-button');
    button.classList.add('h5peditor-form-manager-' + id);
    button.setAttribute('aria-label', ariaLabel);
    button.addEventListener('click', clickHandler);

// Create special inner filler to avoid focus from pointer devices.
    const content = document.createElement('span');
    content.classList.add('h5peditor-form-manager-button-inner');
    content.innerText = text
    content.tabIndex = -1;
    button.appendChild(content);

return button;
  };

return FullscreenBar;
}(ns.jQuery));

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 h5p-hub-client.js	JS	331.6 KB	2026-02-11 01:44	EDIT
📄 h5peditor-av.js	JS	21.5 KB	2026-02-11 01:44	EDIT
📄 h5peditor-boolean.js	JS	2 KB	2026-02-11 01:44	EDIT
📄 h5peditor-coordinates.js	JS	5.1 KB	2026-02-11 01:44	EDIT
📄 h5peditor-dimensions.js	JS	4.3 KB	2026-02-11 01:44	EDIT
📄 h5peditor-editor.js	JS	18.3 KB	2026-02-11 01:44	EDIT
📄 h5peditor-file-uploader.js	JS	3.7 KB	2026-02-11 01:44	EDIT
📄 h5peditor-file.js	JS	8.5 KB	2026-02-11 01:44	EDIT
📄 h5peditor-form.js	JS	14 KB	2026-02-11 01:44	EDIT
📄 h5peditor-fullscreen-bar.js	JS	2.7 KB	2026-02-11 01:44	EDIT
📄 h5peditor-group.js	JS	10.7 KB	2026-02-11 01:44	EDIT
📄 h5peditor-html.js	JS	20 KB	2026-02-11 01:44	EDIT
📄 h5peditor-image-popup.js	JS	13.9 KB	2026-02-11 01:44	EDIT
📄 h5peditor-image.js	JS	8.1 KB	2026-02-11 01:44	EDIT
📄 h5peditor-init.js	JS	3.7 KB	2026-02-11 01:44	EDIT
📄 h5peditor-library-list-cache.js	JS	3.4 KB	2026-02-11 01:44	EDIT
📄 h5peditor-library-selector.js	JS	10 KB	2026-02-11 01:44	EDIT
📄 h5peditor-library.js	JS	17 KB	2026-02-11 01:44	EDIT
📄 h5peditor-list-editor.js	JS	24.3 KB	2026-02-11 01:44	EDIT
📄 h5peditor-list.js	JS	11.1 KB	2026-02-11 01:44	EDIT
📄 h5peditor-metadata-author-widget.js	JS	3.9 KB	2026-02-11 01:44	EDIT
📄 h5peditor-metadata-changelog-widget.js	JS	7.5 KB	2026-02-11 01:44	EDIT
📄 h5peditor-metadata.js	JS	14.7 KB	2026-02-11 01:44	EDIT
📄 h5peditor-none.js	JS	918 B	2026-02-11 01:44	EDIT
📄 h5peditor-number.js	JS	4.8 KB	2026-02-11 01:44	EDIT
📄 h5peditor-pre-save.js	JS	3.6 KB	2026-02-11 01:44	EDIT
📄 h5peditor-select.js	JS	3.2 KB	2026-02-11 01:44	EDIT
📄 h5peditor-selector-hub.js	JS	7.8 KB	2026-02-11 01:44	EDIT
📄 h5peditor-selector-legacy.js	JS	3.1 KB	2026-02-11 01:44	EDIT
📄 h5peditor-semantic-structure.js	JS	7.4 KB	2026-02-11 01:44	EDIT
📄 h5peditor-text.js	JS	3.2 KB	2026-02-11 01:44	EDIT
📄 h5peditor-textarea.js	JS	2.7 KB	2026-02-11 01:44	EDIT
📄 h5peditor.js	JS	53.6 KB	2026-02-11 01:44	EDIT