![]() 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-acomp/out/ |
Upload File : |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>JSDoc: Source: QuickListButton.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: QuickListButton.js</h1> <section> <article> <pre class="prettyprint source linenums"><code>import '../css/quicklistbutton.css'; import ACore from "../ACore"; import Dom from "absol/src/HTML5/Dom"; import FollowerToggler from "./FollowerToggler"; var _ = ACore._; var $ = ACore.$; /**** * @extends FollowerToggler * @constructor */ function QuickListButton() { this.$shareFollower = QuickListButton.getFollower(); _({ tag: 'followertoggler', elt: this, on: { preopen: this.eventHandler.preopen, close: this.eventHandler.closeFollower } }); this.bindFollower(this.$shareFollower); this.$iconCtn.remove(); this.$content.addChild(this.$iconCtn); this._items = this._items; this._anchor = []; this.$list = null; this._listUpdated = true; this._opened = false; this.anchor = [12, 13, 15, 14];//todo: add property } QuickListButton.$follower = _('follower.as-quick-list-button-follower'); QuickListButton.getFollower = function () { if (!QuickListButton.$follower) QuickListButton.$follower = _('follower.as-quick-list-button-follower'); return QuickListButton.$follower; }; QuickListButton.tag = 'QuickListButton'.toLowerCase(); QuickListButton.render = function () { return _({ tag: 'flexiconbutton', class: 'as-quick-list-button', extendEvent: 'select', props: { text: "+ Thêm", icon: 'span.mdi.mdi-menu-down' } }); }; QuickListButton.property = {}; QuickListButton.property.items = { set: function (value) { value = value || []; this._items = value; this._listUpdated = false; }, get: function () { return this._items; } }; /** * @type {QuickListButton} */ QuickListButton.eventHandler = {}; QuickListButton.eventHandler.preopen = function () { this.$shareFollower.addTo(document.body); this.$shareFollower.anchor = this.anchor; if (this.$list == null) { this.$list = _('selectlist.absol-bscroller') .on('pressitem', this.eventHandler.pressitem); } if (!this._listUpdated) { this._listUpdated = true; this.$list.items = this._items; } this.$shareFollower.addChild(this.$list); this.$shareFollower.on({ preupdateposition: this.eventHandler.preUpdatePosition, }); }; QuickListButton.eventHandler.preUpdatePosition = function () { var bound = this.getBoundingClientRect(); var screenSize = Dom.getScreenSize(); var maxHeight = Math.max(screenSize.height - bound.bottom, bound.top) - 10; this.$list.addStyle('max-height', maxHeight + 'px'); }; QuickListButton.eventHandler.closeFollower = function () { this.$shareFollower.off({ preupdateposition: this.eventHandler.preUpdatePosition }); }; QuickListButton.eventHandler.pressitem = function (event) { this.close(); this.emit('select', Object.assign({}, event, { type: 'select', target: this })); }; ACore.install(QuickListButton); export default QuickListButton;</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>