jsharmony-cms/clientjs/component/editors/propertyEditor_form.js

jsHarmony CMS

/*
Copyright 2020 apHarmony

This file is part of jsHarmony.

jsHarmony is free software: you can redistribute it and/or modify
it under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

jsHarmony 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 Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License
along with this package.  If not, see <http://www.gnu.org/licenses/>.
*/

var _ = require('lodash');
var FormDialog = require('../dialogs/formDialog');

/** @typedef {import('../componentModel/componentTemplate').ComponentTemplate} ComponentTemplate */

/**
 * @class
 * @param {ComponentTemplate} componentTemplate
 * @param {Object} cms
 * @param {Object} jsh
 */
function PropertyEditor_Form(componentTemplate, cms, jsh) {

  /** @private @type {ComponentTemplate} */
  this._componentTemplate = componentTemplate;

  /** @private @type {Object} */
  this._cms = cms;

  /** @private @type {Object} */
  this._jsh = jsh;
}

/**
 * Open the editor
 * @public
 * @param {Object} properties - the component's configured properties
 * @param {Function} onAcceptCb - Called if the data is updated. Arg0 is updated data.
 */
PropertyEditor_Form.prototype.open = function(properties, onAcceptCb) {

  var _this = this;
  var modelTemplate = this._componentTemplate.getPropertiesModelTemplate_Form();
  var model = modelTemplate.getModelInstance();

  var data = modelTemplate.populateDataInstance(properties || {});

  /** @type {import('../dialogs/formDialog').FormDialogConfig} */
  var dialogParams = {
    acceptButtonLabel: 'OK',
    cancelButtonLabel:  'Cancel',
    closeOnBackdropClick: true,
    cssClass: 'jsharmony_cms_component_dialog jsharmony_cms_component_dialog_form jsharmony_cms_component_propertyFormEditor jsharmony_cms_component_propertyFormEditor_' + this._componentTemplate.getTemplateId(),
    dialogId: model.id
  };

  if(model.popup){
    dialogParams.minHeight = model.popup[1];
    dialogParams.minWidth = model.popup[0];
  }

  var dialog = new FormDialog(this._jsh, this._cms, model, dialogParams);

  dialog.onAccept = function($dialog, xmodel) {
    if(!xmodel.controller.Commit(data, 'U')) return false;
    data = modelTemplate.makePristineCopy(data);
    if (_.isFunction(onAcceptCb)) onAcceptCb(data);
    return true;
  };

  dialog.onCancel = function(options, $dialog, xmodel) {
    if (!options.force && xmodel.controller.HasUpdates()) {
      _this._jsh.XExt.Confirm('Close without saving changes?', function() {
        xmodel.controller.form.ResetDataset();
        options.forceCancel();
      });
      return false;
    }
  };

  dialog.onClose = function($dialog, xmodel) {
    //Destroy model
    if (xmodel.controller && xmodel.controller.OnDestroy) xmodel.controller.OnDestroy();
    if (typeof xmodel.ondestroy != 'undefined') xmodel.ondestroy(xmodel);

    delete _this._jsh.XModels[xmodel.id];
    delete _this._jsh.App[xmodel.id];
  };

  dialog.open(data);
};

exports = module.exports = PropertyEditor_Form;