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/Time24Input.js.html <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: Time24Input.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: Time24Input.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>import ACore, {$, _} from "../ACore";
import ChromeTime24Picker from "./ChromeTime24Picker";
import {beginOfDay, formatDateTime, MILLIS_PER_DAY} from "absol/src/Time/datetime";
import {hitElement} from "absol/src/HTML5/EventEmitter";
import {isRealNumber} from "./utils";
import TimeInput from "./TimeInput";
import ResizeSystem from "absol/src/HTML5/ResizeSystem";
/**
* @extends AElement
* @constructor
*/
function Time24Input() {
this.$clockBtn = $('.as-time-input-icon-btn', this)
.on('click', this.eventHandler.clickClockBtn);
this.$text = $('.as-time-input-text', this);
this.$clearBtn = $('button.as-time-input-clear-btn', this)
.on('click', this.clear.bind(this));
this._dayOffset = 0;
this._value = 0;
this._format = 'HH:mm';
this.dayOffset = this._dayOffset;
this.value = this._value;
this.format = this._format;
this.notNull = true;
}
Time24Input.tag = 'Time24Input'.toLowerCase();
Time24Input.render = function () {
return _({
class: ['ac-time-input', 'as-time-24-input'],
extendEvent: ['change'],
child: [
{
tag: 'input',
class: 'as-time-input-text',
attr: {
readOnly: 'true',
type: 'text'
}
},
{
tag: 'button',
class: 'as-time-input-clear-btn',
child: 'span.mdi.mdi-close-circle'
},
{
tag: 'button',
class: 'as-time-input-icon-btn',
child: 'span.mdi.mdi-clock-outline'
}
]
});
};
Time24Input.prototype._updateText = function () {
var text;
if (isRealNumber(this._value) && isRealNumber(this._dayOffset)) {
text = formatDateTime(new Date(beginOfDay(new Date).getTime() + this._value + this._dayOffset), this._format);
if (this._value + this._dayOffset >= MILLIS_PER_DAY) text += ' (Hôm sau)';
this.removeClass('as-value-null');
} else {
text = this._format;
this.addClass('as-value-null');
}
this.$text.value = text;
};
Time24Input.prototype._notifyChange = function (event) {
this.emit('change', {type: 'change', originalEvent: event.originalEvent || event.originEvent || event}, this);
};
Time24Input.prototype.clear = function (event) {
if (this._value !== null && !this.notNull){
this.value = null;
this._notifyChange(event);
}
};
Time24Input.prototype.share = {
$picker: null,
/***
* @type Time24Input
*/
$holdingInput: null,
$follower: null
};
Time24Input.prototype._preparePicker = function () {
if (this.share.$picker) return;
this.share.$picker = _({
tag: ChromeTime24Picker.tag,
class:'as-dropdown-box-common-style'
});
this.share.$follower = _({
tag: 'follower',
class: 'as-chrome-time-24-picker-follower',
child: this.share.$picker
});
};
Time24Input.prototype._attachPicker = function () {
this._preparePicker();
if (this.share.$holdingInput) {
this.share.$holdingInput._releasePicker();
}
this.share.$holdingInput = this;
this.share.$follower.addTo(document.body);
this.share.$follower.followTarget = this;
this.share.$follower.addStyle('visibility', 'hidden');
this.share.$picker.on('change', this.eventHandler.pickerChange);
this.$clockBtn.off('click', this.eventHandler.clickClockBtn);
this.share.$picker.dayOffset = isRealNumber(this._dayOffset) ? this._dayOffset : 0;
this.share.$picker.value = isRealNumber(this._value) ? this._value : 0;
setTimeout(function () {
document.body.addEventListener('click', this.eventHandler.clickOut);
this.share.$follower.removeStyle('visibility');
}.bind(this), 5);
};
Time24Input.prototype._releasePicker = function () {
if (this.share.$holdingInput !== this) return;
this.share.$picker.off('change', this.eventHandler.pickerChange);
this.share.$follower.remove();
this.share.$follower.followTarget = null;
this.share.$holdingInput = null;
document.body.removeEventListener('click', this.eventHandler.clickOut);
setTimeout(function () {
this.$clockBtn.on('click', this.eventHandler.clickClockBtn);
}.bind(this), 10)
};
Time24Input.property = {};
Time24Input.property.dayOffset = {
set: function (value) {
this._dayOffset = isRealNumber(value) ? value : null;
this._updateText();
},
get: function () {
return this._dayOffset;
}
};
Time24Input.property.value = {
set: function (value) {
this._value = isRealNumber(value) ? value : (this.notNull ? 0 : null);
this._updateText();
},
get: function () {
return this._value;
}
};
Time24Input.property.displayTime = {
get: function () {
if (isRealNumber(this._value) && isRealNumber(this._dayOffset)) {
return this._value + this._dayOffset;
} else {
return null;
}
}
};
Time24Input.property.notNull = {
set: function (value) {
if (value) {
if (this.value === null) {
this.value = 0;
}
this.addClass('as-must-not-null');
} else {
this.removeClass('as-must-not-null');
}
},
get: function () {
return this.hasClass('as-must-not-null');
}
};
Time24Input.property.disabled = {
set: function (value) {
value = !!value;
this._disabled = value;
if (value) this.addClass('as-disabled');
else this.removeClass('as-disabled');
this.$text.disabled = value;
},
get: function () {
return this._disabled;
}
};
Time24Input.property.readOnly = TimeInput.property.readOnly;
Time24Input.property.format = {
set: function (value) {
this._format = value || 'HH:mm';
this._updateText();
},
get: function () {
return this._format;
}
}
Time24Input.eventHandler = {};
Time24Input.eventHandler.pickerChange = function (event) {
if (this.dayOffset === null) this.dayOffset = 0;
this.value = this.share.$picker.value;
this._notifyChange(event);
ResizeSystem.requestUpdateSignal();
};
Time24Input.eventHandler.clickOut = function (event) {
if (hitElement(this.share.$follower, event)) return;
this._releasePicker();
};
Time24Input.eventHandler.clickClockBtn = function () {
this._attachPicker();
};
ACore.install(Time24Input);
export default Time24Input;
</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)