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 ]

/*** module: node_modules/pizo/js/component/HelpContainer.js ***/
"use strict";

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

var _BaseView = _interopRequireDefault(require("../component/BaseView"));

var _Fragment = _interopRequireDefault(require("absol/src/AppPattern/Fragment"));

var _CMDRunner = _interopRequireDefault(require("absol/src/AppPattern/CMDRunner"));

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

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

var _Fcore = _interopRequireDefault(require("../dom/Fcore"));

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

var _ModuleDatabase = _interopRequireDefault(require("../component/ModuleDatabase"));

var _ModuleView = require("./ModuleView");


var _ = _Fcore.default._;
var $ = _Fcore.default.$;

function HelpContainer() {
  _BaseView.default.call(this);

  _Fragment.default.call(this);

  this.cmdRunner = new _CMDRunner.default(this);
  this.loadConfig();
  if (this.$view) return this.$view;
  var self = this;

  var input = _({
    tag: "input",
    class: "input-search-list",
    props: {
      type: "text",
      placeholder: "Tìm kiếm"
    }
  });

  _ModuleDatabase.default.getModule("helps").load({
    ORDERING: "parent_id , ordering"
  }).then(function (value) {
    var header = [{
      value: "Title",
      sort: true,
      functionClickAll: this.$view.functionClickDetail.bind(this.$view),
      style: {
        minWidth: "unset !important"
      }
    }];
    this.$view.mTable = new _ModuleView.tableView(header, this.$view.formatDataRow(value), false, true, 0);
    this.$view.mTable.addInputSearch(input);
    this.$view.mTable.headerTable.style.display = "none";
    mTable.parentNode.replaceChild(this.$view.mTable, mTable);
    self.$view.checkAlias = _ModuleDatabase.default.getModule("helps").getLibary("alias");
    this.$view.firstChildClick();
    var x = setInterval(function () {
      if (window.exttask) {
        if (self.$view.checkAlias[window.exttask]) {
          if (window.exttask) {
            var temp = document.getElementById("x86" + self.$view.checkAlias[window.exttask].id);
            window.addHref = window.exttask;

            if (temp) {
              temp.click();
              temp.scrollIntoView({
                behavior: "smooth",
                block: "center",
                inline: "center"
              });
              clearInterval(x);
            }
          }
        }
      }
    }, 80);
    setTimeout(function () {
      clearInterval(x);
    }, 5000);
  }.bind(this));

  var mTable = _({
    tag: "div"
  });

  var tabContainer = _({
    tag: "div",
    class: "header-display-visible",
    child: [{
      tag: "div",
      class: "js-stools-container-bar",
      child: [{
        tag: "div",
        class: ["absol-tabbar-button", "absol-tabbar-button-active"],
        child: [{
          tag: "div",
          class: "absol-tabbar-button-text",
          props: {
            innerHTML: "Danh mục"
          }
        }]
      }, {
        tag: "div",
        class: ["btn-wrapper", "input-append"],
        child: [input]
      }]
    }, mTable]
  });

  this.$view = _({
    tag: "div",
    class: ["b-workZone__layout", "b-workZone__layout_helpcontainer_view"],
    child: [{
      tag: "div",
      class: ["b-workZone__side", "m-workZone__side__nav"],
      child: [{
        tag: "div",
        class: ["b-workZone__content", "m-workZone__content__nav"],
        props: {
          id: "workZone_nav"
        },
        child: [{
          tag: "div",
          class: "absol-tab-frame-small",
          child: [tabContainer]
        }]
      }]
    }]
  });

  var containerView = _({
    tag: "div",
    class: ["cke_editable", "cke_editable_themed", "cke_contents_ltr", "cke_show_borders"],
    props: {
      contenteditable: true,
      spellcheck: false
    }
  });

  var location = _({
    tag: "span",
    class: "b-breadCrumbs__location_content"
  });

  var title = _({
    tag: "li",
    class: "b-breadCrumbs__item",
    props: {
      innerHTML: "Introduction"
    }
  });

  this.$view.addChild(_({
    tag: "div",
    class: ["b-workZone__side", "m-workZone__side__article"],
    props: {
      id: "workZone_article"
    },
    child: [{
      tag: "div",
      class: "b-workZone__content",
      props: {
        id: "workZone_article__content"
      },
      child: [{
        tag: "div",
        class: "b-article",
        child: [{
          tag: "div",
          class: "b-article__headerLayout",
          props: {
            id: "article__header"
          },
          child: [{
            tag: "div",
            class: ["b-article__headerSide", "m-article__headerSide__nav"],
            props: {
              id: "headerSide__nav"
            },
            child: [{
              tag: "ul",
              class: "b-breadCrumbs__items",
              child: [title]
            }, {
              tag: "div",
              class: "b-breadCrumbs__location",
              child: [{
                tag: "span",
                class: "b-breadCrumbs__location_title",
                props: {
                  innerHTML: "Bạn ở đây "
                }
              }, location]
            }]
          }, {
            tag: "div",
            class: ["b-article__headerSide", "m-article__headerSide__buttons"],
            props: {
              id: "headerSide__buttons"
            },
            child: [{
              tag: "ul",
              class: "b-controlButtons__items",
              child: [{
                tag: "li",
                class: ["b-controlButtons__item", "m-controlButtons__item__print"],
                on: {
                  click: function () {
                    _Dom.default.printElement(self.$view.containerView.parentNode);
                  }
                },
                child: [{
                  tag: "i",
                  class: "material-icons",
                  props: {
                    innerHTML: "print"
                  }
                }]
              }]
            }]
          }]
        }, {
          tag: "div",
          class: "container-content-information",
          child: [containerView]
        }, {
          tag: "div",
          class: "container-content-information-bottom",
          child: [{
            tag: "li",
            class: ["b-controlButtons__item", "m-controlButtons__item__prev"],
            on: {
              click: function () {
                if (self.$view.mTable) {
                  var arr = self.$view.mTable.getElementsByClassName("choice-event-category");

                  if (arr.length > 0) {
                    arr = arr[0];
                    arr = self.$view.mTable.getElementPrevVisiale(arr);
                    if (arr) arr.childNodes[0].click();
                  }
                }
              }
            },
            child: [{
              tag: "i",
              class: "material-icons",
              props: {
                innerHTML: "arrow_back"
              }
            }, {
              tag: "span",
              class: "b-controlButtons__link_text",
              props: {
                innerHTML: " Trang trước"
              }
            }]
          }, {
            tag: "li",
            class: ["b-controlButtons__item", "m-controlButtons__item__next"],
            on: {
              click: function () {
                if (self.$view.mTable) {
                  var arr = self.$view.mTable.getElementsByClassName("choice-event-category");

                  if (arr.length > 0) {
                    arr = arr[0];
                    arr = self.$view.mTable.getElementNextVisiale(arr);
                    if (arr) arr.childNodes[0].click();
                  }
                }
              }
            },
            child: [{
              tag: "span",
              class: "b-controlButtons__link_text",
              props: {
                innerHTML: " Trang tiếp theo"
              }
            }, {
              tag: "i",
              class: "material-icons",
              props: {
                innerHTML: "arrow_forward"
              }
            }]
          }]
        }]
      }]
    }]
  }));
  Object.assign(this.$view, HelpContainer.prototype);
  this.$view.containerView = containerView;
  this.$view.titleLabel = title;
  this.$view.locationLabel = location;
  this.$view.inputLabel = input;
  return this.$view;
}

