VaKeR CYBER ARMY
Apache/2.4.41 (Ubuntu) Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 www-data ( 33 )7.4.33 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, / var /www /html /libs /absol-acomp /out /
Current File : /var/www/html/libs/absol-acomp/out/MKNavigatorItem.js.html <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: MKNavigatorItem.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: MKNavigatorItem.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>import ACore, { $, $$, _ } from "../ACore";
import '../css/mknavigator.css';
import BoardTable from "./BoardTable";
import Switch from "./Switch";
import Board from "./Board";
import { hitElement } from "absol/src/HTML5/EventEmitter";
/***
* @extends AElement
* @constructor
*/
function MKNavigatorItem() {
this._data = [];
this.$text = $('.mk-nav-item-text', this);
this.$switchCtn = $('.mk-nav-item-switch-ctn', this);
this.$switch = $('switch', this)
.on('change', this.eventHandler.switchChange);
this.$dragzone = $('.mk-nav-item-drag-zone', this);
this.on('click', this.eventHandler.click);
}
MKNavigatorItem.tag = 'MKNavigatorItem'.toLowerCase();
MKNavigatorItem.render = function () {
return _({
tag: Board.tag,
class: 'mk-nav-item',
extendEvent: ['checkedchange', 'press'],
child: [
{
class: ['mk-nav-item-drag-zone', BoardTable.DRAG_ZONE_CLASS_NAME],
child: '<i class="material-icons">drag_indicator</i>'
},
{
class: 'mk-nav-item-text-ctn',
child: {
tag: 'span',
class: 'mk-nav-item-text',
child: { text: '' }
}
},
{
class: 'mk-nav-item-switch-ctn',
child: {
tag: Switch.tag
}
}
]
});
};
MKNavigatorItem.prototype.updateText = function () {
this.$text.firstChild.data = this._data.text;
};
MKNavigatorItem.prototype.updateChecked = function () {
if (typeof this._data.checked === "boolean") {
this.$switchCtn.removeStyle('display');
this.$switch.checked = this._data.checked;
}
else {
this.$switchCtn.addStyle('display', 'none');
}
};
MKNavigatorItem.prototype.updateDraggable = function () {
if (this._data.draggable) {
this.$dragzone.removeStyle('display');
}
else {
this.$dragzone.addStyle('display', 'none');
}
};
MKNavigatorItem.property = {};
MKNavigatorItem.property.data = {
/**
* @this MKNavigatorItem
* @param data
*/
set: function (data) {
data = data || {};
this._data = data;
this.updateText();
this.updateChecked();
this.updateDraggable();
},
get: function () {
return this._data;
}
};
/***
* @memberOf MKNavigatorItem#
* @type {{}}
*/
MKNavigatorItem.eventHandler = {};
MKNavigatorItem.eventHandler.switchChange = function (event) {
this._data.checked = this.$switch.checked;
this.emit('checkedchange', { type: 'checkedchange' }, this);
};
MKNavigatorItem.eventHandler.click = function (event) {
if (hitElement(this.$switch, event) || hitElement(this.$dragzone, event)) return;
this.emit('press', { type: 'press', target: this, originalEvent: event }, this);
}
ACore.install(MKNavigatorItem);
export default MKNavigatorItem;</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="CalendarInput.html">CalendarInput</a></li><li><a href="CandyBoxButton.html">CandyBoxButton</a></li><li><a href="ChromeCalendar.html">ChromeCalendar</a></li><li><a href="CircleSectionLabel.html">CircleSectionLabel</a></li><li><a href="Cluster.html">Cluster</a></li><li><a href="ClusterIconInfo.html">ClusterIconInfo</a></li><li><a href="ClusterIconStyle.html">ClusterIconStyle</a></li><li><a href="ContextCaptor.html">ContextCaptor</a></li><li><a href="DateInput.html">DateInput</a></li><li><a href="DateInput2.html">DateInput2</a></li><li><a href="DropPanel.html">DropPanel</a></li><li><a href="DropPanelStack.html">DropPanelStack</a></li><li><a href="FlexiconButton.html">FlexiconButton</a></li><li><a href="MarkerClusterer.html">MarkerClusterer</a></li><li><a href="MarkerClustererOptions.html">MarkerClustererOptions</a></li><li><a href="SearchTextInput.html">SearchTextInput</a></li><li><a href="Sprite.html">Sprite</a></li><li><a href="Time24Input.html">Time24Input</a></li></ul><h3>Events</h3><ul><li><a href="MarkerClusterer.html#event:click">click</a></li><li><a href="MarkerClusterer.html#event:clusteringbegin">clusteringbegin</a></li><li><a href="MarkerClusterer.html#event:clusteringend">clusteringend</a></li><li><a href="MarkerClusterer.html#event:mouseout">mouseout</a></li><li><a href="MarkerClusterer.html#event:mouseover">mouseover</a></li></ul><h3>Global</h3><ul><li><a href="global.html#$windowTitleText">$windowTitleText</a></li><li><a href="global.html#AddIcon">AddIcon</a></li><li><a href="global.html#calcMinHMTime">calcMinHMTime</a></li><li><a href="global.html#cleanMenuItemProperty">cleanMenuItemProperty</a></li><li><a href="global.html#preventNotNumberInput">preventNotNumberInput</a></li><li><a href="global.html#vScrollIntoView">vScrollIntoView</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.0</a> on Wed Jan 04 2023 18:18:58 GMT+0700 (Indochina Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>
Server : Apache/2.4.41 (Ubuntu)