SWAMPy

✎ CARVE FLESH

EDITING: affc36f440a282898b460b4fda2673fffeb29a3e

/*global ns*/
// Create a new editor widget for boolean fields
ns.widgets.disposableBoolean = (function ($, EventDispatcher) {

/**
   * A special boolean option that only can be used once.
   * Requires confirmation before checking it.
   *
   * @class
   * @param {object} parent
   * @param {object} field
   * @param {boolean} params
   * @param {function} setValue
   */
  function DisposableBoolean(parent, field, params, setValue) {
    var self = this;

// Inherit event support
    EventDispatcher.call(self);

var $element;
    var checked = (params !== undefined && params);
    setValue(field, checked);

// Expose field props
    self.field = field;

/**
     * Build the DOM element string and then create the HTML.
     *
     * @private
     * @returns {H5P.jQuery}
     */
    var createElement = function () {
      var state = checked ? ' checked="checked" disabled="disabled"' : '';
      var content = '<input type="checkbox"' + state + ' />';

$element = $(ns.createBooleanFieldMarkup(field, content));

if (checked) {
        $element.addClass('disabled');
      }

var $input = $element.find('input').on('change', function () {
        const confirmationDialog = new H5P.ConfirmationDialog({
          headerText: H5PEditor.t('H5PEditor.CoursePresentation', 'activeSurfaceWarning'),
          cancelText: H5PEditor.t('H5PEditor.CoursePresentation', 'cancel'),
          confirmText: H5PEditor.t('H5PEditor.CoursePresentation', 'ok'),
        }).appendTo(document.body);

confirmationDialog.show($element.offset().top);

confirmationDialog.on('confirmed', () => {
          checked = $input.is(':checked');
          setValue(field, checked);
          $input.attr('disabled', true);
          $element.addClass('disabled');
          self.trigger('checked');
        });

confirmationDialog.on('canceled', () => {
          $input[0].checked = false;
        });
      });
    };

/**
     * Appends this fields elements to the given container.
     *
     * @param {H5P.jQuery} $container
     */
    self.appendTo = function ($container) {
      if ($element === undefined) {
        createElement();
      }
      $element.appendTo($container);
    };

/**
     * Checks to see if this fields value is valid.
     *
     * @returns {boolean}
     */
    self.validate = function () {
      return true; // Always valid
    };

/**
     * Removes this field from the DOM.
     */
    self.remove = function () {
      $element.detach();
    };
  }

DisposableBoolean.prototype = Object.create(EventDispatcher.prototype);
  DisposableBoolean.prototype.constructor = DisposableBoolean;

return DisposableBoolean;
})(H5P.jQuery, H5P.EventDispatcher);

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 affc36f440a282898b460b4fda2673fffeb29a3e	?	2.7 KB	2026-04-01 13:33	EDIT