ldapsaisie/public_html/includes/libs/arian-mootools-datepicker/Picker.Attach.js

160 lines
4 KiB
JavaScript
Raw Normal View History

/*
---
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();
}
});