Object.defineProperties(HelpContainer.prototype, Object.getOwnPropertyDescriptors(_BaseView.default.prototype));
HelpContainer.prototype.constructor = HelpContainer;

HelpContainer.prototype.firstChildClick = function () {
  if (this.mTable.childrenNodes.length > 0) {
    this.mTable.childrenNodes[0].classList.add("choice-event-category");
    this.titleLabel.innerHTML = this.mTable.childrenNodes[0].data.original.title;
    var text = this.mTable.childrenNodes[0].data.original.fulltext;

    if (this.mTable.childrenNodes[0].data.original.related != "") {
      text += "<div style='border: 1px solid;'></div>";
      text += "<h3>Bài liên quan</h3>";
      text += this.mTable.childrenNodes[0].data.original.related;
    }

    text += "<div style='width:100%;height:150px'></div>";
    this.containerView.innerHTML = text;
    var location = "";
    var tempElement = this.mTable.childrenNodes[0];

    while (tempElement && tempElement.tagName != "DIV") {
      if (location !== "") {
        location = "<span> > </span>" + location;
      }

      console.log(tempElement);
      location = "<a href='./' id='x64" + tempElement.data.original.id + "'>" + tempElement.data.original.title + "</a>" + location;
      tempElement = tempElement.getParentNode();
    }

    this.locationLabel.innerHTML = location;
    this.addClickProps();
  }
};

