Your IP : 216.73.217.112
// ========== Диалогбокс ==========
(function($){
var MSelectDBox = function(arg){
this.init(arg);
};
MSelectDBox.prototype = {
"instances": [],
"get" : function(key,arg,e){
var self = this, tmp;
if (typeof key != "string") return;
key = key.toLowerCase();
// .....................
if (typeof e == "undefined") e = 1;
var eTrigger = function(name){
if (e){
var eCons = Event || CustomEvent;
self.trigger("get", new eCons(name));
}
};
// .....................
eTrigger("get:"+key);
var aliases = {};
var methodAliases = {};
if ( typeof aliases[key] == "string" ) {
key = aliases[key];
}
if ( typeof methodAliases[key] == "function" ) {
key = methodAliases[key];
if (typeof this[key] != "function"){
return;
}
if (typeof arg == "undefined") arg = Object.create(null);
return this[key](arg);
}
if ( typeof this._props[key] != "undefined" ) {
return this._props[key];
}
},
"set" : function(key,value,arg,e){
var self = this, tmp;
if (typeof key == "undefined") return false;
// Множественное присваивание
if ( typeof key == "object" ){
var return_ = Object.create(null);
for(var prop in key){
if (!key.hasOwnProperty(prop)) continue;
return_[prop] = this.set(prop, key[prop]);
}
return return_;
}
if (typeof key != "string") return false;
key = key.toLowerCase();
// .....................
if (typeof e == "undefined") e = 1;
var eTrigger = function(name){
if (e){
var eCons = Event || CustomEvent;
var ev = new eCons(name);
ev.value = value;
self.trigger("set", ev);
}
};
// .....................
eTrigger("set:"+key);
var aliases = {};
var methodAliases = {};
if ( typeof aliases[key] == "string" ) {
key = aliases[key];
}
eTrigger("beforeSet:"+key);
if ( typeof methodAliases[key] == "string" ) {
key = methodAliases[key];
if (typeof this[key] != "function"){
return false;
}
if (typeof arg == "undefined") arg = Object.create(null);
tmp = this[key](value,arg);
eTrigger("afterSet:"+key);
return tmp;
}
this._props[key] = value;
eTrigger("afterSet:"+key);
return true;
},
"getInstaces" : function(){
return this.getInstances.apply(this, arguments);
},
"getInstances": function(arg){
if (!arguments.length) return this.instances;
if (typeof arg != "object") arg = Object.create(null);
var name = (["string","number"].indexOf(typeof arg.name) > -1 ? arg.name : null );
var tmp = [];
for(var c=0; c<this.instances.length; c++){
if (name !== null && this.instances[c].get("name") != name ){
continue;
}
tmp.push(this.instances[c]);
}
return tmp;
},
"removeInstances": function(arg){
if (typeof arg != "object"){
return;
}
var name = typeof arg.name != "string" ? null : arg.name;
var tmp = [];
for(var c=0; c<this.instances.length; c++){
if ( this.instances[c].get("name") == name ){
$(this.instances[c].get("dbox")).detach();
continue;
}
tmp.push(this.instances[c]);
}
this.instances = tmp;
},
"_targetEvents": [
{"name": "click", "event": "click"},
{"name": "keydown", "event": "keydown"},
{"name": "keyup", "event": "keyup"},
{"name": "hover", "event": "hover"},
{"name": "focus", "event": "focus"},
{"name": "focusout", "event": "blur"},
{"name": "change", "event": "change"}
],
"_eventCheckInputEmpty": function(e){
var target = this.get("target");
var list = this.get("list");
if (
(
["input","textarea"].indexOf(target.tagName.toLowerCase()) != -1
|| ["text", "password", "email", "url", "search", "tel"].indexOf(target.type.toLowerCase()) != -1
)
&& !target.value.trim()
) {
this.trigger("input:empty", e);
}
},
"_eventDefaultInputEmpty": function(){
this.deselectAll();
},
"_eventDefaultSet": function(){
this.trigger(arguments[1].type, arguments[1]);
},
"_eventDefaultGet": function(){
this.trigger(arguments[1].type, arguments[1]);
},
"_eventSetList": function(){
var e = arguments[1];
this.set("list", e.value, null, false);
this.reInitList();
},
"_eventDefaultKeyUp": function(e){
var self = this;
var target = self.get("target");
var keyCode = e.keyCode;
var list = self.get("list");
var dbox = self.get("dbox");
var contextElement = e.currentTarget;
clearTimeout(self._timers.autoComplete);
self._timers.autoComplete = setTimeout(function(){
var value, v;
// ... autoComplete
if ( self.get("autoComplete") ){
if ( [37,38,39,40,9,13,18,17,16,20,27].indexOf(keyCode) > -1 ){
} else {
var li = $(".MSelectDBox__list-item", dbox);
value = target.value.toLowerCase();
// value = self.fx.trim(value,";, ","both");
value = self.fx.msplit([';',','],value);
value = value[value.length-1];
// var pattern = new RegExp(value.trim());
for(v=0; v<li.length; v++){
var msdbid = parseInt(li[v].getAttribute("data-msdbid"));
if ( !value ){
li[v].classList.remove('MSelectDBox__list-item_hidden');
} else if (
!self._optionFiltersMatcher(self.get("optionFilters"), value, list[msdbid].label)
){
li[v].classList.add('MSelectDBox__list-item_hidden');
} else {
li[v].classList.remove('MSelectDBox__list-item_hidden');
}
li[v].classList.remove('MSelectDBox__list-item_hover');
}
}
}
if ( self.get("multiple") ){
if ( keyCode == 8 ){
// keycode 8 - backspace;
value = self.fx.trim(contextElement.value, " ;,", "both");
value = self.fx.msplit([";",","],value);
for(v=0; v<value.length; v++){
value[v] = value[v].trim();
}
for(var prop in list){
if (!list.hasOwnProperty(prop)) continue;
list[prop].selected = (value.indexOf(list[prop].label.trim()) > -1);
}
self.applySelectedToList();
self.applySelectedToInput();
}
}
},500);
},
"_eventDefaultKeyDownMultipleFalse": function(e){
var self = this;
var ul, li, c, L;
var dbox = self.get("dbox");
var list = self.get("list");
var target = self.get("target");
// Если список без множественного выделения
if ( self.get("multiple") ) return; // close.if.!multiple
if ( [37,39,9,18,17,16,20,27].indexOf(e.keyCode) > -1 ){
// left, right, tab, alt, ctrl, shift, caps, esc
} else if ( e.keyCode == 13 ){
// 13 = Enter
if ( !self.isActive() ){
self.open();
self._eventFocus.apply(target, [self, e]);
} else {
self.close();
}
} else if ( [38,39,40].indexOf(e.keyCode) > -1 ) {
// other keys
if ( !self.isActive() ) return;
ul = $("ul", dbox).get(0);
li = $('li:not(.MSelectDBox__list-item_hidden)', dbox);
var selectedLi = -1;
for(c=0, L=li.length; c<L; c++){
if ( li[c].classList.contains("MSelectDBox__list-item_selected") ){
selectedLi = c;
break;
}
}
var newSelectedLi;
if ( e.keyCode == 38 ){
// up
newSelectedLi = ( selectedLi - 1 < 0 ? 0 : selectedLi - 1 );
} else if ( e.keyCode == 40 ){
// down
newSelectedLi = ( selectedLi + 1 > li.length - 1 ? li.length - 1 : selectedLi + 1 );
} else if (e.keyCode == 39){
return;
} else {
return;
}
var selectedKey = parseInt(li[newSelectedLi].getAttribute("data-msdbid"));
self._selectByID(selectedKey);
self._calcScrollBarPosition();
self.trigger("select", e);
} // close.if.keys in [38,39,40]
},
"_eventDefaultKeyDownMultipleTrue": function(e){
var self = this, c, L;
var target = self.get("target");
var dbox = self.get("dbox");
var list = self.get("list");
var selectedKey;
if ( self.get("multiple") ){
if ( [37,39,9,18,17,16,20,27].indexOf(e.keyCode) > -1 ){
// left, right, tab, alt, ctrl, shift, caps, esc
} else if ( e.keyCode == 13 ){
// Enter
var hoveredLi = $(".MSelectDBox__list-item_hover",dbox);
if ( !hoveredLi.length ) return;
hoveredLi = hoveredLi.get(0);
var selectedKeys = self.getSelectedKeys();
selectedKey = parseInt(hoveredLi.getAttribute('data-msdbid'));
var tmp = selectedKeys.indexOf(selectedKey);
if ( tmp > -1 ){
selectedKeys[tmp] = null;
} else {
selectedKeys.push(selectedKey);
}
self._selectByID(selectedKeys);
self.trigger("select", e);
return;
}
if ( [38,40].indexOf(e.keyCode) > -1 ) {
// up, down
// var ul = $(".MSelectDBox__list-container", dbox);
var li = $('.MSelectDBox__list-item:not(.MSelectDBox__list-item_hidden)', dbox);
hoveredLi = -1;
for(c=0, L=li.length; c<L; c++){
if ( li[c].classList.contains("MSelectDBox__list-item_hover") ) {
hoveredLi = c;
}
}
var newHoveredLi;
if (e.keyCode == 38) {
// up
newHoveredLi = ( hoveredLi - 1 < 0 ? 0 : hoveredLi - 1 );
} else if (e.keyCode == 40) {
// down
newHoveredLi = ( hoveredLi + 1 > li.length - 1 ? li.length - 1 : hoveredLi + 1 );
} else {
return;
}
li[newHoveredLi].classList.add("MSelectDBox__list-item_hover");
if (hoveredLi > -1 && newHoveredLi != hoveredLi){
li[hoveredLi].classList.remove("MSelectDBox__list-item_hover");
}
self._calcScrollBarPosition();
}
}
},
"_eventFocus": function(context,e){
var msdb_value, c, v;
var self = this;
var list = self.get("list");
var dbox = self.get("dbox");
self.open();
var contextElement = ( e.currentTarget || (this instanceof Element ? this : null ) );
if (
["input","textarea"].indexOf(contextElement.tagName.toLowerCase()) != -1
|| (
contextElement.type
&& ["text", "password", "email", "url", "search", "tel"].indexOf(contextElement.type.toLowerCase()) != -1
)
){
msdb_value = contextElement.getAttribute('data-msdb-value');
if ( msdb_value ) msdb_value = msdb_value.trim();
// Если в инпуте уже есть значения, отметить их в списке как выбранные
if (!msdb_value){
var value = self.fx.msplit([',',';'],self.fx.trim(contextElement.value,",; ","both"));
for(c=0; c<value.length; c++){
value[c] = value[c].trim();
for(v=0; v<list.length; v++){
if (list[v].label == value[c]){
list[v].selected = true;
}
}
}
} else {
msdb_value = self.fx.msplit([',',';'],msdb_value);
for(c=0; c<msdb_value.length; c++){
msdb_value[c] = msdb_value[c].trim();
for(v=0; v<list.length; v++){
if ( list[v].value == msdb_value[c] ){
list[v].selected = true;
break;
}
}
}
}
}
// Все строки
var dbox_li = $("li",dbox);
if (dbox_li.length){
// Снять hover со строки
for (v=0; v<dbox_li.length; v++){
if (
(
typeof contextElement.type != "undefined"
&& ["submit","button"].indexOf(contextElement.type.toLowerCase()) > -1
)
|| ( ["submit","body","select"].indexOf(contextElement.tagName.toLowerCase()) > -1 )
){
} else {
dbox_li[v].classList.remove('MSelectDBox__list-item_hover');
}
dbox_li[v].classList.remove('MSelectDBox__list-item_hidden');
}
}
// Записать value внутри инпута
self.applySelectedToInput();
// Отметить выбранные строки
self.applySelectedToList();
// Положение ползунка
self._calcScrollBarPosition();
// Запустить событие
// self.trigger("focus", e);
},
"_initEvents": function(arg){
var eventName;
var body = $("body").get(0);
var self = this;
this.events = Object.create(null);
// ----------------------------------------------------------------
var tmpEvents = {};
// События которые передаются в коррне обьекта-параметра
for(eventName in arg){
if (!arg.hasOwnProperty(eventName)) continue;
if (typeof arg[eventName] != "function") continue;
tmpEvents[eventName.replace(/^on/,'')] = arg[eventName];
}
// События которые передаются в обькте events
for(eventName in arg.events){
if (!arg.events.hasOwnProperty(eventName)) continue;
if (typeof arg.events[eventName] != "function") continue;
tmpEvents[eventName] = arg.events[eventName];
}
// Установка событий
for(eventName in tmpEvents){
if (!tmpEvents.hasOwnProperty(eventName)) continue;
this.on(
eventName,
tmpEvents[eventName],
false
);
}
// ----------------------------------------------------------------
this.on(
"keyup",
function(context, e){
self._eventCheckInputEmpty(e);
}
);
this.on(
"input:empty",
self._eventDefaultInputEmpty
);
this.on("focus", self._eventFocus);
this.on("click", self._eventFocus);
this.on(
"focusout",
function(context, e){
if (e.relatedTarget){
if (
self._isDBoxElement(e.relatedTarget)
|| self._isTargetElement(e.relatedTarget)
){
return;
}
self.close();
}
}
);
this.on("set",this._eventDefaultSet);
this.on("get", this._eventDefaultGet);
this.on("afterSet:list", this._eventSetList);
// ----------------------------------------------------------------
body.addEventListener(
"click",
function(){
// ...
}
);
},
"_deactivateInstances": function(e){
if (
this._isDBoxElement(e.target)
|| this._isTargetElement(e.target)
){
return;
}
if ( this.isActive() ) this.close();
},
"_initTarget": function(){
var target = this.get("target");
var c;
if (
target
&& typeof target == "object"
) {
if (typeof target == "string") {
target = $(target);
this.set("target", (target.length ? target.get(0) : null));
} else if ( target instanceof Element ) {
this.set("target", target);
} else if (
typeof target == "object"
&& typeof target.push != "undefined"
|| Array.isArray(target)
) {
for (c = 0; c < target.length; c++) {
if ( target[c] instanceof Element ){
this.set("target", target[c]);
break;
}
}
}
}
},
"trigger": function(eventName, e){
var self = this;
if (typeof eventName != "string") return;
eventName = eventName.toLowerCase();
var eventConstructor = Event || CustomEvent;
if (
typeof this.events[eventName] == "object"
&& Array.isArray(this.events[eventName])
){
if (
e instanceof CustomEvent == false
&& e instanceof Event == false
){
e = new eventConstructor(eventName);
}
var events = this.events[eventName];
for(var c=0; c<events.length; c++){
if (typeof events[c] != "function") continue;
events[c].apply(this,[self, e]);
}
}
},
"on": function(eventName, fx){
var c, self = this;
var target = this.get("target");
if (
typeof eventName != "string"
|| typeof fx != "function"
) {
return false;
}
eventName = eventName.toLowerCase();
if (
typeof this.events[eventName] != "object"
|| !Array.isArray(this.events[eventName])
){
this.events[eventName] = [];
for(c=0; c<this._targetEvents.length; c++){
if ( this._targetEvents[c].name.toLowerCase() == eventName ){
target.addEventListener(
this._targetEvents[c].event,
function(e){
self.trigger(eventName, e);
},
null
);
break;
}
}
}
this.events[eventName].push(fx);
return true;
},
"_initStyles": function(){
var body = $("body").get(0);
this.styles = Object.create(null);
this.styles.dboxPaddings = 8;
this.styles.listItem_itemColor = null;
this.styles.listItem_selectedColor = null;
this.styles.listItem_hoverColor = null;
this.styles.listItem_selectedHoverColor = null;
if ( !$('#mSelectDBoxStyle').length ){
var stylecss = ''
+' .MSelectDBox' +'{position:absolute; display:block; width:200px; padding:'+this.styles.dboxPaddings+'px; height:auto; box-shadow:0px 0px 8px rgba(0, 0, 0, 0.24); background-color: #FFF; border-radius: 3px;}'
+' .MSelectDBox_hidden' +'{display:none;}'
+' .MSelectDBox:after' +'{content:\'\'; position:absolute; border-left:10px solid transparent; border-right:9px solid transparent; border-bottom:10px solid white; top: -10px; left: 50%; margin-left: -10px;}'
+' .MSelectDBox_bottom:after' +'{content:\'\'; position:absolute; border-left:10px solid transparent; border-right:9px solid transparent; border-bottom: none; border-top:10px solid white; top: initial; bottom: -10px; left: 50%; margin-left: -10px;}'
+' .MSelectDBox__list-container' +'{position:relative; margin:0px; padding:0px; max-height:200px; overflow-x:hidden;}'
+' .MSelectDBox__list-item' +'{position:relative; padding:5px; color:black; display:block; line-height:100%; cursor:pointer; font-size:12px;}'
+' .MSelectDBox__list-item:hover, .MSelectDBox__list-item_hover' +'{background-color:#e6e6e6;}'
+' .MSelectDBox__list-item_selected' +'{background-color:#bc533e; color:white;}'
+' .MSelectDBox__list-item_selected:hover, .MSelectDBox__list-item_selected.MSelectDBox__list-item_hover{background-color:#DB2277;}'
+' .MSelectDBox__list-item_selected:before' +'{content:\':: \';}'
+' .MSelectDBox__list-item:active, .MSelectDBox__list-item_selected:active' +'{background-color:#b80000; color:white;}'
+' .MSelectDBox__list-item_hidden' +'{display:none;}'
+' .MSelectDBox__search-input' +'{border:1px solid #a2a2a2; width:100%;}'
+' .MSelectDBox__search-input-container' +'{margin-bottom:12px;}'
+'';
// #DB2277
var style = document.createElement('style');
style.id = "mSelectDBoxStyle";
style.innerHTML = stylecss;
body.appendChild(style);
}
},
"_initProps": function(arg){
// var self = this;
var c, v, prop;
var allowedKeys = [
{"key":"name", "type": "string"},
{"key":"list", "type": "array"},
{"key":"autoApply", "type":"any", "into": "boolean"},
{"key":"autoPosition", "type":"any", "into":"boolean"},
{"key":"autoComplete", "type":"any", "into":"boolean"},
{"key":"target", "type":"object"},
{"key":"multiple", "type":"any","into":"boolean"},
{"key":"zIndex", "type":"numeric", "into":"integer"},
{"key":"width","type":"any"},
{"key":"builtInInput", "type":"any", "into": "boolean"},
{"key":"optionFilters", "type":"array"}
];
for(c=0; c<allowedKeys.length; c++){
allowedKeys[c].key = allowedKeys[c].key.toLowerCase();
}
if (typeof arg != "object") return;
for(prop in arg){
if ( !arg.hasOwnProperty(prop) ) continue;
var key = prop.toLowerCase();
var option = null;
for(v=0; v<allowedKeys.length; v++){
if ( allowedKeys[v].key.toLowerCase() == key ){
option = allowedKeys[v];
break;
}
}
if ( option ){
if ( option.type == "any" ){
} else if ( option.type == "array" ) {
if ( !Array.isArray(arg[prop]) ){
throw new Error("Argument data type mismatch (key: '" + prop + "')");
}
} else if ( option.type == "numeric" ){
if ( isNaN(arg[prop]) ){
throw new Error("Argument data type mismatch (key: '" + prop + "')");
}
} else {
if ( option.type != typeof arg[prop] ) {
throw new Error("Argument data type mismatch (key: '" + prop + "')");
}
}
if ( option.hasOwnProperty("into") ){
if ( option.into == "boolean" ){
arg[prop] = Boolean(arg[prop])
} else if ( option.into == "integer" ) {
arg[prop] = parseInt(arg[prop])
} else if ( option.into == "float" ) {
arg[prop] = parseFloat(arg[prop])
}
}
// Исключение
if (prop == "width"){
arg[prop] = (
typeof arg.width == "undefined"
? "min"
: (
["min","auto"].indexOf(arg.width) > -1
? arg.width
: parseInt(arg.width)
)
)
}
// Запись в props
this.set(key, arg[prop]);
}
}
},
"_initElements": function(){
var body = $("body").get(0);
var dbox = document.createElement('div');
this.set("dbox", dbox);
dbox.className = "MSelectDBox MSelectDBox_hidden";
var searchInputContainer = $(
'<div class="MSelectDBox__search-input-container">' +
'<input class="MSelectDBox__search-input" type="text">' +
'</div>'
).get(0);
// var searchInput = $("input",searchInputContainer).get(0);
dbox.appendChild(searchInputContainer);
if ( !this.get("builtInInput") ){
searchInputContainer.style.display = "none";
}
this.set("dbox", dbox);
if ( this.get("zIndex") ) dbox.style.zIndex = this.get("zIndex");
// --------------------------------------------------------------
// Ширина
var width = this.get("width");
if (width == "auto"){
dbox.style.width = this.get("target").clientWidth + "px";
} else if (width == "min") {
} else {
dbox.style.width = width + "px";
}
body.appendChild(dbox);
},
"_initList": function(){
var c, L;
if ( !Array.isArray(this.get("list")) ) {
this.set("list", [], null, false);
return false;
}
var list = this.get("list");
var dbox = this.get("dbox");
var tmplist = [];
// TODO FlattenFn
for ( c= 0, L = list.length; c<L; c++ ){
if ( ["number","string"].indexOf(typeof list[c]) != -1 ){
tmplist.push({
"value": list[c].toString(),
"label": list[c].toString(),
"selected": false
});
} else if ( typeof list[c] == "object" ) {
if (
list[c].hasOwnProperty("value")
&& list[c].hasOwnProperty("label")
){
if ( typeof list[c].selected == "undefined" ){
list[c].selected = false;
} else {
list[c].selected = Boolean(list[c].selected);
}
tmplist.push(list[c]);
}
}
}
list = tmplist;
this.set("list", tmplist, null, false);
// -------------------------------------------------------------------
var ul = document.createElement('ul');
ul.className = "MSelectDBox__list-container";
var self = this;
for(var itemKey in list ){
if (!list.hasOwnProperty(itemKey)) continue;
var li = document.createElement("li");
li.className = "MSelectDBox__list-item";
li.setAttribute('data-msdbid',itemKey);
li.addEventListener(
'click',
function(e){
var selectedKeys = [];
var msdbid = parseInt(this.getAttribute('data-msdbid'));
if ( self.get("multiple") ){
list[msdbid].selected = (list[msdbid].selected == false);
selectedKeys = self.getSelectedKeys();
} else {
selectedKeys = [msdbid];
}
self._selectByID(selectedKeys);
self.trigger("select", e);
self.calcPosition();
if (!self.get("multiple")){
self.close();
}
},
null
);
li.addEventListener('mouseleave',function(){
if (this.classList.contains("MSelectDBox__list-item_hover")){
this.classList.remove("MSelectDBox__list-item_hover");
}
},null);
li.innerHTML = list[itemKey].label;
ul.appendChild(li);
}
dbox.appendChild(ul);
},
"init": function(arg){
this._props = Object.create(null);
var self = this;
var body = document.querySelector('body');
this.instances.push(this);
// --------------------------------------------------------------------------------
/*
* "this._initEvents" внутри использует ссылку на target.
* target инициализируется в "this._initProps" и "this._initTarget" и внутри выполняют "this.set"
* "this.set" внутри выполняет "this.trigger", для выполнение которого необходим инициализированный this.events
* => парадокс того что нужно обьявить первично.
* Решается предварительным обьявленимм this.events (Обьявляется дважды: this.initEvents, this.init)
* */
this.events = Object.create(null);
this._initProps(arg);
this._initTarget();
this._initEvents(arg);
this._initElements();
this._initList();
this._initStyles();
// --------------------------------------------------------------------------------
// Таймеры
this._timers = {
"autoComplete" : null
};
// --------------------------------------------------------------------------------
// Целевой элемент
var target = this.get("target");
// --------------------------------------------------------------------------------
// Контейнер списка
var dbox = this.get("dbox");
// --------------------------------------------------------------------------------
if ( self.get("name") ){
target.setAttribute("data-msdb-name",self.get("name"));
dbox.setAttribute("data-msdb-name", self.get("name"));
}
self.on(
"keydown",
function(context, e){
var dbox = self.get("dbox");
var list = self.get("list");
self._eventDefaultKeyDownMultipleFalse(e);
self._eventDefaultKeyDownMultipleTrue(e);
}
);
// ------------------------------------------------------------
if (
["input","textarea"].indexOf(target.tagName.toLowerCase()) != -1
|| (
target.type
&& ["text", "password", "email", "url", "search", "tel"].indexOf(target.type.toLowerCase()) != -1
)
){
self.on(
"keyup",
function(context, e){
self._eventDefaultKeyUp(e);
}
);
}
// --------------------------------------------------------------
// Инициализация матчеров строк
if ( !self.get("optionFilters") ){
self.set(
"optionFilters",
[self.defaultOptionFilters.default]
);
}
// --------------------------------------------------------------
body.addEventListener(
'click', function(e){
self._deactivateInstances(e);
}, null
);
},
"calcPosition" : function(){
var self = this;
var target = this.get("target");
var dbox = this.get("dbox");
var offset = $(target).offset();
var thisWidth = target.clientWidth;
var thisHeight = target.clientHeight;
var dboxWidth = dbox.clientWidth;
dbox.classList.remove("MSelectDBox_bottom");
dbox.style.left = (offset.left + (thisWidth / 2) - ((dboxWidth + (self.styles.dboxPaddings * 2)) / 2)) + "px";
if ( (dbox.clientHeight + offset.top + thisHeight + 12 - scrollY) > window.innerHeight){
dbox.style.top = (offset.top - 12 - dbox.clientHeight) + "px";
dbox.classList.add("MSelectDBox_bottom");
} else {
dbox.style.top = (offset.top + thisHeight + 12) + "px";
}
},
"_calcScrollBarPosition": function(){
var selectedLi;
var dbox = this.get("dbox");
var ul = $(".MSelectDBox__list-container",dbox).get(0);
if ( !this.get("multiple") ){
selectedLi = $(".MSelectDBox__list-item_selected",dbox);
} else {
selectedLi = $(".MSelectDBox__list-item_hover",dbox);
}
if (!selectedLi.length) return;
var top = selectedLi.position().top + ul.scrollTop;
if ( top < ul.clientHeight / 2 ) {
ul.scrollTop = 0;
return;
}
ul.scrollTop = top - ul.clientHeight / 2;
},
"_isDBoxElement": function(element){
var dbox = this.get("dbox");
// var each = $("*", dbox).toArray();
var each = dbox.querySelectorAll("*");
if (each){
each = Array.prototype.slice.call(each,0);
each.push(dbox);
for (var c=0; c<each.length; c++){
if ( each[c] == element ) return true;
}
}
return false;
},
"_isTargetElement": function(element){
var target = this.get("target");
// var each = $("*",target).toArray();
var each = target.querySelectorAll("*");
if (each){
each = Array.prototype.slice.call(each,0);
each.push(target);
for(var c=0; c<each.length; c++){
if (each[c] == element){
return true;
}
}
}
return false;
},
"getSelectedKeys": function(){
var keys = [];
var list = this.get("list");
for (var c=0; c<list.length; c++){
if (
typeof list[c]['selected'] != "undefined"
&& list[c]['selected']
){
keys.push(c);
}
}
return keys;
},
"getSelectedValues": function(){
var values = [];
var list = this.get("list");
for (var c=0; c<list.length; c++){
if (
typeof list[c]['selected'] != "undefined"
&& list[c]['selected']
){
values.push(list[c].value);
}
}
return values;
},
"getSelectedLabels": function(){
var labels = [];
var list = this.get("list");
for (var c=0; c<list.length; c++){
if (
typeof list[c]['selected'] != "undefined"
&& list[c]['selected']
){
labels.push(list[c].label);
}
}
return labels;
},
"applySelectedToList" : function(){
// var self = this;
var dbox = this.get("dbox");
var list = this.get("list");
var li = $("li",dbox);
for(var c= 0, L=li.length; c<L; c++){
var msdbid = li[c].getAttribute("data-msdbid");
if (
typeof list[msdbid] != "undefined"
&& list[msdbid].selected
){
li[c].classList.add('MSelectDBox__list-item_selected');
} else {
li[c].classList.remove('MSelectDBox__list-item_selected');
}
}
},
"applySelectedToInput" : function(){
var self = this;
var listValue = self.getSelectedValues();
var listLabel = self.getSelectedLabels();
var target = this.get("target");
var tagName = target.tagName.toLowerCase();
if ( tagName == "input" ){
if (
target.type
&& ["text", "password", "email", "url", "search", "tel"].indexOf(target.type.toLowerCase()) != -1
){
target.value = listLabel.join("; ") + (!listLabel.length || !this.get("multiple") ? "" : ";");
}
} else if ( tagName == "textarea" ) {
target.value = listLabel.join(";\n") + (!listLabel.length || !this.get("multiple") ? "" : ";\n");
} else if ( tagName == "select" ) {
for (var v=0; v<target.options.length; v++) {
target.options[v].selected = (listValue.indexOf(target.options[v].value > -1));
}
}
target.setAttribute("data-msdb-value", listValue.join(";") + (!listValue.length || !this.get("multiple") ? "" : ";"));
},
"select" : function(arg){
if (typeof arg != "object" || Array.isArray(arg)) return;
var value, key, blank = true;
if (typeof arg.blank != "undefined") blank = Boolean(arg.blank);
if (arg.id){
if ( !isNaN(arg.id) || Array.isArray(arg.id) ){
this._selectByID(parseInt(arg.id));
return;
}
}
if (arg.value) {
value = arg.value;
key = "value";
} else if (arg.label) {
value = arg.label;
key = "label";
} else {
return;
}
if (["number", "string"].indexOf(typeof value) > -1) {
value = [value];
} else if (
typeof value == "object"
&& Array.isArray(value)
) {
} else {
return null;
}
if (!this.get("multiple") && value.length > 1) return null;
var list = this.get("list");
for(var c=0, L=list.length; c<L; c++){
if ( value.indexOf(list[c][key]) > -1 ){
list[c].selected = true;
} else if ( blank ) {
list[c].selected = false;
}
}
this.applySelectedToList();
this.applySelectedToInput();
},
// Каждый раз определяет новую выборку
"_selectByID": function(arg){
var c;
if ( !isNaN(arg) ){
arg = [parseInt(arg)];
} else if ( Array.isArray(arg) ) {
} else {
return;
}
var list = this.get("list");
for(c=0; c<list.length; c++){
list[c].selected = false;
}
for(c=0; c<arg.length; c++){
if (isNaN(arg[c])) continue;
if ( !list.hasOwnProperty(arg[c]) ) continue;
list[arg[c]].selected = true;
}
if (arg.length) {
this.applySelectedToInput();
this.applySelectedToList();
}
},
// Снимание выделение только с указанной выборки, не затрагивая остальные
"_deselectByID": function(arg){
var c;
if (typeof bool == "undefined") bool = true;
if ( !isNaN(arg) ){
arg = [parseInt(arg)];
} else if ( Array.isArray(arg) ) {
} else {
return;
}
var list = this.get("list");
for(c=0; c<arg.length; c++){
if (isNaN(arg[c])) continue;
if ( !list.hasOwnProperty(arg[c]) ) continue;
list[arg[c]].selected = false;
}
if (arg.length) {
this.applySelectedToInput();
this.applySelectedToList();
}
},
"_optionFiltersMatcher": function(filters, matcherStr, matchedStr){
if (arguments.length < 3) return true;
if (typeof filters == "function") filters = [filters];
if (!Array.isArray(filters)) return false;
for(var c=0; c<filters.length; c++){
if ( filters[c].apply(this, [matcherStr, matchedStr]) ){
return true;
}
}
return false;
},
"defaultOptionFilters": {
"default": function(matcherStr, matchedStr){
if (
typeof matcherStr != "string"
|| typeof matchedStr != "string"
){
return false;
}
var pattern = new RegExp(matcherStr.toLowerCase().trim());
matchedStr = matchedStr.toString().toLowerCase();
return Boolean(matchedStr.match(pattern));
},
"russianKeyboard": function(value, item_label){
if (
typeof value != "string"
|| typeof item_label != "string"
){
return false;
}
var enRu = {
"`": "ё", "~":"ё", "q":"й",
"w":"ц", "e":"у", "r":"к",
"t":"е", "y":"н", "u":"г",
"i":"ш", "o":"щ", "p":"з",
"[":"х", "{":"х", "]":"ъ",
"}":"ъ", "a":"ф", "s":"ы",
"d":"в", "f":"а", "g":"п",
"h":"р", "j":"о", "k":"л",
"l":"д", ";":"ж", ":":"э",
"'":"э", "\"":"э", "z":"я",
"x":"ч", "c":"с", "v":"м",
"b":"и", "n":"т", "m":"ь",
",":"б", "<":"б", ".":"ю",
">":"ю"
};
var value2 = value.toLowerCase().split("");
for(var c= 0, L=value2.length; c<L; c++){
if ( enRu.hasOwnProperty(value2[c]) ){
value2[c] = enRu[value2[c]];
}
}
return this.defaultOptionFilters.default(value2.join(""), item_label);
}
},
"_hideItems": function(){},
"_unhideItems": function(){},
"deselectAll" : function(){
var list = this.get("list");
for (var c = 0, L = list.length; c < L; c++) {
list[c].selected = false;
}
this.applySelectedToList();
this.applySelectedToInput();
},
"selectAll" : function(){
var list = this.get("list");
if (this.get("multiple")) {
for (var c = 0, L = list.length; c < L; c++) {
list[c].selected = true;
}
this.applySelectedToList();
this.applySelectedToInput();
} else {
return null;
}
},
"isActive": function(){
var dbox = this.get("dbox");
return dbox.classList.contains("MSelectDBox_hidden") == false
},
"reInitList": function(){
var dbox = this.get("dbox");
$("ul",dbox).detach();
this._initList();
},
"close" : function(){
var dbox = this.get("dbox");
dbox.classList.add("MSelectDBox_hidden");
},
"open" : function(){
var dbox = this.get("dbox");
dbox.classList.remove("MSelectDBox_hidden");
this.calcPosition();
},
"fx" : {
"msplit" : function(d,s){
s = s.replace(new RegExp('['+d.join('')+']','g'),d[0]);
return s.split(d[0]);
},
"trim" : function(str,_chars,_mode){
str = str.split('');
if ( typeof _chars == "string" ){
_chars = _chars.split('');
} else if ( typeof _chars == "object" && typeof _chars.push != "undefined" ){
} else {
return str.join('');
}
if ( typeof _mode == "undefined" ) _mode = 'both';
if ( _mode == 'both' ){
for(;;){
if ( !str.length || !(_chars.indexOf(str[0]) != -1 || _chars.indexOf(str[str.length-1]) != -1) ) break;
if ( _chars.indexOf(str[str.length-1]) != -1 ) str.pop();
if ( _chars.indexOf(str[0]) != -1 ) str.shift();
}
}
if ( _mode == 'left' ){
for(;;){
if ( !str.length || _chars.indexOf(str[0]) == -1 ) break;
str.shift();
}
}
if ( _mode == 'right' ){
for(;;){
if ( !str.length || _chars.indexOf(str[str.length-1]) == -1 ) break;
str.pop();
}
}
return str.join('');
},
"rest": function(arr, n){
if (typeof arr != "object") return [];
if (typeof n != "number") return [];
return Array.prototype.slice.call(arr, n);
}
}
};
// ---------------------------------------------------------------------------------------------------
var methodsList = ["open","close","isActive","get","set","select","selectAll","deselectAll","on","trigger"];
$.fn.extend({
"mSelectDBox": function(arg){
if (!this.length) return;
// var name = this[0].getAttribute("data-msdb-name");
var instances = MSelectDBox.prototype.getInstances();
var instance = void 0;
var input = this[0];
for(var c=0; c<instances.length; c++){
if ( instances[c].get("target") == input ){
instance = instances[c];
break;
}
}
if (!arguments.length) {
return instance;
} else if (typeof arg == "string"){
if ( methodsList.indexOf(arg) > -1 ){
var rest = MSelectDBox.prototype.fx.rest(arguments,1);
if ( typeof instance[arg] == "function" ){
return instance[arg].apply(instance, rest);
}
}
} else if (typeof arg == "object") {
// Создать новый экземпляр и привязать его к инпуту
arg.target = this[0];
return new MSelectDBox(arg);
}
}
});
$.prototype.mSelectDBox.prototype = MSelectDBox.prototype;
})(jQuery);