mirror of
https://gitlab.easter-eggs.com/ee/ldapsaisie.git
synced 2024-09-07 07:11:06 +02:00
159 lines
4 KiB
JavaScript
159 lines
4 KiB
JavaScript
/*
|
|
---
|
|
name: Picker.Attach
|
|
description: Adds attach and detach methods to the Picker, to attach it to element events
|
|
authors: Arian Stolwijk
|
|
requires: [Picker, Core/Element.Event]
|
|
provides: Picker.Attach
|
|
...
|
|
*/
|
|
|
|
|
|
Picker.Attach = new Class({
|
|
|
|
Extends: Picker,
|
|
|
|
options: {/*
|
|
onAttachedEvent: function(event){},
|
|
|
|
toggleElements: null, // deprecated
|
|
toggle: null, // When set it deactivate toggling by clicking on the input */
|
|
showOnInit: false, // overrides the Picker option
|
|
blockKeydown: true
|
|
},
|
|
|
|
initialize: function(attachTo, options){
|
|
this.parent(options);
|
|
|
|
this.attachedEvents = [];
|
|
this.attachedElements = [];
|
|
this.toggles = [];
|
|
this.inputs = [];
|
|
|
|
var documentEvent = function(event){
|
|
if (this.attachedElements.contains(event.target)) return;
|
|
this.close();
|
|
}.bind(this);
|
|
var document = this.picker.getDocument().addEvent('click', documentEvent);
|
|
|
|
var preventPickerClick = function(event){
|
|
event.stopPropagation();
|
|
return false;
|
|
};
|
|
this.picker.addEvent('click', preventPickerClick);
|
|
|
|
// Support for deprecated toggleElements
|
|
if (this.options.toggleElements) this.options.toggle = document.getElements(this.options.toggleElements);
|
|
|
|
this.attach(attachTo, this.options.toggle);
|
|
},
|
|
|
|
attach: function(attachTo, toggle){
|
|
if (typeOf(attachTo) == 'string') attachTo = document.id(attachTo);
|
|
if (typeOf(toggle) == 'string') toggle = document.id(toggle);
|
|
|
|
var elements = Array.from(attachTo),
|
|
toggles = Array.from(toggle),
|
|
allElements = [].append(elements).combine(toggles),
|
|
self = this;
|
|
|
|
var closeEvent = function(event){
|
|
var stopInput = self.options.blockKeydown
|
|
&& event.type == 'keydown'
|
|
&& !(['tab', 'esc'].contains(event.key)),
|
|
isCloseKey = event.type == 'keydown'
|
|
&& (['tab', 'esc'].contains(event.key)),
|
|
isA = event.target.get('tag') == 'a';
|
|
|
|
if (stopInput || isA) event.preventDefault();
|
|
if (isCloseKey || isA) self.close();
|
|
};
|
|
|
|
var getOpenEvent = function(element){
|
|
return function(event){
|
|
if (event.target.get('tag') == 'a') event.stop();
|
|
self.fireEvent('attachedEvent', [event, element]);
|
|
self.position(element);
|
|
self.open();
|
|
};
|
|
};
|
|
|
|
var getToggleEvent = function(open, close){
|
|
return function(event){
|
|
if (self.opened) close(event);
|
|
else open(event);
|
|
};
|
|
};
|
|
|
|
allElements.each(function(element){
|
|
|
|
// The events are already attached!
|
|
if (self.attachedElements.contains(element)) return;
|
|
|
|
var events = {},
|
|
tag = element.get('tag'),
|
|
openEvent = getOpenEvent(element),
|
|
// closeEvent does not have a depency on element
|
|
toggleEvent = getToggleEvent(openEvent, closeEvent);
|
|
|
|
if (tag == 'input'){
|
|
// Fix in order to use togglers only
|
|
if (!toggles.length){
|
|
events = {
|
|
focus: openEvent,
|
|
click: openEvent,
|
|
keydown: closeEvent
|
|
};
|
|
}
|
|
self.inputs.push(element);
|
|
} else {
|
|
if (toggles.contains(element)){
|
|
self.toggles.push(element);
|
|
events.click = toggleEvent
|
|
} else {
|
|
events.click = openEvent;
|
|
}
|
|
}
|
|
element.addEvents(events);
|
|
self.attachedElements.push(element);
|
|
self.attachedEvents.push(events);
|
|
});
|
|
return this;
|
|
},
|
|
|
|
detach: function(attachTo, toggle){
|
|
if (typeOf(attachTo) == 'string') attachTo = document.id(attachTo);
|
|
if (typeOf(toggle) == 'string') toggle = document.id(toggle);
|
|
|
|
var elements = Array.from(attachTo),
|
|
toggles = Array.from(toggle),
|
|
allElements = [].append(elements).combine(toggles),
|
|
self = this;
|
|
|
|
if (!allElements.length) allElements = self.attachedElements;
|
|
|
|
allElements.each(function(element){
|
|
var i = self.attachedElements.indexOf(element);
|
|
if (i < 0) return;
|
|
|
|
var events = self.attachedEvents[i];
|
|
element.removeEvents(events);
|
|
delete self.attachedEvents[i];
|
|
delete self.attachedElements[i];
|
|
|
|
var toggleIndex = self.toggles.indexOf(element);
|
|
if (toggleIndex != -1) delete self.toggles[toggleIndex];
|
|
|
|
var inputIndex = self.inputs.indexOf(element);
|
|
if (toggleIndex != -1) delete self.inputs[inputIndex];
|
|
|
|
});
|
|
return this;
|
|
},
|
|
|
|
destroy: function(){
|
|
this.detach();
|
|
return this.parent();
|
|
}
|
|
|
|
});
|