VaKeR CYBER ARMY
Logo of a company Server : Apache/2.4.41 (Ubuntu)
System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64
User : www-data ( 33)
PHP Version : 7.4.33
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Directory :  /var/www/html/libs/absol-full/dist/js/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /var/www/html/libs/absol-full/dist/js/mdls__absol-form__js__editor__FormPreview.js
/*** module: node_modules/absol-form/js/editor/FormPreview.js ***/
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FormPreviewTask = FormPreviewTask;
exports.default = void 0;

var _FCore = _interopRequireDefault(require("../core/FCore"));

var _Assembler = _interopRequireDefault(require("../core/Assembler"));

require("../../css/formpreview.css");

var _R = _interopRequireDefault(require("../R"));

var _Dom = _interopRequireDefault(require("absol/src/HTML5/Dom"));

var _BaseEditor = _interopRequireDefault(require("../core/BaseEditor"));

var _FormPreviewCmd = _interopRequireWildcard(require("../cmds/FormPreviewCmd"));

var _FmFragment = require("../core/FmFragment");

var _CMDTool = _interopRequireDefault(require("../fragment/CMDTool"));

var _FLTask = _interopRequireDefault(require("../launcher/controller/FLTask"));

var _OOP = _interopRequireDefault(require("absol/src/HTML5/OOP"));




var _ = _FCore.default._;
var $ = _FCore.default.$;

function FormPreview() {
  _BaseEditor.default.call(this);

  _Assembler.default.call(this);

  this.cmdRunner.assign(_FormPreviewCmd.default);
  this.cmdTool = new _CMDTool.default();
  this.data = null;
  this.dataFlushed = true;
  this.cmdTool.bindWithEditor(this);
}

Object.defineProperties(FormPreview.prototype, Object.getOwnPropertyDescriptors(_BaseEditor.default.prototype));
Object.defineProperties(FormPreview.prototype, Object.getOwnPropertyDescriptors(_Assembler.default.prototype));
FormPreview.prototype.constructor = FormPreview;

FormPreview.prototype.onStart = function () {
  this.cmdTool.start();
};

FormPreview.prototype.onResume = function () {
  this.flushDataToView();
};

FormPreview.prototype.getView = function () {
  if (this.$view) return this.$view;
  var self = this;
  this.$view = _({
    tag: 'bscroller',
    class: 'as-form-preview',
    child: [{
      class: 'as-form-preview-size-setting',
      child: [{
        tag: 'span',
        child: {
          text: 'Size : '
        }
      }, {
        tag: 'input',
        class: 'as-input-width',
        props: {
          type: 'number',
          min: '0'
        },
        on: {
          change: this.ev_sizeInputChange.bind(this)
        }
      }, {
        tag: 'span',
        child: {
          text: ' x '
        }
      }, {
        tag: 'input',
        class: 'as-input-height',
        props: {
          type: 'number',
          min: '0'
        },
        on: {
          change: this.ev_sizeInputChange.bind(this)
        }
      }]
    }, {
      class: 'as-form-preview-content'
    }],
    on: {
      sizechange: this.ev_sizeChange.bind(this)
    }
  });
  this.$content = $('.as-form-preview-content', this.$view);
  this.$widthIp = $('input.as-input-width', this.$view);
  this.$heightIp = $('input.as-input-height', this.$view);
  this.refresh();
  return this.$view;
};

FormPreview.prototype.refresh = function () {
  var data;
  var editor = this.getContext(_R.default.LAYOUT_EDITOR);
  if (editor) data = editor.getData();
  if (data) this.setData(data);
};

FormPreview.prototype.ev_sizeChange = function (event) {
  _Dom.default.updateResizeSystem.bind(_Dom.default);

  var bound = this.$view.getBoundingClientRect();
  var contentBound = (this.$content.children.length > 0 ? this.$content.children[0] : this.$content).getBoundingClientRect();
  this.$content.addStyle({
    width: bound.width + 'px',
    height: bound.height - (contentBound.top - bound.top) + 'px'
  });
};

FormPreview.prototype.flushDataToView = function () {
  if (this.dataFlushed) return;
  this.dataFlushed = true; //TODO: remove older view

  if (!this.data) return;
  this.$content.clearChild();

  if (this.data && this.$view) {
    if (this.previewFrg) {
      this.previewFrg.stop();
      this.previewFrg.destroy();
    }

    this.PreviewClass = (0, _FmFragment.makeFmFragmentClass)({
      tag: 'preview',
      contentViewData: this.data
    });
    this.previewFrg = new this.PreviewClass();
    this.rootComponent = this.previewFrg.view;
    this.$content.addChild(this.rootComponent.domElt);
    this.$widthIp.value = this.rootComponent.getStyle('width', 'px');
    this.$heightIp.value = this.rootComponent.getStyle('height', 'px');
    this.previewFrg.start();
  }
};

FormPreview.prototype.setData = function (data) {
  this.data = data;
  this.data.tracking = "OK";
  this.dataFlushed = false;
  if (this.state == "RUNNING") this.flushDataToView();
};

FormPreview.prototype.getCmdNames = function () {
  return Object.keys(_FormPreviewCmd.default);
};

FormPreview.prototype.getCmdDescriptor = function (name) {
  var res = Object.assign({
    type: 'trigger',
    desc: 'command: ' + name,
    icon: 'span.mdi.mdi-apple-keyboard-command'
  }, _FormPreviewCmd.FormPreviewCmdDescriptors[name]);
  return res;
};

FormPreview.prototype.getCmdGroupTree = function () {
  return ['reload'];
};

FormPreview.prototype.ev_sizeInputChange = function () {
  var width = this.$widthIp.value;
  var height = this.$heightIp.value;

  if (this.rootComponent) {
    this.rootComponent.setStyle('width', width);
    this.rootComponent.setStyle('height', height);
  }
};

FormPreview.prototype.onStop = function () {
  if (this.previewFrg) {
    this.previewFrg.stop();
    this.previewFrg.destroy();
  }
};

var _default = FormPreview;
exports.default = _default;

function FormPreviewTask() {
  _FLTask.default.apply(this, arguments);
}

_OOP.default.mixClass(FormPreviewTask, _FLTask.default);

FormPreviewTask.prototype.MainFragmentClass = FormPreview;

VaKeR 2022