159 lines
4.4 KiB
JavaScript
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);
|
||
|
});
|
||
|
});
|