Your IP : 216.73.216.43
window.fc_init_hide_dependent = 1;
window.fc_refreshing_dependent = 0;
window.fc_dependent_params = {};
window.fc_cascade_field_funcs = {};
window.fc_Dialogs = {};
function fc_getAutoSizePos(winwidth, winheight, params)
{
var maxWidth = typeof winwidth === 'undefined' ? 0 : winwidth;
var maxHeight = typeof winheight === 'undefined' ? 0 : winheight;
var paddingW = (!!params && !!params.paddingW ? params.paddingW : 70);
var paddingH = (!!params && !!params.paddingH ? params.paddingH : 120);
var visibleWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var visibleHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
var w = maxWidth ? maxWidth : visibleWidth - paddingW;
var h = maxHeight ? maxHeight : visibleHeight - paddingH;
// Add fixed scrolling class and ... also add auto-width / auto-height classes so dimensions are treated as MAX values
params.dialogClass = typeof params.dialogClass !== 'undefined' ? params.dialogClass : 'fc-fixed-dialog';
params.dialogClass += ' fc-autow-dialog';
params.dialogClass += ' fc-autoh-dialog';
if (visibleWidth < 600 || visibleHeight < 600)
{
params.winwidth = w > (visibleWidth - 10) ? (visibleWidth - 10) : w;
params.winheight = h > (visibleHeight - 10) ? (visibleHeight - 10) : h;
}
else
{
params.winwidth = w > (visibleWidth - paddingW) ? (visibleWidth - paddingW) : w;
params.winheight = h > (visibleHeight - paddingH) ? (visibleHeight - paddingH) : h;
}
//window.console.log ('winwidth : ' + params.winwidth + ', winheight : ' + params.winheight );
params.winleft = (visibleWidth - params.winwidth) / 2 - 5;
params.wintop = (visibleHeight - params.winheight) / 2 - 5;
//window.console.log ('winleft : ' + params.winleft + ', wintop : ' + params.wintop);
return params;
}
function fc_loadImagePreview(input_id, img_id, msg_id, thumb_w, thumb_h, nonimg_mssg)
{
var nonimg_mssg = typeof nonimg_mssg !== 'undefined' ? nonimg_mssg : '';
var input = document.getElementById(input_id);
var msg_box = document.getElementById(msg_id);
var _msg = '';
var input_files = input.files;
if (input_files && input_files[0])
{
var imageType = /image.*/;
if (!input_files[0].type.match(imageType))
{
if (nonimg_mssg=='-1') _msg = '';
else if (nonimg_mssg=='-2') _msg = input.value;
else if (nonimg_mssg=='0' || nonimg_mssg=='') _msg = (nonimg_mssg!='' ? nonimg_mssg : input.value+' <br/> '+Joomla.JText._('FLEXI_NOT_AN_IMAGE_FILE'));
jQuery('#'+img_id).hide();
}
else
{
if (nonimg_mssg=='-2' || nonimg_mssg=='0') _msg = input.value;
else _msg = '';
var reader = new FileReader();
reader.onload = function (e) {
var img = jQuery('#'+img_id);
img.attr('src', e.target.result);
if (thumb_w) parseInt(thumb_w) ? img.width(thumb_w) : img.css('width', thumb_w);
if (thumb_h) parseInt(thumb_h) ? img.height(thumb_h) : img.css('height', thumb_h);
img.show();
};
reader.readAsDataURL(input_files[0]);
}
}
msg_box.nodeName == 'INPUT' ? msg_box.value = input.value : msg_box.innerHTML = input.value;
}
// Display content in modal popup
function fc_showAsDialog(obj, winwidth, winheight, closeFunc, params)
{
params = typeof params !== 'undefined' ? params : {};
params = fc_getAutoSizePos(winwidth, winheight, params);
// Make it jQuery object if it is not already
obj = jQuery(obj);
// Get close function
closeFunc = typeof closeFunc !== 'undefined' && closeFunc ? closeFunc : 0;
var keepPlace = !!params.keepPlace;
var visibleOnClose = !!params.visibleOnClose;
// Because allowing moving modal to be moved out of form (under body), we need to set form ATTRIBUTE to form, for any form elements inside it
if (!keepPlace)
{
var form_fields = obj.find('textarea, select, input, button').toArray();
for ( var i = 0, l = form_fields.length; i < l; i++ )
{
// Get field type / tag name
var $el = jQuery(form_fields[i]);
var form = form_fields[i].form;
if (form && form.id && !$el.attr('form'))
{
$el.attr('form', form.id);
}
}
}
var parent = obj.parent();
var theDialog = obj.dialog({
title: params.title,
closeOnEscape: (typeof params.closeOnEscape !== 'undefined' ? params.closeOnEscape : true),
resize: false,
autoOpen: false,
width: params.winwidth,
height: params.winheight,
//position: { at: 'center' },
modal: (typeof params.modal !== 'undefined' ? params.modal : true),
dialogClass: params.dialogClass,
icons: {
primary: "ui-icon-heart"
},
buttons: {
/*'Close': function() { jQuery(this).dialog('close'); }*/
},
open: function(ev, ui){
// Fix for Pagebuilder CK modifying not-owned modals
jQuery('.ui-widgetck .ui-dialog-titlebar-close > .ui-icon').removeClass('ui-widgetck-overlay').css('top', '0').css('left', '0');
jQuery('.ui-widgetck').removeClass('ui-widgetck').addClass('ui-widget fc-no-scroll');
jQuery('.ui-widgetck-content').removeClass('ui-widgetck-content').addClass('ui-widget-content');
jQuery('.ui-widgetck-header').removeClass('ui-widgetck-header').addClass('ui-widget-header');
jQuery('.ui-widgetck-overlay').removeClass('ui-widgetck-overlay').addClass('ui-widget-overlay').css('z-index', '2049').css('position', 'fixed');
// Close on click outside of modal popup
if (typeof params.closeOnOutClick !== 'undefined' ? params.closeOnOutClick : true) {
jQuery('.ui-widget-overlay, .pac-container').bind('click', function () {
obj.dialog('close');
});
}
},
// Clear contents after dialog closes
close: function(ev, ui)
{
// Allow parent document to scroll again
var bodyTag = jQuery(this).closest('body');
var fc_modal_count = parseInt(bodyTag.data('fc_modal_count'));
bodyTag.data('fc_modal_count', --fc_modal_count);
if (fc_modal_count == 0)
{
bodyTag.removeClass('fc-no-scroll');
}
// Destroy the dialog completely, this is needed because we have moved the content back into its proper position
jQuery(this).dialog('destroy');
// Allow CSS class to apply
if (visibleOnClose) obj.css({'height': '', 'width': '', 'display': '', 'visibility': ''});
// Finalize by doing the closing operation
if (typeof closeFunc === 'function') closeFunc(obj);
else if (closeFunc == 1) window.location.reload(false);
else if (closeFunc == 0) ;
else alert('Unknown action'+closeFunc);
}
})
.dialog('widget').next('.ui-widget-overlay').css('background', 'gray'); // Add an overlay
// Manually move the dialog content back into its proper position, (the extra dialog container will be destroyed on dialog close)
if (keepPlace) obj.parent().appendTo(parent);
// Force manual position of dialog
obj.parent().css({ 'left': params.winleft+'px', 'width': params.winwidth+'px', 'top': params.wintop+'px'});
// Open the dialog manually
theDialog = obj.dialog('open');
// Add modal's data to the data of the parent of the HTML container: max-width, max-height, params, dialog reference
theDialog.data('fc_dialog_params', params);
theDialog.data('fc_dialog_maxwidth', winwidth);
theDialog.data('fc_dialog_maxheight', winheight);
obj.parent().data('fc_dialog', theDialog);
// Stop scrolling of parent document
var bodyTag = obj.closest('body');
var fc_modal_count = !! bodyTag.data('fc_modal_count') ? parseInt(bodyTag.data('fc_modal_count')) : 0;
bodyTag.data('fc_modal_count', ++fc_modal_count);
bodyTag.addClass('fc-no-scroll');
// Return a reference of the dialog to the caller
return theDialog;
}
// Load given URL in an open dialog
function fc_showDialog(url, tagid, no_iframe, winwidth, winheight, closeFunc, params)
{
params = typeof params !== 'undefined' ? params : {};
params = fc_getAutoSizePos(winwidth, winheight, params);
var loadFunc = typeof params.loadFunc !== 'undefined' && params.loadFunc ? params.loadFunc : false;
// Get close function
var closeFunc = typeof closeFunc !== 'undefined' && closeFunc ? closeFunc : 0;
// Get container creating it if it does not exist
var container = jQuery('#'+tagid);
if (!container.length)
{
container = jQuery('<div id="'+tagid+'"></div>').appendTo(document.body);
}
// Get loading animation tag, creating it if it does not exist, (re)showing if it is exists
var loading = jQuery('#'+tagid+'_loading');
if (!loading.length)
{
loading = jQuery('<div id="'+tagid+'_loading" class="fc_loading_msg" style="position:absolute; background-color:transparent;">loading...</div>');
container.prepend(loading);
}
else loading.show();
// Add the iframe
var iframe;
if (!no_iframe)
{
iframe = jQuery('<iframe id="'+tagid+'_frame" style="visibility:hidden; width:100%; height:100%; border:0; margin:0; padding:0;" src=""></iframe>');
container.append(iframe);
iframe.on('load', function() {
// Show retrieved contents and hide the loading animation
iframe.show().css('visibility', 'visible');
loading.hide();
// Remove unneeded scroll bar inside iframe document, new browser security disallows this ?
//iframe.contents().find('body').css({ 'height': 'unset' });
});
}
// Contaner CSS depending on usage of iframe
no_iframe ?
container.css('overflow', 'scroll') :
container.css('overflow', 'hidden').css('padding', '0') ;
// Initialize popup container
container.dialog({
title: params.title,
closeOnEscape: (typeof params.closeOnEscape !== 'undefined' ? params.closeOnEscape : false),
autoOpen: false,
width: params.winwidth,
height: params.winheight,
modal: (typeof params.modal !== 'undefined' ? params.modal : true),
//position: { at: 'center' },
dialogClass: params.dialogClass,
// Load contents (url) when dialog opens
open: function(ev, ui){
no_iframe ?
container.load(url) :
jQuery('#'+tagid+'_frame').attr('src', url);
// Fix for Pagebuilder CK modifying not-owned modals
jQuery('.ui-widgetck .ui-dialog-titlebar-close > .ui-icon').removeClass('ui-widgetck-overlay').css('top', '0').css('left', '0');
jQuery('.ui-widgetck').removeClass('ui-widgetck').addClass('ui-widget fc-no-scroll');
jQuery('.ui-widgetck-content').removeClass('ui-widgetck-content').addClass('ui-widget-content');
jQuery('.ui-widgetck-header').removeClass('ui-widgetck-header').addClass('ui-widget-header');
jQuery('.ui-widgetck-overlay').removeClass('ui-widgetck-overlay').addClass('ui-widget-overlay').css('z-index', '2049').css('position', 'fixed');
// Close on click outside of modal popup
jQuery('.ui-widget-overlay, .pac-container').bind('click', function(){
container.dialog('close');
});
},
// Clear contents after dialog closes
close: function(ev, ui)
{
// Allow parent document to scroll again
var bodyTag = jQuery(this).closest('body');
var fc_modal_count = parseInt(bodyTag.data('fc_modal_count'));
bodyTag.data('fc_modal_count', --fc_modal_count);
if (fc_modal_count == 0)
{
bodyTag.removeClass('fc-no-scroll');
}
// Remove container / iframe contents (we re-use it)
no_iframe ? container.html('') : jQuery('#'+tagid+'_frame').remove();
// Finalize by doing the closing operation
if (typeof closeFunc === 'function') closeFunc();
else if (closeFunc == 1) window.location.reload(false);
else if (closeFunc == 0) ;
else alert('Unknown action'+closeFunc);
}
});
// Force manual position of dialog
container.parent().css({ 'left': params.winleft+'px', 'width': params.winwidth+'px', 'top': params.wintop+'px'});
// Open the dialog manually
var theDialog = container.dialog('open');
fc_Dialogs[tagid] = theDialog;
// Add modal's data to the data of the parent of the HTML container: max-width, max-height, params, dialog reference
theDialog.data('fc_dialog_params', params);
theDialog.data('fc_dialog_maxwidth', winwidth);
theDialog.data('fc_dialog_maxheight', winheight);
container.parent().data('fc_dialog', theDialog);
// Attach on-load function to the iframe
if (!no_iframe && loadFunc)
{
jQuery('#'+tagid).find('iframe').first().on('load', function(e, data) {
loadFunc( container );
});
}
// Stop scrolling of parent document
var bodyTag = container.closest('body');
var fc_modal_count = !! bodyTag.data('fc_modal_count') ? parseInt(bodyTag.data('fc_modal_count')) : 0;
bodyTag.data('fc_modal_count', ++fc_modal_count);
bodyTag.addClass('fc-no-scroll');
// Return a reference of the dialog to the caller
return theDialog;
}
// Close given dialog
function fc_closeDialog(name)
{
if (!!fc_Dialogs[name])
{
fc_Dialogs[name].dialog('close');
}
return false;
}
// Scroll into view
function fc_scrollIntoView (elem, smooth)
{
var cTop = elem.offset().top;
var cHeight = elem.outerHeight(true);
var windowTop = jQuery(window).scrollTop();
var visibleHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
var top_extra = 90;
var bottom_extra = 80;
//window.console.log ('cTop: ' + cTop + ' , windowTop: ' + windowTop);
//window.console.log ('cHeight: ' + cHeight + ' , visibleHeight: ' + visibleHeight);
if (cTop - top_extra < windowTop) {
if (smooth) {
jQuery('html, body').animate({scrollTop: cTop - top_extra}, 400);
} else {
jQuery('html, body').scrollTop(cTop - top_extra);
}
} else if (cTop + cHeight + bottom_extra > windowTop + visibleHeight) {
if (smooth) {
jQuery('html, body').animate({scrollTop: cTop - visibleHeight + cHeight + bottom_extra}, 400);
} else {
jQuery('html, body').scrollTop(cTop - visibleHeight + cHeight + bottom_extra);
}
}
}
function fc_findFormDependencies(el, toggleParent, toggleParentSelector, field)
{
var seton_list = el.data('_seton_list'); // (selector comma list) show elements by selector
var setoff_list= el.data('_setoff_list'); // (selector comma list) hide elements by selector
var refsh_list = el.data('_refsh_list'); // (selector comma list) trigger change on elements
var show_list = el.data('_show_list'); // (classnames comma list) grant display dependency to elements (container shown when dependencies are zero)
var hide_list = el.data('_hide_list'); // (classnames comma list) revoke display dependency to elements (container hidden when dependencies non-zero)
var force_list = el.data('_force_list'); // (classnames comma list) show regardless of display dependencies (this is non-persistent -and- element's dependencies are not cleared)
var fcreadonly = el.data('_fcreadonly'); // (JSON format, element name : value) set readonly property of elements, 1:ON , 2:OFF
var fcconfigs = el.data('_fcconfigs'); // (JSON format, element name : value) set value of elements
var _d;
if (!seton_list) {
seton_list = {};
seton_list[0] = el.attr('data-seton_list') ? el.attr('data-seton_list') : null;
el.data('_seton_list', seton_list);
}
if (!setoff_list) {
setoff_list = {};
setoff_list[0] = el.attr('data-setoff_list') ? el.attr('data-setoff_list') : null;
el.data('_setoff_list', setoff_list);
}
if (!refsh_list) {
refsh_list = {};
refsh_list[0] = el.attr('data-refsh_list') ? el.attr('data-refsh_list') : null;
el.data('_refsh_list', refsh_list);
}
if (!fcreadonly) {
var fcreadonly = el.attr('data-fcreadonly');
if (fcreadonly) {
fcreadonly = fcreadonly.replace(/\'/g, '"');
fcreadonly = jQuery.parseJSON(fcreadonly);
}
el.data('_fcconfigs', fcconfigs);
}
if (!fcconfigs) {
var fcconfigs = el.attr('data-fcconfigs');
if (fcconfigs) {
fcconfigs = fcconfigs.replace(/\'/g, '"');
fcconfigs = jQuery.parseJSON(fcconfigs);
}
el.data('_fcconfigs', fcconfigs);
}
if (!show_list) {
show_list = {};
_d = el.attr('data-show_list') ? el.attr('data-show_list').split(',') : Array();
for (var i = 0; i<_d.length; i++) show_list[_d[i].trim()] = 1;
el.data('_show_list', show_list);
}
if (!hide_list) {
hide_list = {};
_d = el.attr('data-hide_list') ? el.attr('data-hide_list').split(',') : Array();
for (var i = 0; i<_d.length; i++) hide_list[_d[i].trim()] = 1;
el.data('_hide_list', hide_list);
}
if (!force_list) {
force_list = {};
_d = el.attr('data-force_list') ? el.attr('data-force_list').split(',') : Array();
for (var i = 0; i<_d.length; i++) force_list[_d[i].trim()] = 1;
el.data('_force_list', force_list);
}
var toBeUpdated = Array();
var u = 0;
jQuery.each( force_list, function( cname, val ) {
if (!fc_dependent_params.hasOwnProperty(cname)) fc_dependent_params[cname] = Array();
fc_dependent_params[cname][fc_dependent_params[cname].length] = el;
if (val) {
jQuery('.'+cname).each(function( index ) {
var c = jQuery(this);
c.attr('data-fc_forced_display', '1');
toBeUpdated[u++] = c;
});
}
});
jQuery.each( hide_list, function( cname, val ) {
if (!fc_dependent_params.hasOwnProperty(cname)) fc_dependent_params[cname] = Array();
fc_dependent_params[cname][fc_dependent_params[cname].length] = el;
if (val) {
jQuery('.'+cname).each(function( index ) {
var c = jQuery(this);
var dlist = c.data('fc_depend_list');
if (!dlist) dlist = {};
if (dlist.hasOwnProperty(cname)) dlist[cname]++; else dlist[cname]= 1;
c.data('fc_depend_list', dlist);
if (c.attr('data-fc_forced_display')!='1') {
toBeUpdated[u++] = c;
}
});
}
});
// Display fields / enable input on them ( removeAttr + css ), force them to update display ( trigger:click ), and to validate new value ( trigger:blur )
if (fcconfigs) for (var fieldname in fcconfigs) {
if (fcconfigs.hasOwnProperty(fieldname)) {
var jf_field = jQuery('#'+'jform_attribs_'+fieldname); // first try 'jform_attribs'
if (!jf_field.length) {
jf_field = jQuery('#'+'jform_params_'+fieldname); // then try 'jform_params'
if (!jf_field.length) {
jf_field = jQuery('#'+'jform_'+fieldname); // then try just 'jform_'
if (!jf_field.length) continue;
}
}
jf_field = jf_field.first();
if (jf_field.is('fieldset')) {
jf_field.find('input').removeAttr('disabled').removeAttr('readonly');
jf_field.find('label').removeAttr('disabled').css('pointer-events', 'auto').css('opacity', '1');
jf_field.find(':input[value="'+fcconfigs[fieldname]+'"]').next().trigger('click').trigger('blur');
} else if (jf_field.is('select')) {
jf_field.removeAttr('disabled').removeAttr('readonly');
if (jf_field.prop('multiple')) {
jf_field.val('').trigger('change');
jQuery.each(fcconfigs[fieldname].split(','), function(i, val){
jf_field.find('option[value=\"' + val.trim() + '\"]').attr('selected', 'selected');
});
} else {
jf_field.val(fcconfigs[fieldname]);
}
jf_field.trigger('change');
} else {
jf_field.removeAttr('disabled').removeAttr('readonly').val(fcconfigs[fieldname]).trigger('click').trigger('blur');
}
}
}
if (fcreadonly) for (var fieldname in fcreadonly) {
if (fcreadonly.hasOwnProperty(fieldname)) {
var jf_field = jQuery('#'+'jform_attribs_'+fieldname); // first try 'jform_attribs'
if (!jf_field.length) {
jf_field = jQuery('#'+'jform_params_'+fieldname); // then try 'jform_params'
if (!jf_field.length) {
jf_field = jQuery('#'+'jform_'+fieldname); // then try just 'jform_'
if (!jf_field.length) continue;
}
}
jf_field = jf_field.first();
if (fcreadonly[fieldname] && !field.hasClass('fccustom_revert')) {
if (jf_field.is('fieldset')) {
jf_field.find('input').attr('readonly', 'readonly');
jf_field.find('label').attr('disabled', true).css('pointer-events', 'none').css('opacity', '0.65');
} else if (jf_field.is('select')) {
jf_field.attr('readonly', 'readonly').css('pointer-events', 'none').css('opacity', '0.85');
} else {
jf_field.attr('readonly', 'readonly').css('opacity', '0.85')
}
} else {
if (jf_field.is('fieldset')) {
jf_field.find('input').removeAttr('disabled');
jf_field.find('label').removeAttr('disabled').css('pointer-events', 'auto').css('opacity', '1');
}
else {
jf_field.removeAttr('readonly').css('pointer-events', 'auto').css('opacity', '1');
}
}
}
}
jQuery.each( show_list, function( cname, val ) {
if (!fc_dependent_params.hasOwnProperty(cname)) fc_dependent_params[cname] = Array();
fc_dependent_params[cname][fc_dependent_params[cname].length] = el;
if (val) {
jQuery('.'+cname).each(function( index ) {
var c = jQuery(this);
var dlist = c.data('fc_depend_list');
if (!dlist) dlist = {};
if (dlist.hasOwnProperty(cname)) dlist[cname]--; else dlist[cname]= -1;
c.data('fc_depend_list', dlist);
if (c.attr('data-fc_forced_display')!='1') {
toBeUpdated[u++] = c;
}
});
}
});
setTimeout(function(){
jQuery.each( setoff_list, function( i, selector ) {
if (selector) {
jQuery(selector).each(function( index ) {
var c = jQuery(this);
c.slideUp('fast');
});
}
});
jQuery.each( seton_list, function( i, selector ) {
if (selector) {
jQuery(selector).each(function( index ) {
var c = jQuery(this);
c.slideDown('fast');
});
}
});
}, !fc_init_hide_dependent ? 0 : 50);
if (!fc_init_hide_dependent) {
fc_applyFormDependencies(toBeUpdated, toggleParent, toggleParentSelector, 0);
if (!fc_refreshing_dependent) {
fc_refreshing_dependent = 1;
// Refresh needed dependencies
if (typeof refsh_list != 'string') jQuery.each( refsh_list, function( i, selector ) {
if (selector) {
jQuery(selector).each(function( index ) {
var c = jQuery(this);
if (c.is('select'))
c.trigger('fcform_run_deps'); // instead of change
else if (c.is('input[type="radio"]'))
c.closest('.fcform_toggler_element').find('input[type="radio"]:checked').trigger('fcform_run_deps'); // instead of click
else if (c.is('fieldset') && c.hasClass('radio'))
c.find('input[type="radio"]:checked').trigger('fcform_run_deps'); // instead of click
});
}
});
}
fc_refreshing_dependent = 0;
}
// Restore the form to select the element with value ''
if ( field.hasClass('fccustom_revert') && el.value!='' )
{
var currVal;
if ( field.is('fieldset') ) {
currVal = field.find('input[type="radio"]:checked').val();
if (currVal!='') {
field.find('input').attr('disabled', 'disabled');
field.find('label').attr('disabled', true).css('pointer-events', 'none').css('opacity', '0.65');
}
} else {
currVal = field.val();
if (currVal!='') field.attr('disabled', 'disabled').css('pointer-events', 'none').css('opacity', '0.85');
}
if (currVal!='') setTimeout(function(){
if (field.is('fieldset')) {
field.find('input').removeAttr('disabled').removeAttr('readonly');
field.find('label').removeAttr('disabled').css('pointer-events', 'auto').css('opacity', '1');
field.find(':input[value=""]').next().trigger('click');
} else {
field.removeAttr('disabled').removeAttr('readonly').css('pointer-events', 'auto').css('opacity', '1');
field.val('').trigger('click');
}
}, 200);
}
return toBeUpdated;
}
// Add toggling of dependent form elements
function fc_bindFormDependencies(container, toggleParent, toggleParentSelector)
{
var vTimeStart = new Date().getTime();
var toBeUpdated_ALL = Array();
var k = 0;
// Performance concern: use custom event
// Bind dependencies of select elements
jQuery(container+' select.fcform_toggler_element').on('change fcform_run_deps', function(e, data) {
var toBeUpdated = fc_findFormDependencies( jQuery('option:selected', this), toggleParent, toggleParentSelector, jQuery(this) );
for (var i = 0; i < toBeUpdated.length; i++) {
toBeUpdated_ALL[k++] = toBeUpdated[i];
}
});
// Bind dependencies of radio elements
jQuery(container+' .fcform_toggler_element input:radio').on('click fcform_run_deps', function(e, data) {
var toBeUpdated = fc_findFormDependencies( jQuery(this), toggleParent, toggleParentSelector, jQuery(this).parent('.fcform_toggler_element') );
for (var i = 0; i < toBeUpdated.length; i++) {
toBeUpdated_ALL[k++] = toBeUpdated[i];
}
});
// *** Update the form
jQuery('form').data('skip_validation' ,1);
// Enqueue dependencies by triggering change on select elements
jQuery('form select.fcform_toggler_element').trigger('fcform_run_deps');
// Enqueue dependencies by triggering change on radio elements
jQuery('form .fcform_toggler_element input[type="radio"]:checked').trigger('fcform_run_deps');
//alert(toBeUpdated_ALL.length);
// Apply form changes according to dependencies
fc_applyFormDependencies(toBeUpdated_ALL, toggleParent, toggleParentSelector, 1);
// Clear this flag to indicate that form initialization is done
fc_init_hide_dependent = 0;
jQuery('form').data('skip_validation', null);
/*setTimeout(function(){ }, 20);*/
if (!!Joomla.fc_debug) window.console.log( 'fc_bindFormDependencies() time: ' + ((new Date()) - vTimeStart) + ' ms');
}
/* Attach form validation to inner elements of the given selector */
function fc_validationAttach(sel)
{
document.formvalidator.attachToForm(null, sel);
}
/* Set children to have same minimum height e.g. floated elements that need to wrap properly */
function fc_setEqualHeights(box, property, delay)
{
property = !!property ? property : 0; // 0: both height + min-height, 1: height, 2: min-height
delay = !!delay ? delay : 20;
var elements = box.children();
elements.css({'height': '', 'min-height': ''});
setTimeout(function() {
var max_h = Number.NEGATIVE_INFINITY;
var max_mh = Number.NEGATIVE_INFINITY;
jQuery.each(elements, function(index, item) {
if (property==1 || property==0)
{
if (jQuery(item).height() > max_h) max_h = jQuery(item).height();
}
if (property==2 || property==0)
{
if (jQuery(item).outerHeight() > max_mh) max_mh = jQuery(item).outerHeight();
}
});
var val_h = '' + max_h + 'px';
var val_mh = '' + max_mh + 'px';
elements.each(function(i, v) {
if (property==1 || property==0)
{
if (v.style.height != val_h) v.style.height = val_h;
}
if (property==2 || property==0)
{
if (v.style.minHeight != val_mh) v.style.minHeight = val_mh;
}
});
}, delay);
}
function fc_toggleCompactValuesView(el, field_values_box, btn_class)
{
btn_class = btn_class || 'btn-info';
// Get field value containers
var rows = field_values_box.find('.fcfieldval_container');
var el = jQuery(el);
// Set expanding flag and expand or compact properties
if (el.prop('tagName')=='INPUT')
{
var expand_field = el.prop('type')=='checkbox' ? el.is(':checked') : el.val()=='1';
}
else
{
var expand_field = !el.data('expandedFieldState');
el.data('expandedFieldState', expand_field);
expand_field ? el.addClass('active ' + btn_class) : el.removeClass('active ' + btn_class);
}
expand_field ? rows.addClass('fc-expanded'): rows.removeClass('fc-expanded');
}
/* Attach boostrap styling / behaviour to the inner contents of the given selector */
function fc_bootstrapAttach(sel)
{
var sbox = jQuery(sel);
// Turn radios into btn-group
sbox.find('.radio.btn-group label').addClass('btn');
sbox.find('fieldset.btn-group').each(function() {
// Handle disabled, prevent clicks on the container, and add disabled style to each button
if (jQuery(this).prop('disabled')) {
jQuery(this).css('pointer-events', 'none').off('click');
jQuery(this).find('.btn').addClass('disabled');
}
});
sbox.find('.btn-group label:not(.active)').click(function()
{
var label = jQuery(this);
var input = jQuery('#' + label.attr('for'));
if (!input.prop('checked')) {
label.closest('.btn-group').find('label').removeClass('active btn-success btn-danger btn-primary');
if (input.val() == '') {
label.addClass('active btn-primary');
} else if (input.val() == 0) {
label.addClass('active btn-danger');
} else {
label.addClass('active btn-success');
}
input.prop('checked', true);
input.trigger('change');
}
});
sbox.find('.btn-group input[checked="checked"]').each(function()
{
var input = jQuery(this);
if (input.val() == '') {
input.parent().find('label[for="' + input.attr('id') + '"]').addClass('active btn-primary');
} else if (input.val() == 0) {
input.parent().find('label[for="' + input.attr('id') + '"]').addClass('active btn-danger');
} else {
input.parent().find('label[for="' + input.attr('id') + '"]').addClass('active btn-success');
}
});
}
function fc_applyFormDependencies(toBeUpdated, toggleParent, toggleParentSelector, noFX)
{
var emptySet = jQuery();
jQuery.each( toBeUpdated, function( i, val ) {
var c = jQuery(this);
var dlist = c.data('fc_depend_list');
if (!dlist) dlist = {};
var forced = c.attr('data-fc_forced_display');
jQuery.each(dlist, function( i, val ) { if(val<=0) delete dlist[i]; if(val>=1) dlist[i]=1 ;});
c.data('fc_depend_list', dlist);
var toggledBox = !toggleParent || c.hasClass('fc_toggle_current') ? emptySet : (toggleParentSelector ? c.parents(toggleParentSelector) : c.parents().eq(toggleParent));
if ( jQuery.isEmptyObject(dlist) || forced=='1' )
{
toggledBox.length ? toggledBox.slideDown(noFX ? 0 : 500) : c.slideDown(noFX ? 0 : 500);
}
else
{
toggledBox.length ? toggledBox.slideUp(noFX ? 0 : 500) : c.slideUp(noFX ? 0 : 500);
}
});
jQuery.each( toBeUpdated, function( i, val ) {
var c = jQuery(this);
c.attr('data-fc_forced_display', '0');
});
}
function fcCascadedField_update(elVal, trgID, field_id, item_id, field_type, cascade_prompt, prompt_enabled, valindex)
{
// Joomla Base URL
var base_url = !!jbase_url_fc ? jbase_url_fc : '';;
var trgEL = jQuery('#'+trgID);
trgEL.parent().find('.field_cascade_loading').html('<img src="'+base_url+'components/com_flexicontent/assets/images/ajax-loader.gif" align="center" /> ... Loading');
var loading_prompt = ''; // Joomla.JText._('FLEXI_PLEASE_WAIT')
fcCascadedField_clear(trgEL, loading_prompt, prompt_enabled);
trgEL.removeAttr('data-defvals'); // Remove default values of select2 JS
jQuery.ajax({
type: 'POST',
url: base_url + 'index.php?option=com_flexicontent&tmpl=component&format=raw',
data: {
lang: (typeof fc_sef_lang != 'undefined' ? fc_sef_lang : ''),
task: 'call_extfunc',
omethod: 'html', /* unused */
exttype: 'plugins',
extfolder: 'flexicontent_fields',
extname: field_type,
extfunc: 'getCascadedField',
field_id: field_id,
item_id: item_id,
valgrps: elVal,
valindex: valindex
}
}).done( function(data) {
//window.console.log ('Got data for:' + trgEL.attr('id'));
trgEL.parent().find('.field_cascade_loading').html('');
data = data.trim();
if (data!='')
{
trgEL.empty().append(data).val('');
var trgTagName = trgEL.prop("tagName");
// Special case 0: Re-attach cascade function to the updated HTML of radio/checkbox set
if (fc_cascade_field_funcs.hasOwnProperty(trgID) && trgTagName!='SELECT')
{
//window.console.log ('Re-attach cascade function for new HTML source for tag ID:' + trgID);
fc_cascade_field_funcs[trgID]();
}
// Special case 1: Re-apply prettyCheckable to the updated HTML of radio/checkbox set
trgEL.find('.use_prettycheckable').each(function() {
var elem = jQuery(this);
var lbl = elem.next('label');
var lbl_html = elem.next('label').html();
lbl.remove();
elem.prettyCheckable({
color: 'blue',
label: lbl_html
});
});
}
else
{
trgEL.empty().append('<option value="" '+(!prompt_enabled ? 'disabled="disabled"' : '')+'>'+cascade_prompt+'</option>');
}
trgEL.trigger('change'); // Retrigger change event to update select2 display
});
}
function fcCascadedField_clear(el, prompt, prompt_enabled)
{
var trgTagName = el.prop("tagName");
if (trgTagName=='SELECT')
{
el.empty();
if (prompt) el.append('<option value="" '+(!prompt_enabled ? 'disabled="disabled"' : '')+'>' + prompt + '</option>');
el.trigger('change', [{elementClear:1}]);
}
else
{
el.find('input').first().trigger('change', [{elementClear:1}]);
el.empty();
if (prompt) el.append('<span class="fcpadded alert alert-info">'+prompt+'</span>');
}
}
function fcCascadedField(field_id, item_id, field_type, srcSelector, trgID, cascade_prompt, prompt_enabled, valindex)
{
var onEL = jQuery(srcSelector);
var onEL2 = onEL.parent().find('select.use_select2_lib');
var isSel2 = onEL2.length != 0;
var srcEL = isSel2 ? onEL2 : onEL;
var trgEL = jQuery('#'+trgID);
//window.console.log ('ATTACHING fcCascadedField() FOR source SELECTOR: ' + srcSelector + ' to UPDATE element with ID: ' + trgID + ' , valindex: ' + valindex);
var elementClear = (typeof data!== 'undefined' && typeof data.elementClear !== 'undefined') ? data.elementClear : 0; // workaround for radio, checkbox causing unneeded server call
var elType = srcEL.attr('type');
if (elType=='radio' || elType=='checkbox') {
var elVal = Array();
srcEL.parent().parent().find('input:checked').each(function( index ) {
elVal[elVal.length] = jQuery(this).val();
});
elVal = elVal.join(',');
} else {
var elVal = srcEL.val();
}
if ( !elementClear && !! elVal )
{
trgEL.closest('.fcfieldval_container_outer, .control-group').show();
} else {
trgEL.closest('.fcfieldval_container_outer, .control-group').hide();
}
srcEL.on('change', function(e, data){
var elementClear = (typeof data!== 'undefined' && typeof data.elementClear !== 'undefined') ? data.elementClear : 0; // workaround for radio, checkbox causing unneeded server call
var elType = srcEL.attr('type');
if (elType=='radio' || elType=='checkbox') {
var elVal = Array();
srcEL.parent().parent().find('input:checked').each(function( index ) {
elVal[elVal.length] = jQuery(this).val();
});
elVal = elVal.join(',');
} else {
var elVal = srcEL.val();
}
//window.console.log ('CHANGED element ID: ' + srcEL.attr('id') + ' , isCHECKED: ' + srcEL.is(':checked') + ' type: '+srcEL.attr('type'));
if ( !elementClear && !! elVal )
{
//window.console.log ('CHANGED element ID: ' + srcEL.attr('id') + ' --> Updating:' + trgEL.attr('id') + ' for VALGRP: -' + elVal + '- value of 1st element: ' + srcEL.val() + ' type: '+srcEL.attr('type'));
trgEL.closest('.fcfieldval_container_outer, .control-group').show();
fcCascadedField_update(elVal, trgID, field_id, item_id, field_type, cascade_prompt, prompt_enabled, valindex);
} else {
//window.console.log ('CHANGED element ID: ' + srcEL.attr('id') + ' --> Clearing:' + trgEL.attr('id') + ' TAG type: ' + trgEL.prop("tagName"));
trgEL.closest('.fcfieldval_container_outer, .control-group').hide();
fcCascadedField_clear(trgEL, cascade_prompt, prompt_enabled);
}
});
}
// *** Check that a variable is not null and is defined (has a value)
function js_isset (variable)
{
if (variable==null) return false;
if (typeof variable == "undefined") return false;
return true;
}
// Store a configuration cookie (like current user choices)
function fc_config_store(conf, prop_name, prop_value)
{
var cookieName = conf.fc_man_config_cookie;
var managerName = conf.fc_man_manager_name;
var cookieValue = fclib_getCookie(cookieName);
//window.console.log('Using cookieName: ' + cookieName + ', managerName: ' + managerName);
//window.console.log(cookieName + ', Old value: ' +cookieValue);
cookieValue = jQuery.parseJSON(cookieValue ? cookieValue : '{}');
if (typeof cookieValue[managerName] == 'undefined')
{
cookieValue[managerName] = {};
}
cookieValue[managerName][prop_name] = prop_value;
window.console.log(cookieName + ', New value: ' + JSON.stringify(cookieValue));
var nDays = 30;
fclib_setCookie(cookieName, JSON.stringify(cookieValue), nDays);
}
//******************************************
//*** Column hide/show related functions ***
//******************************************
// *** Hide a column of a table
function fc_tbl_toggle_column(container_div_id, data_tbl_id, col_no, firstrun)
{
// 1. Get column-status array for the table with id: data_tbl_id
var show_col = eval('show_col_'+data_tbl_id);
// 2. Decide show or hide action and update the displayed number of the hidden columns (if any must be in the element with id: data_tbl_id+'_hidecolnum_box')
if ( !js_isset(show_col[col_no]) || show_col[col_no] ) {
var action_func = 'hide';
show_col[col_no] = 0;
var hidecol_box = document.getElementById(data_tbl_id+'_hidecolnum_box');
if ( js_isset(hidecol_box) ) {
hidecol_box.innerHTML = parseInt(hidecol_box.innerHTML) + 1;
}
} else {
var action_func = 'show';
show_col[col_no] = 1;
var hidecol_box = document.getElementById(data_tbl_id+'_hidecolnum_box');
if ( js_isset(hidecol_box) ) {
hidecol_box.innerHTML = parseInt(hidecol_box.innerHTML) - 1;
}
}
if (firstrun)
{
if (action_func === 'hide' && !document.getElementById('fc_' + container_div_id + '_btn').classList.contains('btn-inverse'))
{
document.getElementById('fc_' + container_div_id + '_btn').classList += ' btn-dark btn-inverse text-white';
}
}
//var ffieldname_label = 'columnchoose_' + data_tbl_id + '_' + col_no + '_label';
//var ffieldname_label = document.getElementById(ffieldname_label);
//if ( js_isset(ffieldname_label) ) if (action_func == 'show') ffieldname_label.style.color='black'; else ffieldname_label.style.color='#00aa00';
// 3. Get table and all its rows
var tbl = document.getElementById(data_tbl_id);
var rows = jQuery(tbl).find('> thead > tr, > tbody > tr');
var toggle_amount = 1;
// Find 'colspan' start of the column given the -index- 'col_no' of the head cell
var _col_no = 0;
var tcells = jQuery(rows[0]).children('td, th');
for (cell=0; cell<col_no; cell++) {
if (cell>=tcells.length) break;
colspan = parseInt(jQuery(tcells[cell]).attr('colspan'));
if (colspan) {
_col_no = _col_no + colspan;
} else {
_col_no++;
}
}
// 4. Iterate through rows toggling the particular column
for (var row=0; row<rows.length; row++) {
var cell_cnt, cell;
// Get cell(s) of the current row
var tcells = jQuery(rows[row]).children('td, th');
// First row is header, we will get 'colspan' of the HEAD CELL, which indicates how many 'toggle_amount' single-colspan columns should be toggled
if (row==0) {
toggle_amount = parseInt(jQuery(tcells[col_no]).attr('colspan'));
if (!toggle_amount) toggle_amount = 1;
}
// Find where the cell's index in current row, we need this loop since previous cell of row maybe using colspan
cell_cnt = 0;
for (cell=0; cell<tcells.length; cell++) {
var colspan;
var data_colspan = jQuery(tcells[cell]).attr('data-colspan');
if (firstrun && !data_colspan) {
colspan = parseInt(jQuery(tcells[cell]).attr('colspan'));
if (colspan) {
jQuery(tcells[cell]).attr('data-colspan', colspan);
}
} else {
colspan = parseInt(jQuery(tcells[cell]).attr('data-colspan'));
}
if (cell_cnt==_col_no+toggle_amount-1) break;
var next_cnt = colspan ? cell_cnt + colspan : cell_cnt + 1;
if (next_cnt > _col_no) break;
cell_cnt = next_cnt;
}
// Finally TOGGLE the found cell, we take into account that the given cell may have colspan,
// if it does have colspan we increase / decrease, a ZERO remaining colspan, will make us hide the cell, and a non-zero makes us display the cell
var _cell = cell;
var colspan_remaining = toggle_amount;
for (cell=_cell; cell<_cell+toggle_amount; cell++) {
if (cell<tcells.length) {
var colspan = parseInt(jQuery(tcells[cell]).attr('colspan'));
jQuery(tcells[cell]).removeClass('initiallyHidden');
if ( colspan )
{
if ( action_func == 'hide' )
{
if ( colspan > colspan_remaining ) {
jQuery(tcells[cell]).attr('colspan', colspan - colspan_remaining);
} else {
firstrun ?
eval('jQuery(tcells[cell]).'+action_func+'(0)') :
eval('jQuery(tcells[cell]).'+action_func+'(0)');
jQuery(tcells[cell]).addClass('isHidden');
}
}
else if (!firstrun)
{
if ( !jQuery(tcells[cell]).hasClass('isHidden') ) {
jQuery(tcells[cell]).attr('colspan', colspan + colspan_remaining);
} else {
eval('jQuery(tcells[cell]).'+action_func+'(0)');
jQuery(tcells[cell]).removeClass('isHidden');
}
}
colspan_remaining = colspan_remaining - colspan;
}
else if (action_func == 'hide' || !firstrun)
{
firstrun ?
eval('jQuery(tcells[cell]).'+action_func+'(0)') :
eval('jQuery(tcells[cell]).'+action_func+'(0)');
colspan_remaining--;
}
}
if (colspan_remaining<1) break; // no more colspan to toggle columns
}
}
// Update cookie data and display data
if (!firstrun && container_div_id)
{
column_toggles_update_data(container_div_id, data_tbl_id);
}
}
// *** Update cookie data and display data
function column_toggles_update_data(container_div_id, data_tbl_id)
{
var col_selectors = jQuery('#'+container_div_id+'_cols input');
var col_selected = new Array();
var i = 0;
for (var cnt=0; cnt<col_selectors.length; cnt++)
{
if ( jQuery(col_selectors[cnt]).attr("checked") )
{
col_selected[i++] = jQuery(col_selectors[cnt]).attr("data-colno");
}
}
var cookieName = 'fc_columnchooser';
var cookieValue = fclib_getCookie(cookieName);
//window.console.log(cookieName + ' - old value: ' +cookieValue);
cookieValue = jQuery.parseJSON(cookieValue ? cookieValue : '{}');
cookieValue[data_tbl_id] = col_selected.join(',');
//window.console.log(cookieName + ' - new value: ' + JSON.stringify(cookieValue));
var nDays = 30;
fclib_setCookie(cookieName, JSON.stringify(cookieValue), nDays);
var totals_tag = jQuery('#columnchoose_totals');
if (totals_tag.length)
{
totals_tag.html(col_selectors.length == col_selected.length ? '' : ' '+(col_selected.length - col_selectors.length));
}
}
// *** Create column choosers row for a table. NOTE must have <th> cells at row 0
function create_column_choosers(container_div_id, data_tbl_id, firstload, start_text, end_text, toggle_on_init)
{
// 1. Get column-status array for the table with id: data_tbl_id
var show_col = eval('show_col_'+data_tbl_id);
// 2. Get table and its first row and then the 'th' cells in it
var firstrow = jQuery("#"+data_tbl_id+" thead tr:first"); //document.getElementById(data_tbl_id);
var thcells = firstrow.find('th');
// 3. Iterate through the 'th' cells and create column hiders for those having the class 'hideOnDemandClass'
var str = (typeof start_text != "undefined") ? start_text : '';
for (var col = 0; col < thcells.length; col++)
{
// 4. Skip if not having 'hideOnDemandClass' class
if (!jQuery(thcells[col]).hasClass('hideOnDemandClass')) continue;
// 5. Get column name
var column_toggle_lbl = jQuery(thcells[col]).find('.column_toggle_lbl');
var col_display_name = column_toggle_lbl.length ? column_toggle_lbl.html() : jQuery(thcells[col]).text();
column_toggle_lbl.remove();
// 6. Show / Hide current column
if ( ( !firstload && !js_isset(show_col[col]) ) || ( jQuery(thcells[col]).hasClass('initiallyHidden') && !js_isset(show_col[col]) ) )
{
var checked_str = '';
var fontcolor_str = 'black';//var fontcolor_str = '#aaaaaa';
// *** It has value of 0 or not set, set it to 1 for fc_tbl_toggle_column() function to hide it
show_col[col] = 1;
if (toggle_on_init) fc_tbl_toggle_column(container_div_id, data_tbl_id, col, 1);
}
else
{
var checked_str = 'checked="checked"';
var fontcolor_str = 'black'; //var fontcolor_str = 'black';
// *** It has value of 1 or not set, set it to 0 for fc_tbl_toggle_column() function to show it
show_col[col] = 0;
if (toggle_on_init) fc_tbl_toggle_column(container_div_id, data_tbl_id, col, 1);
}
// 7. Create column checkbox and append it to str
var ffieldid = 'columnchoose_' + data_tbl_id + '_' + col;
var ffieldname = 'columnchoose_' + data_tbl_id + '[' + col + ']';
str = str + '<input id="' + ffieldid + '" name="' + ffieldname + '" type="checkbox" data-colno="' + col + '" ' + checked_str + ' onclick="fc_tbl_toggle_column(\''+container_div_id+'\', \''+data_tbl_id+'\', '+col+', 0);">'
+ '<label id="' + ffieldid + '_label" style="color:'+fontcolor_str+';" for="' + ffieldid + '">' + col_display_name + '</label>';
}
// 8. Fill in 'column choose box'
str = '<span id="'+container_div_id+'_cols">' + str + '</span>' + end_text;
document.getElementById(container_div_id).innerHTML=str;
// 9. Update cookie data and display data
column_toggles_update_data(container_div_id, data_tbl_id);
}
/* Set a cookie */
function fclib_setCookie(cookieName, cookieValue, nDays, samesite="lax")
{
var today = new Date();
var expires = new Date();
var path = typeof jclient_path_fc != 'undefined' ? jclient_path_fc : window.location.hostname;
if (nDays==null || nDays<0) nDays=0;
if (nDays)
{
expires.setTime(today.getTime() + 3600000*24*nDays);
document.cookie = cookieName+"="+encodeURIComponent(cookieValue) + ";samesite=" + samesite + ";path=" + path + ";expires=" + expires.toGMTString();
} else {
// nDays 0 , aka no expiration date, keep cookie till browser closes
document.cookie = cookieName+"="+encodeURIComponent(cookieValue) + ";samesite=" + samesite + ";path=" + path;
}
//alert(cookieName+"="+encodeURIComponent(cookieValue) + ";path=" + path);
}
/* Get a cookie */
function fclib_getCookie(cookieName)
{
let matched = document.cookie.match(new RegExp('(^|;\\s*)' + cookieName + '=([^;]+)'));
return matched ? decodeURIComponent(matched[2]) : '';
}
/* Get a new list of 2-typles (key, element) living inside a cookie
* List is an object with 'key' being the property name and 'element' being the value of the property
*/
function fclib_createCookieList(cookieName, nDays)
{
var cookieValue = fclib_getCookie(cookieName);
var items = jQuery.parseJSON(cookieValue ? cookieValue : '{}');
nDays = nDays || 90;
return {
// Add to the items
"add": function(key, element)
{
items[key] = element;
fclib_setCookie(cookieName, JSON.stringify(items), nDays);
},
// Remove from items
"remove": function (key)
{
if (typeof items[key] != 'undefined')
{
delete items[key];
fclib_setCookie(cookieName, JSON.stringify(items), nDays);
}
},
// Clear items
"clear": function()
{
items = {};
fclib_setCookie(cookieName, JSON.stringify(items), nDays);
},
// Get all the items
"items": function()
{
return items;
}
}
}
/* Remove known textarea editors, optionally add a flag to restore editors laters */
function fc_removeAreaEditors(txtareas, addRestoreClass)
{
addRestoreClass = typeof addRestoreClass != 'undefined' ? addRestoreClass : 0;
// Remove known JS editors
txtareas.each(function(i, txtarea)
{
var areaid = jQuery(txtarea).attr('id');
var hasTinyMCE = !!(!areaid || typeof tinyMCE === 'undefined' ? false : tinyMCE.get(areaid));
if (hasTinyMCE) {
tinyMCE.majorVersion >= 4 ?
tinymce.remove('#'+areaid) :
tinymce.EditorManager.execCommand('mceRemoveEditor', false, areaid) ;
if (addRestoreClass) jQuery(txtarea).addClass('fc_hadTinyMCE');
}
var hasCodeMirror = typeof CodeMirror === 'undefined' ? false : jQuery(txtarea).first().next().hasClass('CodeMirror');
if (hasCodeMirror) {
jQuery(txtarea).first().next().get(0).CodeMirror.toTextArea();
if (addRestoreClass) jQuery(txtarea).addClass('fc_hadCodeMirror');
// Remove codemirror container in case that removing it failed
if (jQuery(txtarea).first().next('.CodeMirror').length) jQuery(txtarea).first().next('.CodeMirror').remove();
}
});
}
/* Restore known textarea editors to textareas with respective class */
function fc_restoreAreaEditors(txtareas)
{
fc_attachTinyMCE( txtareas.filter('.fc_hadTinyMCE') );
fc_attachCodeMirror( txtareas.filter('.fc_hadCodeMirror') );
}
/* Attach tinyMCE with default settings */
function fc_attachTinyMCE(txtareas, MCEoptions, mceFieldname)
{
// Create a copy of the options, so that we do not modify the original options objet
var _MCEoptions = typeof MCEoptions!=='undefined' ? jQuery.extend({}, MCEoptions) : {};
mceFieldname = typeof mceFieldname!=='undefined' ? mceFieldname : false;
var theArea, areaID;
txtareas.each(function(i, txtarea)
{
var theArea = jQuery(txtarea);
var areaID = theArea.attr('id');
// Remove tinymce classes from the textarea
theArea.removeClass('mce_editable');
// J3.7.0+ (with integrated XTD buttons) is using new setup method
if (typeof mceFieldname!=='undefined' && typeof Joomla.JoomlaTinyMCE != 'undefined' && typeof MCEoptions.joomlaExtButtons != 'undefined')
{
var tinyMCEOptions = {};
tinyMCEOptions[mceFieldname] = _MCEoptions;
Joomla.JoomlaTinyMCE.setupEditor(jQuery('#' + areaID).get(0), {tinyMCE: tinyMCEOptions});
}
else if (tinyMCE.majorVersion >= 4)
{
_MCEoptions.selector = '#' + areaID;
tinyMCE.init(_MCEoptions);
//tinyMCE.EditorManager.execCommand('mceAddEditor', true, areaID); //var editor = tinyMCE.get(areaid); //tinyMCE.editors[areaID];
}
else
{
_MCEoptions.mode = 'exact';
_MCEoptions.elements = areaID;
tinyMCE.init(_MCEoptions);
//tinyMCE.EditorManager.execCommand('mceAddControl', true, areaID); //var editor = tinymce.EditorManager.get(area_id); // tinyMCE.editors[areaID];
}
// Some cleanups for proper display
theArea.addClass('mce_editable');
theArea.parent().children('.mce-container').css('display', ''); // allow editor container to stretch to the full width of its external container
});
return txtareas.length==1 ? tinyMCE.get(areaID) : true;
}
/* Attach CodeMirror with optional settings */
function fc_attachCodeMirror(txtareas, CMoptions)
{
CMoptions = typeof CMoptions!=='undefined' ? CMoptions : {
mode: 'application/x-httpd-php',
indentUnit: 2,
lineNumbers: true,
matchBrackets: true,
lineWrapping: true,
onCursorActivity: function(CM)
{
CM.setLineClass(hlLine, null);
hlLine = CM.setLineClass(CM.getCursor().line, 'activeline');
}
};
var editor, theArea;
txtareas.each(function(i, txtarea)
{
theArea = jQuery(txtarea);
theArea.removeClass(); // Remove all classes from the textarea
editor = CodeMirror.fromTextArea(theArea.get(0), CMoptions);
editor.refresh();
});
return txtareas.length==1 ? editor : true;
}
/* Toggle box via a button and set CSS class to indicate that it is open */
function fc_toggle_box_via_btn(theBox, btn, btnClass, btnNew, mode, cookieName)
{
var box = typeof theBox=='string' ? jQuery('#'+theBox) : theBox;
if (btnNew)
{
// Show but remove 'display' property to allow CSS classes to take effect (possibly hiding it)
btnNew.show().css('display', '');
jQuery(btn).hide();
}
var cookieName = !!cookieName ? (typeof cookieName=='string' ? cookieName : theBox + '-disp') : false;
//window.console.log(cookieName);
if (
(typeof mode!=='undefined' && parseInt(mode)) || // use the mode provided
(typeof mode==='undefined' && box.is(':hidden')) // if any of the elements collection 'box' is hidden then open them all
) {
if (cookieName) fclib_setCookie(cookieName, 1, 0); // nDays 0 , aka no expiration date, keep cookie till browser closes
jQuery(btn).data('fc_noeffect') || jQuery(btn).hasClass('fc_noeffect') ?
box.show() :
box.slideDown(400) ;
// Only remove 'data-fc_noeffect' but not the fc_noeffect class
jQuery(btn).addClass(btnClass).data('fc_noeffect', null);
}
else
{
if (cookieName) fclib_setCookie(cookieName, 0, 0); // nDays 0 , aka no expiration date, keep cookie till browser closes
jQuery(btn).data('fc_noeffect') || jQuery(btn).hasClass('fc_noeffect') ?
box.hide() :
box.slideUp(400) ;
// Only remove 'data-fc_noeffect' but not the fc_noeffect class
jQuery(btn).removeClass(btnClass).data('fc_noeffect', null);
}
}
/* Disable/enable a check box group e.g. when 'Use Global' option is toggled */
function fc_toggle_checkbox_group(containerID, useGlobalElement)
{
var container = jQuery('#'+containerID);
var inputs = container.find('input');
el = jQuery(useGlobalElement);
if ( el.is(':checked') ) {
inputs.each(function(index){
jQuery(this).attr('disabled', true);
});
} else {
inputs.each(function(index){
jQuery(this).attr('disabled', false);
});
}
el.attr('disabled', false);
}
/* Auto-resize the currently open dialog vertically or horizontally */
function fc_dialog_resize_now(boxWsel, boxHsel, contentSel)
{
boxWsel = typeof boxWsel != 'undefined' ? boxWsel : '.ui-dialog.fc-autow-dialog';
boxHsel = typeof boxHsel != 'undefined' ? boxHsel : '.ui-dialog.fc-autoh-dialog';
contentSel = typeof contentSel != 'undefined' ? contentSel : '.ui-dialog-content';
// Resize the modal(s)
var dialogs = jQuery(boxWsel + ' , '+ boxHsel);
dialogs.each(function( index )
{
var dialog_box = jQuery(this);
var theDialog = dialog_box.data('fc_dialog');
if (theDialog)
{
var params = theDialog.data('fc_dialog_params');
var maxwidth = theDialog.data('fc_dialog_maxwidth');
var maxheight = theDialog.data('fc_dialog_maxheight');
params = params || {};
maxwidth = maxwidth || 0;
maxheight = maxheight || 0;
params = fc_getAutoSizePos(maxwidth, maxheight, params);
dialog_box
.css({ 'left': params.winleft+'px', 'width': params.winwidth+'px' })
.css({ 'top': params.wintop+'px', 'height': params.winheight+'px' });
}
});
// Parameters for modal that should take full window
var dialog_box_sbox = jQuery('#sbox-window');
var dialog_box_jmedia = jQuery('div.field-media-wrapper > div.modal');
if (dialog_box_sbox.length || dialog_box_jmedia.length)
{
params = fc_getAutoSizePos(0, 0, {});
// Maximize sbox modal
if (dialog_box_sbox.length)
{
dialog_box_sbox
.css({ 'position': 'fixed' })
.css({ 'left': params.winleft+'px', 'width': (params.winwidth-40)+'px' })
.css({ 'top': params.wintop+'px', 'height': (params.winheight-20)+'px' })
.find('#sbox-content').children('iframe')
.removeAttr('width').removeAttr('height').css({ 'width': '100%', 'height': '100%' });
}
// Maximize joomla media modal
if (dialog_box_jmedia.length)
{
dialog_box_jmedia.css({ 'top': (params.wintop-30)+'px', 'height': (params.winheight-60)+'px' });
}
}
// Fix modal's inner container adding unneeded scrollbar
var dialogs = jQuery(boxHsel);
dialogs.each(function( index )
{
var dialog_box = jQuery(this);
var content_box = dialog_box.find(contentSel);
var h = dialog_box.height() - content_box.prev().outerHeight(true) - content_box.next().outerHeight(true);
content_box.css({ 'height': h+'px', 'margin': '0', 'box-sizing': 'border-box' });
// Remove unneeded scroll bar inside iframe document, new browser security disallows this ?
//var body = content_box.find('iframe').contents().find('body');
//body.css({ 'height': 'unset' });
});
}
/* Debounced function execution by the given 'wait' time, forcing single function execution within the given 'wait' time */
function fc_debounce_exec(func, wait, immediate, func_context)
{
var timeout;
return function() {
var context = func_context || this, args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
}
var fc_dialog_resize = fc_debounce_exec(fc_dialog_resize_now, 200, false, null);
jQuery(window).resize(function() {
fc_dialog_resize();
});
/* Apply select2 JS to targeted elements */
function fc_attachSelect2(sel, s2_elems)
{
sel = typeof sel !== 'undefined' && sel ? sel : 'body';
var sbox = jQuery(sel);
s2_elems = s2_elems || sbox.find('select.use_select2_lib');
if (window.skip_select2_js)
{
s2_elems.removeClass('use_select2_lib').addClass('fc_isselect fc_ismobile fc_no_js_attach');
//s2_elems.filter(function(){return !jQuery(this).attr('multiple');})
sbox.find('.fc_mobile_label').show();
return;
}
// Attach select2 to specific to select elements having specific CSS class, for select-multiple show values as togglable checkboxes
s2_elems.each(function()
{
function fc_formatSel2Option(item)
{
var data_title = jQuery(item.element).attr('data-title');
return !data_title ? item.text : "<div title='" + data_title + "'>" + item.text + "</div>";
}
var sel_EL = jQuery(this);
var sel2ops = {
minimumResultsForSearch: 10,
formatResult: fc_formatSel2Option
};
if ( sel_EL.hasClass('fc_select2_noselect') )
{
sel2ops.formatNoMatches = function() { return ''; };
sel2ops.dropdownCssClass = 'select2-hidden';
sel2ops.minimumResultsForSearch = -1;
}
if (sel_EL.attr('multiple') && !sel_EL.hasClass('fc_select2_no_check'))
{
sel2ops.closeOnSelect = false;
}
if (sel_EL.attr('multiple') && !sel_EL.hasClass('fc_select2_no_check'))
sel_EL.select2(sel2ops).addClass('select2_fc_checkboxes');
else
sel_EL.select2(sel2ops);
// Set initially selected data (this allows setting order too)
if ( sel_EL.get(0).hasAttribute('data-select2-initdata') )
{
sel_EL.select2('data', sel_EL.data('select2-initdata'));
}
// Make sortable if requested
if ( sel_EL.hasClass('fc_select2_sortable') )
{
sel_EL.select2_sortable();
}
});
// Customization of SELECT2 JS selectors
sbox.find('div.use_select2_lib').each(function()
{
var el_container = jQuery(this);
var sel_EL = el_container.next('select');
// MULTI-SELECT2: Initialize internal labels, placing the label so that it overlaps the text filter box
var fc_label_text = sel_EL.attr('data-fc_label_text');
if (!fc_label_text) fc_label_text = sel_EL.attr('fc_label_text');
if (fc_label_text)
{
var _label = (fc_label_text.length >= 30) ? fc_label_text.substring(0, 28) + '...' : fc_label_text;
jQuery('<span/>', {
'class': 'fc_has_inner_label fc_has_inner_label_select2',
'text': _label
}).prependTo(el_container.find('.select2-search-field'));
}
// MULTI-SELECT2: Initialize internal prompts, placing the prompt so that it overlaps the text filter box
var fc_prompt_text = sel_EL.attr('data-fc_prompt_text');
if (!fc_prompt_text) fc_prompt_text = sel_EL.attr('fc_prompt_text');
if (fc_prompt_text)
{
var _prompt = (fc_prompt_text.length >= 30) ? fc_prompt_text.substring(0, 28) + '...' : fc_prompt_text;
jQuery('<span/>', {
'class': 'fc_has_inner_prompt fc_has_inner_prompt_select2',
'text': _prompt
}).prependTo(el_container.find('.select2-search-field')).hide();
}
// SINGLE-SELECT2: Highlight selects with an active value
if ( ! sel_EL.attr('multiple') && sel_EL.hasClass('fc_add_highlight') )
{
var el = el_container.find('.select2-choice');
var val = sel_EL.val();
if (val === null) {
//el.addClass('fc_highlight_disabled');
} else if (!!val && val.length) {
el.addClass('fc_highlight');
} else {
el.removeClass('fc_highlight');
}
}
});
// MULTI-SELECT2:
s2_elems.on('select2-open', function()
{
// Add events to handle focusing the text filter box (hide inner label)
var sel_EL = jQuery(this);
var el = sel_EL.parent().find('.select2-input');
var el_label = el.prevAll('.fc_has_inner_label');
if (el_label) el_label.hide();
var el_prompt = el.prevAll('.fc_has_inner_prompt');
if (el_prompt) el_prompt.show();
// Allow listing already selected options WHEN having class 'select2_fc_checkboxes'
if (sel_EL.hasClass('select2_fc_checkboxes')) {
var els = jQuery('#select2-drop').find('.select2-selected');
els.addClass('select2-selected-visible').removeClass('select2-selected');
// Suppress the onchange attribute while selector is open
sel_EL.data('onchange', sel_EL.attr('onchange'));
sel_EL.removeAttr('onchange');
}
}).on('select2-close', function(e)
{
// Add events to handle bluring the text filter box (show inner label)
var sel_EL = jQuery(this);
// Re-open if this was closed while selecting, FOR select2 v4, use 'select2:closing' instead
if ( sel_EL.data('field_being_selected') )
{
sel_EL.select2('open');
jQuery('#select2-drop').find('.select2-no-results').remove();
return;
}
var el = sel_EL.parent().find('.select2-input');
var el_label = el.prevAll('.fc_has_inner_label');
if (el_label) el_label.show();
var el_prompt = el.prevAll('.fc_has_inner_prompt');
if (el_prompt) el_prompt.hide();
// Restore already selected options state
if (sel_EL.hasClass('select2_fc_checkboxes')) {
var els = jQuery('#select2-drop').find('.select2-selected-visible');
els.removeClass('select2-selected-visible').addClass('select2-selected');
}
// Restore the onchange attribute when selector closes, running the JS if changes were made
if ( sel_EL.data('onchange') )
{
sel_EL.attr('onchange', sel_EL.data('onchange'));
sel_EL.data('onchange', null);
}
// Trigger change event on close if this was prevented
if ( sel_EL.data('field_being_edited') )
{
sel_EL.data('field_being_edited', null);
sel_EL.trigger('change');
if ( sel_EL.attr('onchange') )
{
eval(sel_EL.attr('onchange'));
}
}
}).on('select2-selecting', function(e)
{
// Handle toggling MULTI-SELECT2 as checkboxes
var sel_EL = jQuery(this);
if ( sel_EL.attr('multiple') && sel_EL.hasClass('select2_fc_checkboxes') )
{
var vals = sel_EL.val();
var nVals = new Array();
var i = 0;
var found = 0;
if (vals && vals.length)
{
for (var n = 0; n < vals.length; ++n)
{
if (vals[n] != e.val) nVals[i++] = vals[n];
else found = 1;
}
}
if (!found) nVals[i++] = e.val;
sel_EL.data('set_selected_values', nVals);
sel_EL.data('field_being_edited', true);
sel_EL.data('field_being_selected', true);
}
}).on('change', function(e)
{
// SELECT2: Handle change event
var sel_EL = jQuery(this);
// Clear 'being_selected' FLAG but not the 'being_edited', as this will be done by the 'close' event, also stop event propagation if 'being_edited'
sel_EL.data('field_being_selected', null);
if (sel_EL.data('field_being_edited'))
{
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
}
var nVals = sel_EL.data('set_selected_values');
if (nVals)
{
jQuery('#select2-drop').find('.select2-selected-visible, .select2-selected').removeClass('select2-selected-visible').removeClass('select2-selected');
jQuery('#select2-drop').find('.select2-selected').removeClass('select2-selected-visible').removeClass('select2-selected');
// Specific values were requested to be set, but first clear data value, to prevent loop in the change event
sel_EL.data('set_selected_values', null).select2('val', nVals).trigger('change');
}
// SINGLE-SELECT2:
if ( ! sel_EL.attr('multiple') && sel_EL.hasClass('fc_add_highlight') )
{
// Handle highlighting selected value
var el = jQuery(this).prev('div').find('.select2-choice');
var val = sel_EL.val();
if (!!val && val.length) {
el.addClass('fc_highlight');
} else {
el.removeClass('fc_highlight');
}
}
// MULTI-SELECT2:
if ( sel_EL.attr('multiple') )
{
// Allow listing already selected options WHEN having class 'select2_fc_checkboxes'
if (jQuery(this).hasClass('select2_fc_checkboxes')) {
var els = jQuery('#select2-drop').find('.select2-selected');
els.addClass('select2-selected-visible').removeClass('select2-selected');//.removeClass('select2-result-selectable');
}
}
});
// MULTI-SELECT2: Handle highlighting selected value
sbox.find('div.use_select2_lib.select2-container-multi input').on('keydown', function()
{
var el = jQuery(this);
setTimeout(function() {
var val = el.val();
if (!!val && val.length) {
var el_prompt = el.prevAll('.fc_has_inner_prompt');
if (el_prompt) el_prompt.hide();
} else {
var el_prompt = el.prevAll('.fc_has_inner_prompt');
if (el_prompt) el_prompt.show();
}
}, 0);
});
// SELECT2: scrollbar wrap problem
s2_elems.on('loaded open', function()
{
var ul = jQuery('#select2-drop ul.select2-results');
var needsScroll= ul.prop('scrollHeight') > ul.prop('clientHeight');
if (needsScroll) ul.css('overflow-y', 'scroll');
else ul.css('overflow-y', 'auto');
});
}
/* Valid HTML for legacy modals using rel, TODO: add more */
jQuery(document).ready(function() {
jQuery(".modal").each(function(i, el) {
if (jQuery(el).get(0).hasAttribute("data-rel")) jQuery(el).attr("rel", jQuery(el).attr("data-rel"));
});
});
/* Restore the given form fields values into the given form */
function fc_restore_form_field_values(form, data)
{
if (!data)
{
form[0].reset();
var elements = Array.from(form[0].elements);
for (var i = 0, l = elements.length; i < l; i++)
{
var el = jQuery(elements[i]);
var tagName = elements[i].tagName;
var inputType = tagName != 'INPUT' ? false : elements[i].type;
if (tagName == 'SELECT' || (inputType && inputType!='BUTTON'))
{
el.trigger('change');
}
}
return;
}
jQuery.each(data, function(name, val)
{
var el = form.find('[name="'+name+'"]'),
type = el.attr('type');
switch(type)
{
case 'checkbox': el.attr('checked', 'checked'); break;
case 'radio': el.filter('[value="'+val+'"]').attr('checked', 'checked'); break;
default: el.val(val);
}
el.trigger('change');
});
}
if (typeof jQuery.fn.serializeObject == "undefined")
{
jQuery.fn.serializeObject = function()
{
var o = {};
var a = this.serializeArray();
jQuery.each(a, function() {
if (o[this.name]) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
}
}
if (typeof fc_isIE == "undefined")
{
window.fc_ie_version_number = null;
fc_isIE = function()
{
if (window.fc_ie_version_number === null)
{
var userAgent = navigator.userAgent.toLowerCase();
window.fc_ie_version_number = (userAgent.indexOf('msie') != -1) ? parseInt(userAgent.split('msie')[1]) : false;
}
return window.fc_ie_version_number;
}
}
window.fc_has_flash_addon_enabled = false;
fc_has_flash_addon = function()
{
try {
window.fc_has_flash_addon_enabled = Boolean(new ActiveXObject("ShockwaveFlash.ShockwaveFlash"));
} catch(exception) {
window.fc_has_flash_addon_enabled = ("undefined" != typeof navigator.mimeTypes["application/x-shockwave-flash"]);
}
return window.fc_has_flash_addon_enabled;
}
function fc_remove_non_alphanum_chars(text, allowed_chars)
{
var result = '';
if (!text) return result;
allowed_chars = typeof allowed == 'undefined' ? '' : allowed_chars;
var num_reg = new RegExp('[0-9]+$');
var allowed_reg = new RegExp('['+allowed_chars+']+$');
var lower = text.toLowerCase();
var upper = text.toUpperCase();
for (var i = 0; i < lower.length; ++i)
{
if (num_reg.test(text[i]) || (lower[i] != upper[i]) || (lower[i].trim() === ''))
{
result += text[i];
}
else if (allowed_chars.length && allowed_reg.test(text[i]))
{
result += text[i];
}
}
return result;
}
function fc_attachSingleSlider(cfg, type)
{
var slider_tag_id = cfg.name + (cfg.sfx || '');
var slider = document.getElementById(slider_tag_id + '_nouislider');
//if (jQuery(slider).length) { window.console.log('not found slider ID: ' + slider_tag_id + '_nouislider'); return; }
var selectSL = jQuery('#' + slider_tag_id + '-sel');
var inputSL = document.getElementById(slider_tag_id + '-val');
var isSingle = 1;
!!type || (type = 2); // 1: drop-down select , 2: slider (default type)
var IEversion = fc_isIE();
var is_IE8 = IEversion && IEversion < 9;
var use_select = is_IE8 || type == 1;
if (use_select)
{
if (selectSL.length)
{
var selected;
jQuery.each(cfg.step_values, function(key, value)
{
selectSL.append(
jQuery('<option></option>')
.attr('value', cfg.step_values[key])
.text(cfg.step_labels[key])
);
});
selectSL
.val(cfg.step_values[cfg.initial_pos])
.on('change', function(e, data) {
var slider_input = jQuery('#' + slider_tag_id + '-val').get(0);
if (cfg.element_class_list != '')
{
jQuery(cfg.element_selector).removeClass(cfg.element_class_list).addClass(cfg.element_class_prefix + selectSL.val());
}
if (cfg.elem_container_class != '')
{
jQuery(cfg.elem_container_selector).removeClass(cfg.elem_container_class).addClass(cfg.elem_container_prefix + selectSL.val());
}
fclib_setCookie(slider_input.name, selectSL.val(), 0); // nDays 0 , aka no expiration date, keep cookie till browser closes
})
.css('display', ''); // avoid show() it adds display: block
}
return;
}
slider.style.display = '';
var step_values = cfg.step_values;
var step_labels = cfg.step_labels;
noUiSlider.create(slider, {
start: cfg.initial_pos,
connect: false,
step: 1,
range: {'min': 0, 'max': (cfg.step_values.length - 1)},
});
if (!!cfg.start_hidden) jQuery(slider).hide();
var tipHandles = slider.getElementsByClassName('noUi-handle'),
tooltips = [];
// Add divs to the slider handles.
for ( var i = 0; i < tipHandles.length; i++ )
{
tooltips[i] = document.createElement('span');
tipHandles[i].appendChild(tooltips[i]);
tooltips[i].className += 'fc-sliderTooltip fc-bottom'; // Add a class for styling
tooltips[i].innerHTML = '<span></span>'; // Add additional markup
tooltips[i] = tooltips[i].getElementsByTagName('span')[0]; // Replace the tooltip reference with the span we just added
}
// When the slider changes, display the value in the tooltips and set it into the input form elements
slider.noUiSlider.on('update', function( values, handle ) {
var value = parseInt(values[handle]);
var i = value;
if ( handle ) {
alert('This slider does not have a right handler');
} else {
inputSL.value = typeof step_values[value] !== 'undefined' ? step_values[value] : value;
}
var tooltip_text = typeof step_labels[value] !== 'undefined' ? step_labels[value] : value;
var max_len = 36;
tooltips[handle].innerHTML = '<span class=\"icon-image\"></span> ' +
(tooltip_text.length > max_len+4 ? tooltip_text.substring(0, max_len)+' ...' : tooltip_text);
var left = jQuery(tooltips[handle]).closest('.noUi-origin').position().left;
var width = jQuery(tooltips[handle]).closest('.noUi-base').width();
//window.console.log ('handle: ' + handle + ', left : ' + left + ', width : ' + width);
if (isSingle) {
left<(50/100)*width ?
jQuery(tooltips[handle]).parent().removeClass('fc-left').addClass('fc-right') :
jQuery(tooltips[handle]).parent().removeClass('fc-right').addClass('fc-left');
}
else {
alert('This slider only has 1 handle');
}
});
// Handle form autosubmit
slider.noUiSlider.on('change', function() {
var slider = jQuery('#' + slider_tag_id + '_nouislider');
var slider_input = jQuery('#' + slider_tag_id + '-val').get(0);
if (cfg.element_class_list != '')
{
jQuery(cfg.element_selector).removeClass(cfg.element_class_list).addClass(cfg.element_class_prefix + slider_input.value);
}
if (cfg.elem_container_class != '')
{
jQuery(cfg.elem_container_selector).removeClass(cfg.elem_container_class).addClass(cfg.elem_container_prefix + slider_input.value);
}
fclib_setCookie(slider_input.name, slider_input.value, 0); // nDays 0 , aka no expiration date, keep cookie till browser closes
});
inputSL.addEventListener('change', function(){
var value = 0; // default is first value = empty
for(var i=1; i<step_values.length-1; i++)
{
if (step_values[i] == this.value) { value=i; break; }
}
slider.noUiSlider.set([value, null]);
});
}
// Toggle elements of all other views when switching between views (e.g. details / thumbnails views)
function fc_toggle_view_mode(new_btn)
{
var btns = new_btn.parent().children();
btns.removeClass('active');
btns.each(function(index, value)
{
var btn = jQuery(value);
jQuery(btn.data('toggle_selector')).hide();
});
new_btn.addClass('active');
jQuery(new_btn.data('toggle_selector')).show().css('display', '').css('visibility', '');
}
// Create a sanitized filename similar to what server-side code will accept
fc_sanitize_filename = function(text)
{
if (!text) return '';
var validChars = new RegExp('[A-Za-z0-9\.\_\-]+');
var result = '';
for (var i = 0; i < text.length; ++i)
{
if (validChars.test(text[i]))
{
result += text[i];
}
}
return result;
}
// Submit a form in parent window from a jQuery modal
fc_parent_form_submit = function(container_id, form_id, fields, options)
{
var form = window.parent.document.getElementById(form_id);
var task = typeof options.task !== 'undefined' ? options.task : false;
var is_list = typeof options.is_list !== 'undefined' ? options.is_list : false;
var is_jform = typeof options.is_jform !== 'undefined' ? options.is_jform : false;
for (var field_name in fields)
{
form.elements[field_name].value = fields[field_name];
}
if (is_list && form.boxchecked.value==0)
{
alert(Joomla.JText._('FLEXI_NO_ITEMS_SELECTED'));
return;
}
// ***
// *** Submit progress bar
// ***
if (typeof form.progressbar_submit_handler_success === 'undefined' || !form.progressbar_submit_handler_success)
{
form.progressbar_submit_handler_success = true;
// Default to doing animation
form.doanimated_submit = typeof form.doanimated_submit === 'undefined' ? 1 : 0;
form.addEventListener('submit', function(e)
{
if ( !form.doanimated_submit )
{
return true;
}
//form.doanimated_submit = 0; // Clear FLAG until next time Joomla.submitform() is called
var fc_filter_form_blocker = jQuery('#fc_filter_form_blocker');
if (!fc_filter_form_blocker.length)
{
fc_filter_form_blocker = jQuery(
'<div id="fc_filter_form_blocker">' +
'<div class="fc_blocker_overlay"></div>' +
'<div class="fc_blocker_content">' +
'<div class="fc_blocker_logo></div>' +
'<div class="fc_blocker_mssg>' + Joomla.JText._('FLEXI_LOADING') + '</div>' +
'<div class="fc_blocker_bar"><div></div></div>' +
'</div>' +
'</div>'
).prependTo(jQuery('body'));
}
if (fc_filter_form_blocker)
{
fc_filter_form_blocker.css("display", "block");
fc_filter_form_blocker.find('.fc_blocker_mssg').html(Joomla.JText._('FLEXI_LOADING'));
fc_admin_progress(95, jQuery('#fc_filter_form_blocker .fc_blocker_bar'));
}
});
}
// Close modal to allow click events to work on the parent window 's form
jQuery('#'+container_id).dialog('close');
// If it is a Joomla form
if (is_jform)
{
window.parent.Joomla.submitbutton(task);
return;
}
// For proper submit, append a hidden submit button to the form and click it, then remove it if submit was prevented
var button = document.createElement('input');
button.style.display = 'none';
button.type = 'submit';
form.appendChild(button).click();
form.removeChild(button);
}
//*******************************
//*** START OF fc_init*() methods
//*******************************
/*
* Initialize CSS styles and effects
*/
function fc_initDynamicLayoutJsCss(container_id, reAddOnEvents, html)
{
const container_sel = '#' + container_id;
jQuery(container_sel).html(html);
tabberAutomatic(tabberOptions, container_id);
fc_bindFormDependencies(container_sel, 0, '');
fc_initBootstrap(null, container_sel, reAddOnEvents);
fc_initTooltips(null, container_sel, reAddOnEvents);
fc_initCodeMirror(null, container_sel, reAddOnEvents);
fc_initMinicolors(null, container_sel, reAddOnEvents);
fc_initSubform(null, container_sel);
if (typeof(fcrecord_attach_sortable) == 'function') fcrecord_attach_sortable(container_sel);
if (typeof(fcfield_attach_sortable) == 'function') fcfield_attach_sortable(container_sel);
fc_initSelect2(null, container_sel, reAddOnEvents);
}
/*
* Initialize bootstrap styles and effects
*/
function fc_initBootstrap(event, container_sel, reAddOnEvents)
{
const container_el = jQuery(container_sel);
// Also run method on given "Add" events, e.g. 'subform-row-add'
(reAddOnEvents || []).forEach(element => container_el.on(element, fc_initBootstrap));
// Add bootstap styless and effects
fc_bootstrapAttach(container_el);
}
/*
* Initialize tooltips and popovers
*/
function fc_initTooltips(event, container_sel, reAddOnEvents)
{
const container_el = jQuery(container_sel);
const elements_set_tooltip = container_el.find('.hasTooltip');
const elements_set_popover = container_el.find('.hasPopover');
if (typeof jQuery === undefined || typeof jQuery.tooltip === undefined)
{
elements_set_tooltip.length && !!Joomla.fc_debug ? window.console.log('tooltip() not loaded. Skipping it') : false;
}
if (typeof jQuery === undefined || typeof jQuery.popover === undefined)
{
elements_set_popover.length && !!Joomla.fc_debug ? window.console.log('popover() not loaded. Skipping it') : false;
}
if (typeof jQuery === undefined || (typeof jQuery.tooltip === undefined && typeof jQuery.popover === undefined))
{
return;
}
// Also run method on given "Add" events, e.g. 'subform-row-add'
(reAddOnEvents || []).forEach(element => container_el.on(element, fc_initTooltips));
// Add tooltips and popovers
typeof jQuery.tooltip !== undefined ? elements_set_tooltip.tooltip({html: true, container: container_el}) : false;
typeof jQuery.popover !== undefined ? elements_set_popover.popover({html: true, container: container_el, trigger : 'hover focus'}) : false;
}
/*
* Initialize select2 behaviour
*/
function fc_initSelect2(event, container_sel, reAddOnEvents)
{
const container_el = jQuery(container_sel);
const elements_set = container_el.find('select.use_select2_lib');
if (typeof jQuery === undefined || typeof jQuery.select2 === undefined)
{
elements_set.length && !!Joomla.fc_debug ? window.console.log('subformRepeatable() not loaded. Skipping it') : false;
return;
}
// Also run method on given "Add" events, e.g. 'subform-row-add'
(reAddOnEvents || []).forEach(element => container_el.on(element, fc_initSelect2));
// Attach select2
fc_attachSelect2(container_el, elements_set);
}
function fc_initCodeMirror(event, container_sel, reAddOnEvents)
{
const container_el = jQuery(container_sel);
const elements_set = container_el.find('textarea.codemirror-source');
if (typeof Joomla.editors === undefined || typeof CodeMirror === undefined)
{
elements_set.length && !!Joomla.fc_debug ? window.console.log('CodeMirror not loaded. Skipping it') : false;
return;
}
// Also run method on given "Add" events, e.g. 'subform-row-add'
(reAddOnEvents || []).forEach(element => container_el.on(element, fc_initCodeMirror));
elements_set.each(function () {
var input = jQuery(this).removeClass('codemirror-source');
var id = input.prop('id');
Joomla.editors.instances[id] = CodeMirror.fromTextArea(this, input.data('options'));
});
}
/*
* Initialize subform fields
*/
function fc_initSubform (event, container_sel)
{
const container_el = jQuery(container_sel);
const elements_set = container_el.find('div.subform-repeatable');
if (typeof jQuery === undefined || typeof jQuery.subformRepeatable)
{
elements_set.length && !!Joomla.fc_debug ? window.console.log('subformRepeatable() not loaded. Skipping it') : false;
return;
}
elements_set.subformRepeatable();
}
/*
* Initialize any minicolor fields
*/
function fc_initMinicolors(event, container_sel, reAddOnEvents)
{
const container_el = jQuery(container_sel);
const elements_set = container_el.find('.minicolors');
if (typeof jQuery === undefined || typeof jQuery.minicolors === undefined)
{
elements_set.length && !!Joomla.fc_debug ? window.console.log('minicolors() not loaded. Skipping it') : false;
return;
}
// Also run method on given "Add" events, e.g. 'subform-row-add'
(reAddOnEvents || []).forEach(element => container_el.on(element, fc_initMinicolors));
elements_set.each(function() {
var $this = jQuery(this);
var format = $this.data('validate') === 'color' ? 'hex' : $this.data('format') || 'hex';
$this.minicolors({
control: $this.data('control') || 'hue',
format: format === 'rgba' ? 'rgb' : format,
keywords: $this.data('keywords') || '',
opacity: format === 'rgba',
position: $this.data('position') || 'default',
theme: $this.data('theme') || 'bootstrap',
});
});
}
//*****************************
//*** END OF fc_init*() methods
//*****************************
/*
* Allow custom input in date fields having the custom text class
*/
document.addEventListener('DOMContentLoaded', function()
{
if (typeof JoomlaCalendar != 'undefined')
{
var JoomlaCalendar_setAltValue_fc = JoomlaCalendar.prototype.setAltValue;
JoomlaCalendar.prototype.setAltValue = function()
{
if (this.inputField.classList.contains('fc_date_allow_text'))
{
return;
}
return JoomlaCalendar_setAltValue_fc.call(this, arguments);
};
var JoomlaCalendar_init_fc = JoomlaCalendar.init;
JoomlaCalendar.init = function()
{
var result = JoomlaCalendar_init_fc.apply(null, arguments);
var element = arguments[0];
var input = element ? element.getElementsByTagName('input')[0] : false;
if (input)
{
if (!!input.id && input.classList.contains('fc_date_allow_text'))
{
input.value = document.getElementById(input.id + '_fc_value').getAttribute('data-fc-value');
}
}
return result;
}
}
});