Sindbad~EG File Manager

var H5P = H5P || {};
H5P.DocumentExportPage = H5P.DocumentExportPage || {};

/**
 * Create Document module
 * @external {jQuery} $ H5P.jQuery
 */
H5P.DocumentExportPage.CreateDocument = (function ($, ExportPage, EventDispatcher) {
  /**
   * Initialize module.
   * @param {Array} inputFields Array of input strings that should be exported
   * @returns {Object} CreateDocument CreateDocument instance
   */
  function CreateDocument(params, title, submitEnabled, inputFields, inputGoals, template) {
    EventDispatcher.call(this);

    this.inputFields = inputFields;
    this.inputGoals = inputGoals;
    this.template = template;

    this.params = params;
    this.title = title;
    this.submitEnabled = submitEnabled;

    this.hasAssessedGoals = this.inputGoals.inputArray.some(function (inputGoalPage) {
      return inputGoalPage.some(function (inputGoal) {
        return inputGoal.goalAnswer() !== -1;
      });
    });

    this.exportableGoalsList = this.createExportableGoalsList();
  }

  // Setting up inheritance
  CreateDocument.prototype = Object.create(EventDispatcher.prototype);
  CreateDocument.prototype.constructor = CreateDocument;

  /**
   * Attach function called by H5P framework to insert H5P content into page.
   *
   * @param {jQuery} $container The container which will be appended to.
   */
  CreateDocument.prototype.attach = function ($container) {
    var self = this;

    var exportString = this.getExportString();
    exportString += this.createGoalsOutput() || '';
    var exportObject = this.getExportObject();
    var exportPage = new ExportPage(this.title,
      exportString,
      this.submitEnabled,
      this.params.submitTextLabel,
      this.params.submitSuccessTextLabel,
      this.params.selectAllTextLabel,
      this.params.exportTextLabel,
      this.template,
      exportObject
    );
    exportPage.getElement().prependTo($container);
    exportPage.focus();

    exportPage.on('closed', function () {
      self.trigger('export-page-closed');
    });

    exportPage.on('submitted', function (event) {
      self.trigger('submitted', event.data);
    });
  };

  /**
   * Create a generic structure holding the goals list, which is used when
   * generating both the HTML and the docx file
   *
   * @returns {Array}
   */
  CreateDocument.prototype.createExportableGoalsList = function () {
    if (this.inputGoals === undefined || !this.inputGoals.inputArray || this.inputGoals.inputArray.length === 0) {
      return;
    }

    const goalsList = [];

    if (this.hasAssessedGoals) {
      this.inputGoals.inputArray.forEach(function (inputGoalPage) {
        inputGoalPage.forEach(function (inputGoal) {
          // Do not include unassessed goals
          if (inputGoal.goalAnswer() === -1) {
            return;
          }
          var goalCategoryExists = false;
          var listIndex = -1;
          goalsList.forEach(function (sortedGoalEntry, entryIndex) {
            if (inputGoal.goalAnswer() === sortedGoalEntry.goalAnswer) {
              listIndex = entryIndex;
              goalCategoryExists = true;
            }
          });
          if (!goalCategoryExists) {
            goalsList.push({label: '', goalArray: [], goalAnswer: inputGoal.goalAnswer()});
            listIndex = goalsList.length - 1;
            if (inputGoal.getTextualAnswer().length) {
              goalsList[listIndex].label = inputGoal.getTextualAnswer();
            }
          }

          if (inputGoal.goalText().length && inputGoal.getTextualAnswer().length) {
            goalsList[listIndex].goalArray.push({text: inputGoal.goalText()});
          }
        });
      });
    }
    else {
      const goals = [];
      this.inputGoals.inputArray.forEach(function (inputGoalPage) {
        inputGoalPage.forEach(function (inputGoal) {
          goals.push({text: inputGoal.goalText()});
        });
      });

      goalsList.push({
        label: '',
        goalArray: goals
      });
    }

    return goalsList;
  };

  /**
   * Generate export object that will be applied to the export template
   * @returns {Object} exportObject Exportable content for filling template
   */
  CreateDocument.prototype.getExportObject = function () {
    var flatInputsList = [];
    this.inputFields.forEach(function (inputFieldPage) {
      if (inputFieldPage.inputArray && inputFieldPage.inputArray.length) {
        var standardPage = {title: '', inputArray: []};
        if (inputFieldPage.title) {
          standardPage.title = inputFieldPage.title;
        }
        inputFieldPage.inputArray.forEach(function (inputField) {
          standardPage.inputArray.push({description: inputField.description, value: inputField.value});
        });
        flatInputsList.push(standardPage);
      }
    });

    var exportObject = {
      title: this.title,
      goalsTitle: this.inputGoals.title,
      flatInputList: flatInputsList,
      sortedGoalsList: this.exportableGoalsList
    };

    return exportObject;
  };

  /**
   * Generate complete html string for export
   * @returns {string} exportString Html string for export
   */
  CreateDocument.prototype.getExportString = function () {
    var self = this;
    var exportString = self.getInputBlocksString();

    return exportString;
  };

  /**
   * Generates html string for input fields
   * @returns {string} inputBlocksString Html string from input fields
   */
  CreateDocument.prototype.getInputBlocksString = function () {
    var inputBlocksString = '<div class="textfields-output">';

    this.inputFields.forEach(function (inputPage) {
      if (inputPage.inputArray && inputPage.inputArray.length && inputPage.title.length) {
        inputBlocksString +=
          '<h2>' + inputPage.title + '</h2>';
      }
      if (inputPage.inputArray && inputPage.inputArray.length) {
        inputPage.inputArray.forEach(function (inputInstance) {
          if (inputInstance) {
            // remove paragraph tags
            inputBlocksString +=
              '<p>' +
                (inputInstance.description ? '<strong>' + inputInstance.description + '</strong>\n' : '') +
                inputInstance.value +
              '</p>';
          }
        });
      }
    });

    inputBlocksString += '</div>';

    return inputBlocksString;
  };

  /**
   * Generates html string for all goals
   * @returns {string} goalsOutputString Html string from all goals
   */
  CreateDocument.prototype.createGoalsOutput = function () {
    if (this.exportableGoalsList === undefined || this.exportableGoalsList.length === 0) {
      return '';
    }

    let output = '<div class="goals-output">';

    if (this.inputGoals.title !== undefined && this.inputGoals.title.length) {
      output += '<h2>' + this.inputGoals.title + '</h2>';
    }

    this.exportableGoalsList.forEach(function (page) {
      if (page.label !== undefined && page.label.length) {
        output += '<p class="category"><strong>' + page.label + ':</strong></p>';
      }
      output += '<ul>';
      page.goalArray.forEach(function (goal) {
        output += '<li>' + goal.text + '</li>';
      });
      output += '</ul>';
    });

    output += '</div>';
    return output;
  };

  return CreateDocument;
}(H5P.jQuery, H5P.ExportPage, H5P.EventDispatcher));