HelpContainer.prototype.functionClickDetail = function (event, me, index, parent, data, row) {
  var arr = this.getElementsByClassName("choice-event-category");
  var isRemove = true;
  if (arr.length !== 0) arr = arr[0];
  if (arr == row) return true;
  if (row === undefined) isRemove = false;

  if (isRemove) {
    if (arr.classList) arr.classList.remove("choice-event-category");
  }

  row.classList.add("choice-event-category");
  var text = window.location.href;

  if (window.addHref !== undefined) {
    text = window.location.href.replace(window.addHref, "");
  }

  window.addHref = data.original.alias;
  history.replaceState({}, "", text + window.addHref);
  this.titleLabel.innerHTML = data.original.title;
  var text = data.original.fulltext;

  if (data.original.related) {
    text += "<div style='border: 1px solid;'></div>";
    text += "<h3>Bài liên quan</h3>";
    text += data.original.related;
  }

  text += "<div style='width:100%;height:150px'></div>";
  this.containerView.innerHTML = text;
  var location = "";
  var tempElement = row;

  while (tempElement && tempElement.tagName != "DIV") {
    if (location !== "") {
      location = "<span> > </span>" + location;
    }

    location = "<a href='./' id='x64" + tempElement.data.original.id + "'>" + tempElement.data.original.title + "</a>" + location;
    tempElement = tempElement.getParentNode();
  }

  this.locationLabel.innerHTML = location;
  this.addClickProps();
};

HelpContainer.prototype.addClickProps = function () {
  var self = this;
  var arr = this.getElementsByTagName("a");

  for (var i = 0; i < arr.length; i++) {
    if (arr[i].id.indexOf("x64") !== -1) {
      arr[i].addEventListener("click", function (index, event) {
        event.preventDefault();
        var element = document.getElementById(arr[index].id.replace("x64", "x86"));

        if (element) {
          element.click();
          element.scrollIntoView({
            behavior: "smooth",
            block: "center",
            inline: "center"
          });
        } else {
          self.inputLabel.value = "";
          self.inputLabel.onchange();
          setTimeout(function () {
            var element = document.getElementById(arr[index].id.replace("x64", "x86"));

            if (element) {
              element.click();
              element.scrollIntoView({
                behavior: "smooth",
                block: "center",
                inline: "center"
              });
            }
          }, 500);
        }
      }.bind(this, i));
    }
  }
};

HelpContainer.prototype.formatDataRowOne = function (data) {
  var result = [{
    value: data.title,
    element: _({
      tag: "div",
      props: {
        id: "x86" + data.id
      },
      child: [{
        tag: "span",
        class: "title-label",
        props: {
          innerHTML: data.title
        }
      }]
    })
  }];
  result.original = data;
  return result;
};

HelpContainer.prototype.formatDataRow = function (data) {
  var temp = [];
  var check = [];
  var result;

  for (var i = 0; i < data.length; i++) {
    if (data[i].active == 0) continue;
    result = this.formatDataRowOne(data[i]);

    if (data[i].parent_id != 0) {
      if (check[data[i].parent_id] === undefined) check[data[i].parent_id] = [];
      check[data[i].parent_id].push(result);
    } else {
      temp.push(result);
    }
  }

  for (var i = 0; i < temp.length; i++) {
    temp[i].child = this.checkarrayChild(temp[i].original.id, check);
  }

  return temp;
};

HelpContainer.prototype.checkarrayChild = function (id, check) {
  if (check[id] === undefined) return [];

  for (var i = 0; i < check[id].length; i++) {
    check[id][i].child = this.checkarrayChild(check[id][i].original.id, check);
  }

  return check[id];
};

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

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

HelpContainer.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) {
    this.rootComponent = this.build(this.data);
    this.$content.addChild(this.rootComponent.view);
    this.rootComponent.onAttach();
    this.$widthIp.value = this.rootComponent.getStyle('width', 'px');
    this.$heightIp.value = this.rootComponent.getStyle('height', 'px');
  }
};

HelpContainer.prototype.start = function () {};

var _default = HelpContainer;
exports.default = _default;