R E D

NAME	SIZE	PERMISSION
autocomplete.js	8.04 KB	-rwxr-xr-x
calendar.js	16.46 KB	-rwxr-xr-x
clock.js	2.76 KB	-rwxr-xr-x
common.js	22.6 KB	-rwxr-xr-x
datalist.js	8.23 KB	-rwxr-xr-x
ddmenu.js	7.72 KB	-rwxr-xr-x
ddpanel.js	2.1 KB	-rwxr-xr-x
dragdrop.js	2.62 KB	-rwxr-xr-x
editinplace.js	2.8 KB	-rwxr-xr-x
facebook.js	2.14 KB	-rwxr-xr-x
gajax.js	139.73 KB	-rwxr-xr-x
gbanner.js	7.88 KB	-rwxr-xr-x
google.js	1.9 KB	-rwxr-xr-x
graphs.js	36.78 KB	-rwxr-xr-x
inputgroup.js	3.37 KB	-rwxr-xr-x
loader.js	5.9 KB	-rwxr-xr-x
multiselect.js	2.61 KB	-rwxr-xr-x
pdpa.js	1.73 KB	-rwxr-xr-x
range.js	9.47 KB	-rwxr-xr-x
select.js	8.28 KB	-rwxr-xr-x
spline.js	5.58 KB	-rwxr-xr-x
table.js	19.77 KB	-rwxr-xr-x
uploads.js	11.4 KB	-rwxr-xr-x

Code Editor : datalist.js

/**
 * Datalist (component)
 * GDatalist (base class)
 *
 * @filesource js/datalist.js
 * @link https://www.kotchasan.com/
 * @copyright 2019 Goragod.com
 * @license https://www.kotchasan.com/license/
 */
(function() {
  "use strict";
  window.GDatalist = GClass.create();
  GDatalist.prototype = {
    initialize: function(text, onChanged) {
      if (!$E(text)) {
        console.log('[Datalist] Cannot find target element ' + text);
        return;
      }
      if ($E(text).getAttribute('Datalist')) {
        return;
      }
      this.input = $G(text);
      this.input.setAttribute('Datalist', true);
      this.datalist = {};
      this.onChanged = onChanged || $K.returnFuntion;
      var _checkItemIndex = null,
        _inputItemIndex = this.input.value;
      this.changedTimeout = 0;
      this.text = this.input.get('text');
      if (this.text === null) {
        this.text = '';
        this.customText = false;
      } else {
        this.customText = true;
      }
      this.input.removeAttribute('text');

var cancelEvent = false,
        showing = false,
        listindex = 0,
        list = [],
        self = this;

this.input.reset = function() {
        _inputItemIndex = null;
        _checkItemIndex = null;
        self.input.value = null;
      };

Object.defineProperty(this.input, 'selectedIndex', {
        get: function() {
          return _inputItemIndex;
        },
        set: function(value) {
          if (self.datalist[value]) {
            self.input.value = self.datalist[value];
          } else {
            self.input.value = '';
          }
          _inputItemIndex = value;
          _doChange();
        }
      });

this.input.setDatalist = function(datas) {
        self.datalist = {};
        for (var key in datas) {
          self.datalist[key] = datas[key];
        }
        listindex = 0;
        self.input.value = self.datalist[_inputItemIndex] || self.text;
      };

this.input.datalist = function(index) {
        return self.datalist[index];
      };

this.value_change = false;
      forEach($G(this.input.list).elems('option'), function() {
        self.datalist[this.value] = this.innerText;
      });
      this.input.list.remove();
      this.input.removeAttribute('list');
      this.input.value = this.datalist[_inputItemIndex] || this.text;
      this.dropdown = new GDropdown(this.input, {
        autoHeight: true,
        id: this.input.id + '_gautocomplete',
        className: 'gautocomplete'
      });
      var display = this.dropdown.getDropdown();

var _mousemove = function() {
        _movehighlight(this.itemindex);
      };

function _populateitem(key, text) {
        var p = document.createElement('p');
        display.appendChild(p);
        p.innerHTML = text;
        $G(p).key = key;
        p.addEvent("mousedown", _mouseclick);
        p.addEvent("mousemove", _mousemove);
        p.itemindex = list.length;
        list.push(p);
      }

function _hide() {
        self.dropdown.hide();
        showing = false;
      }

this.input.addEvent("click", _search);
      this.input.addEvent("keyup", _search);
      this.input.addEvent("keydown", _dokeydown);
      this.input.addEvent("change", function(evt) {
        window.clearTimeout(self.changedTimeout);
        self.changedTimeout = 0;
        GEvent.stop(evt);
        _doChange();
      });
      this.input.addEvent("focus", function() {
        _search();
        this.select();
      });
      this.input.addEvent("blur", function() {
        if (self.value_change) {
          if (!self.customText) {
            self.input.value = null;
          } else {
            self.text = self.input.value;
            _inputItemIndex = null;
          }
          self.value_change = false;
          _doChange();
        }
        _hide();
      });
      _doChange();
    },
    isDatalist: function() {
      return this.input ? true : false;
    }
  };

${this.title}

Code Editor : datalist.js