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 : select.js

/**
 * Select+Checkbox
 *
 * @filesource js/select.js
 * @link https://www.kotchasan.com/
 * @copyright 2018 Goragod.com
 * @license https://www.kotchasan.com/license/
 */
(function() {
  "use strict";
  window.GSelect = GClass.create();
  GSelect.prototype = {
    initialize: function(elem) {
      if (elem.checkbox !== null) {
        var id = elem.id || elem.name.replace(/\[(.*?)\]/, '$1'),
          name = elem.name || elem.id,
          placeholder = elem.get('placeholder') || trans('Please select'),
          select = document.createElement('div'),
          display = document.createElement('div'),
          showing = 0,
          list = [],
          listindex = 0;
        select.id = id;
        select.className = 'dropdown input-select';
        select.tabIndex = 0;
        select.style.cursor = 'pointer';
        elem.parentNode.appendChild(select);
        display.className = 'input-display';
        select.appendChild(display);
        $G(display).id = id + '_display';
        var panel = new GDropdown($G(select), {
          autoHeight: true,
          id: id + '_gautocomplete',
          className: 'gautocomplete'
        });
        var dropdown = panel.getDropdown();
        dropdown.innerHTML = '';
        Object.defineProperty(select, 'disabled', {
          get: function() {
            return select.hasClass('disabled') ? true : false;
          },
          set: function(value) {
            if (value) {
              select.addClass('disabled');
            } else {
              select.removeClass('disabled');
            }
          },
        });
        Object.defineProperty(select, 'readOnly', {
          get: function() {
            return select.hasClass('readonly') ? true : false;
          },
          set: function(value) {
            if (value) {
              select.addClass('readonly');
            } else {
              select.removeClass('readonly');
            }
          },
        });
        Object.defineProperty(select, 'value', {
          get: function() {
            var results = [];
            forEach(select.getElementsByTagName('input'), function() {
              results.push(this.value);
            });
            return results;
          },
          set: function(value) {
            _setValue(value);
          }
        });
        Object.defineProperty(select, 'options', {
          set: function(value) {
            list = [];
            dropdown.innerHTML = '';
            listindex = 0;
            for (var key in value) {
              select.addItem(key, value[key], false);
            }
          },
        });
        if (elem.disabled) {
          select.disabled = true;
        }
        if (elem.get('readonly') != null) {
          select.readonly = true;
        }

function _itemMouseMove() {
          _movehighlight(this.itemindex);
        }

select.addItem = function(value, text, checked) {
          var item = document.createElement('label'),
            className = checked ? 'icon-check' : 'icon-uncheck';
          $G(item).itemindex = list.length;
          className += listindex == item.itemindex ? ' select' : '';
          item.className = className;
          item.value = value;
          item.changed = 0;
          list.push(item);
          item.innerHTML = text;
          item.addEvent("click", function() {
            if (item.changed == 0) {
              item.changed = window.setTimeout(function() {
                item.changed = 0;
                changed();
              }, 1);
            }
            select.focus();
          });
          item.addEvent("mousedown", _itemMouseDown);
          item.addEvent("mousemove", _itemMouseMove);
          dropdown.appendChild(item);
        };

forEach(elem.getElementsByTagName('option'), function() {
          select.addItem(this.value, this.innerHTML, this.getAttribute('selected') !== null);
        });

var bodyClick = function(e) {
          if (GEvent.element(e) != display && showing == 0) {
            _hide();
          }
        };

function _show() {
          if (!select.hasClass('disabled')) {
            panel.show();
            $G(document.body).addEvent("click", bodyClick);
          }
        }

function _hide() {
          panel.hide();
          $G(document.body).removeEvent("click", bodyClick);
        }

select.addEvent("click", _show);
        select.addEvent("focus", _show);
        select.addEvent("keydown", _dokeydown);
        select.addEvent("blur", function() {
          if (showing == 0) {
            _hide();
          }
        });
        dropdown.addEvent("keydown", _dokeydown);
        elem.parentNode.removeChild(elem);
        changed();
      }
    }
  };
})();

${this.title}

Code Editor : select.js