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/absol-acomp/js/mobile/MHeaderBar.js ***/
"use strict";

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

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

var _ACore = _interopRequireWildcard(require("../../ACore"));

var _QuickMenu = _interopRequireDefault(require("../QuickMenu"));




/**
 * @exatends AElement
 * @constructor
 */
function MHeaderBar() {
  this._title = null;
  this._titleDesc = null;
  this._actionIcon = null;
  this._commands = [];
  this._quickmenuHolder = null;
  this._quickmenu = null;
  this.$right = (0, _ACore.$)('.am-header-bar-right', this);
  this.$leftBtn = null;
  this.$titleCtn = null;
  this.$title = null;
  this.$titleDesc = null;
  this.$commands = [];
}

MHeaderBar.tag = 'MHeaderBar'.toLowerCase();

MHeaderBar.render = function () {
  return (0, _ACore._)({
    extendEvent: ['action', 'command'],
    class: 'am-header-bar',
    child: [{
      class: 'am-header-bar-right'
    }]
  });
};

MHeaderBar.prototype.notifyAction = function () {
  this.emit('action', {
    type: 'action',
    target: this
  }, this);
};

MHeaderBar.prototype.notifyCommand = function (commandItem) {
  this.emit('command', {
    type: 'command',
    target: this,
    commandName: commandItem.name,
    commandItem
  }, this);
};

MHeaderBar.prototype.showTitle = function (flag) {
  if (!this.$titleCtn && flag) {
    this.$titleCtn = (0, _ACore._)({
      class: 'am-header-bar-title-ctn',
      child: [{
        class: 'am-header-bar-no-size-wrapper',
        child: {
          class: 'am-header-bar-title-wrapper',
          child: [{
            class: 'am-header-bar-title'
          }, {
            class: 'am-header-bar-title-desc'
          }]
        }
      }]
    });
    this.$title = (0, _ACore.$)('.am-header-bar-title', this.$titleCtn);
    this.$titleDesc = (0, _ACore.$)('.am-header-bar-title-desc', this.$titleCtn);
  }

  if (flag) {
    this.insertBefore(this.$titleCtn, this.$right);
  } else {
    if (this.$titleCtn) this.$titleCtn.remove();
  }
};

MHeaderBar.prototype.showActionBtn = function (flag) {
  if (!this.$leftBtn && flag) {
    this.$leftBtn = (0, _ACore._)({
      tag: 'button',
      class: 'am-header-bar-left-btn',
      child: 'span.mdi.mdi-chevron-left',
      on: {
        click: this.notifyAction.bind(this)
      }
    });
  }

  if (flag) {
    this.insertBefore(this.$leftBtn, this.firstChild);
  } else {
    if (this.$leftBtn) this.$leftBtn.remove();
  }
};

MHeaderBar.prototype.showQuickMenu = function (flag) {
  if (!this.$quickmenuBtn && flag) {
    this.$quickmenuBtn = (0, _ACore._)({
      tag: 'button',
      class: ['am-header-bar-action', 'am-header-bar-quickmenu-btn'],
      child: {
        class: 'am-header-bar-quickmenu-btn-circle',
        child: ['span.mdi.mdi-dots-horizontal-circle-outline', 'span.mdi.mdi-dots-horizontal-circle']
      }
    });
  }

  if (flag) {
    this.$right.addChild(this.$quickmenuBtn);
  } else {
    if (this.$quickmenuBtn) this.$quickmenuBtn.remove();
  }
};

MHeaderBar.prototype._makeCommandBtn = function (item) {
  return (0, _ACore._)({
    tag: 'button',
    class: 'am-header-bar-command',
    child: item.icon || [],
    on: {
      click: this.notifyCommand.bind(this, item)
    }
  });
};

MHeaderBar.property = {};
/**
 * @type {MHeaderBar}
 */

MHeaderBar.property.quickmenu = {
  set: function (value) {
    if (this._quickmenuHolder) {
      this._quickmenuHolder.remove();

      this._quickmenu = null;
    }

    if (value) {
      this.showQuickMenu(true);
      var button = this.$quickmenuBtn;
      var onClose = value.onClose;
      var onOpen = value.onOpen;

      value.onOpen = function () {
        button.addClass('am-status-active');
        onOpen && onOpen.apply(this, arguments);
      };

      value.onClose = function () {
        button.removeClass('am-status-active');
        onClose && onClose.apply(this, arguments);
      };

      if (!value.getAnchor) {
        value.getAnchor = function () {
          return [2];
        };
      }

      if (!value.getMenuProps && value.props) {
        value.getMenuProps = function () {
          var res = Object.assign({}, value.props);

          if (typeof res.items === "function") {
            res.items = res.items();
          }

          return res;
        };
      }

      this._quickmenuHolder = _QuickMenu.default.toggleWhenClick(this.$quickmenuBtn, value);
    } else {
      this.showQuickMenu(false);
      value = null;
    }

    this._quickmenu = value;
  },
  get: function () {
    return this._quickmenu;
  }
};
/**
 * @type {MHeaderBar}
 */

MHeaderBar.property.title = {
  set: function (value) {
    if (value) {
      this.showTitle(true);

      if (typeof value === 'string') {
        this.$title.innerHTML = value;
      } else {
        this.$title.clearChild().addChild((0, _ACore._)(value));
      }
    } else {
      this.showTitle(false);
      value = null;
    }

    this._title = value;
  },
  get: function () {
    return this._title;
  }
};
/**
 * @type {MHeaderBar}
 */

MHeaderBar.property.titleDesc = {
  set: function (value) {
    if (value) {
      value = value + '';
      this.showTitle(true);
      this.$titleDesc.clearChild().addChild((0, _ACore._)({
        text: value
      }));
    } else {
      this.showTitle(false);
      if (this.$titleDesc) this.$titleDesc.clearChild();
      value = null;
    }

    this._titleDesc = value;
  },
  get: function () {
    return this._titleDesc;
  }
};
/**
 * @type {MHeaderBar}
 */

MHeaderBar.property.actionIcon = {
  set: function (value) {
    if (value) {
      this.showActionBtn(true);
      this.$leftBtn.clearChild().addChild((0, _ACore._)(value));
    } else {
      this.showActionBtn(false);
      value = null;
    }

    this._actionIcon = value;
  },
  get: function () {
    return this._actionIcon;
  }
};
/**
 * @type {MHeaderBar}
 */

MHeaderBar.property.commands = {
  set: function (value) {
    this.$commands.forEach(function (e) {
      e.selftRemove();
    });
    this.$commands = [];
    var commandBtn;

    if (value) {
      var firstChild = this.$right.firstChild;

      if (firstChild) {
        for (var i = 0; i < value.length; ++i) {
          commandBtn = this._makeCommandBtn(value[i]);
          this.$right.addChildBefore(commandBtn, firstChild);
        }
      } else {
        for (var i = 0; i < value.length; ++i) {
          commandBtn = this._makeCommandBtn(value[i]);
          this.$right.addChild(commandBtn);
        }
      }
    } else {
      this._commands = [];
    }

    this._commands = value;
  },
  get: function () {
    return this._commands;
  }
};

_ACore.default.install(MHeaderBar);

var _default = MHeaderBar;
exports.default = _default;