agenda-libre-ruby/public/webshims/shims/form-combat.js

159 lines
4.4 KiB
JavaScript

//
webshims.register('form-combat', function($,webshims){
"use strict";
var replacementDatas = {
};
var addReplacement = function(pName, dataName, obj){
if($.fn[pName]){
if(typeof dataName == 'object'){
obj = dataName;
dataName = pName;
}
replacementDatas[dataName] = obj;
webshims.info('detected use of '+ pName +' try to add support.');
}
};
addReplacement('select2', {
shadow: 'container',
shadowFocus: 'focusser',
_create: function(elem, shadow, shadowFocus, widgetData){
if(('container' in widgetData) && $.isFunction(widgetData.opened)){
var onValidate = function(e){
if (!webshims.wsPopover.isInElement([elem, shadow, shadowFocus, $(widgetData.container)], e.target)) {
$(elem).trigger('updatevalidation.webshims');
}
};
$(shadow).on('wsallowinstantvalidation', function(e, data){
$(document).off('focusin', onValidate);
if(data.type == 'focusout' && data.target != elem && widgetData.opened()){
$(document).on('focusin', onValidate);
return false;
}
});
}
}
});
addReplacement('chosen', {
shadow: 'container',
shadowFocus: 'search_field'
});
addReplacement('selectpicker', {
shadow: '$newElement',
shadowFocus: '$button',
_create: function(elem, shadow, shadowFocus, widgetData){
if(('$menu' in widgetData)){
var onValidate = function(e){
if (!webshims.wsPopover.isInElement([elem, shadow, shadowFocus, $(widgetData.$menu)], e.target)) {
$(elem).trigger('updatevalidation.webshims');
}
};
$(shadow).on('wsallowinstantvalidation', function(e, data){
$(document).off('focusin', onValidate);
if(data.type == 'focusout' && data.target != elem){
$(document).on('focusin', onValidate);
return false;
}
});
}
}
});
addReplacement('selectBoxIt', {
shadow: 'dropdownContainer',
shadowFocus: 'dropdown'
});
addReplacement('checkboxradio', 'mobileCheckboxradio', {
shadow: 'label',
shadowFocus: 'element'
});
var uiSelect = {
shadow: 'button',
shadowFocus: function(data){
return data.options.nativeMenu ? data.element : data.button;
},
_create: function(elem, shadow, shadowFocus, widgetData){
var menuName;
if(('menu' in widgetData)){
menuName = 'menuName';
} else if(('listbox' in widgetData)){
menuName = 'listbox';
}
if(menuName){
var onValidate = function(e){
if (!webshims.wsPopover.isInElement([elem, shadow, shadowFocus, $(widgetData[menuName]).parent()], e.target)) {
$(elem).trigger('updatevalidation.webshims');
}
};
$(shadow).on('wsallowinstantvalidation', function(e, data){
if(data.type == 'focusout' && data.target != elem && widgetData.isOpen){
setTimeout(function(){
$(document).off('focusin', onValidate).on('focusin', onValidate);
}, 1);
return false;
}
});
}
}
};
addReplacement('selectmenu', 'mobileSelectmenu', uiSelect);
addReplacement('selectmenu', 'uiSelectmenu', uiSelect);
function find(context){
$('select:not(.ui-select-nativeonly), input[type="radio"], input[type="checkbox"]', context).each(find.detectReplacement);
}
find.register = function(elem, data, pluginDescriptor, plugin){
var shadow = typeof pluginDescriptor.shadow == 'string' ? data[pluginDescriptor.shadow] : pluginDescriptor.shadow(data, elem);
var shadowFocus = typeof pluginDescriptor.shadowFocus == 'string' ? data[pluginDescriptor.shadowFocus] : pluginDescriptor.shadowFocus(data, elem);
if(!shadowFocus){
shadowFocus = shadow;
}
if(shadow && (replacementDatas.success || ($(shadowFocus).attr('tabindex') || $(shadowFocus).prop('tabIndex') > -1))){
webshims.addShadowDom(elem, shadow, {shadowFocusElement: shadowFocus});
if(pluginDescriptor._create){
pluginDescriptor._create(elem, shadow, shadowFocus, data);
}
replacementDatas.success = true;
} else {
webshims.error("webshim could not add support for "+plugin);
if(plugin in replacementDatas){
delete replacementDatas[plugin];
}
}
};
find.detectReplacement = function(){
var plugin;
var data = $(this).data();
if(data && !(webshims.data(this) || {}).hasShadow){
for(plugin in replacementDatas){
if(data[plugin]){
find.register(this, data[plugin], replacementDatas[plugin], plugin);
break;
}
}
}
};
webshims.addReady(function(context){
setTimeout(function(){
find(context);
}, 4);
});
});