")
.css({
"height" : container.outerHeight(),
"width" : container.outerWidth(),
"position" : "absolute",
"top" : 0,
"left" : 0})
.addClass(overlayContainerClass)
.appendTo(container);
$("
![]()
")
.attr({"src": templateRootPath + "img/loading-circle-gray.gif"})
.addClass("loadingImage")
.appendTo(container.find(" > ." + overlayContainerClass));
}
/**
* Removes an existing overlay in given container
*/
function removeOverlay(container) {
container.find(" > ." + overlayContainerClass).remove()
}
/**
* Trailer-Index: Filter
*/
function initIndexFilter() {
$('#preconfiguration-filters').find('input:submit').hide()
$('.filter').find('input, select').change(function() {
unbindFilter()
if(this.name == "tx_kchumbaurproducts_trailers[byCategory]")
$(".steps-wrapper").html('')
addOverlay($(".steps-wrapper"))
loadIndexTrailer(renderFilteredIndex)
})
}
/**
* Trailer-Index: Callback
*/
var renderFilteredIndex = function(response) {
$('.steps-wrapper').replaceWith($(response).find(".steps-wrapper"))
removeOverlay($(".steps-wrapper"))
initIndexFilter()
}
/**
* Trailer-Index: load trailers by params
*/
function loadIndexTrailer(callback) {
var $form = $("form[name=filteradvanced]")
var url = $form.attr('action')
url += (url.indexOf("?") > -1) ? "&" : "?"
url += 'tx_kchumbaurproducts_trailers[controller]=Trailer'
url += '&tx_kchumbaurproducts_trailers[action]=indexAjax'
url += '&type=900002'
$.ajax({
url: url,
data: $form.serialize(),
method: $form.attr("method"),
dataType: "html",
success: function(response) {
if(response.trim() != '') {
if($.isFunction(callback))
callback(response)
}
}
})
}
/**
* Trailer-List: Fade In
*/
function itemPopper(container, itemlist, duration, effect)
{
var counter = 1
$(container).find(itemlist).each(function() {
var curItem = $(this)
curItem.css({"visibility":"hidden"})
window.setTimeout(function() {
curItem.css({"visibility":"visible"}).addClass(effect + " animated")
}, duration * (counter - 1))
counter++
})
}
/**
* Trailer-List: load trailers by params
*/
function loadTrailer(list, callback, offset, action) {
var $form = $('form#product-filters')
var url = $form.attr("action")
url += (url.indexOf("?") > -1) ? "&" : "?"
url += 'tx_kchumbaurproducts_trailers[controller]=Trailer'
url += '&tx_kchumbaurproducts_trailers[action]=' + action
url += '&tx_kchumbaurproducts_trailers[offset]=' + offset
url += '&tx_kchumbaurproducts_trailers[ajax]=1'
url += '&tx_kchumbaurproducts_trailers[PidShow]=' + list.data('pidshow')
url += '&type=900002'
$.ajax({
url: url,
data: $form.serialize(),
method: $form.attr("method"),
dataType: "html",
async: true,
success: function(response) {
if($.isFunction(callback))
callback(list, response, offset)
}
})
}
/**
* Trailer-List: Callback
*/
var renderFilteredList = function(list, response) {
$(".trailer-counter").replaceWith($(response).find(".trailer-counter"))
list.replaceWith($(response).find(".product-list"))
removeOverlay(list)
initFilter()
initSorting()
bindWindowScroll()
}
var renderInfinityList = function(list, response, offset) {
$(".productLoadingImage").remove()
if(typeof($(response).find("#product-list-result")[0]) == 'object') {
$("#product-list-result").append($(response).find("#product-list-result"))
itemPopper("#product-list-result", '.product-list-line:not(.animated)', 100, "fadeInLeft")
list.attr('data-offset', offset)
bindWindowScroll()
}
}
/**
* Trailer-List: Filter
*/
function initFilter() {
$(".filter, #preconfiguration-filters").find("input:submit").hide()
$(".filter").find("input, select").change(function() {
var list = $(".product-list")
unbindFilter()
unbindSorting()
unbindWindowScroll()
addOverlay(list)
loadTrailer(list, renderFilteredList, 0, 'list')
})
}
function unbindFilter() {
$(".filter").find("input, select").unbind("change")
}
/**
* Trailer-List: Sorting
*/
function initSorting() {
$(".product-list-header .sorting a").click(function(e) {
e.preventDefault()
var list = $(".product-list")
var url = $(this).attr('href')
//sorting
var sortBy = getURLParameter(url, 'tx_kchumbaurproducts_trailers[sortBy]')
$('#product-filters input[name="tx_kchumbaurproducts_trailers[sortBy]"]').val(sortBy)
//ordering
var ordering = getURLParameter(url, 'tx_kchumbaurproducts_trailers[ordering]')
$('#product-filters input[name="tx_kchumbaurproducts_trailers[ordering]"]').val(ordering)
//active state
$(".product-list-header .sorting a").removeClass('active')
$(this).addClass('active')
unbindFilter()
unbindSorting()
unbindWindowScroll()
addOverlay(list)
//load list
list.hasClass('list-trailers') ? loadTrailer(list, renderFilteredList, 0, 'list') : loadTrailer(list, renderFilteredList, 0, 'listHighlight')
})
}
function unbindSorting() {
$(".product-list-header .sorting a").unbind('click')
}
/**
* Trailer-List: Infinity Scroll
*/
function bindWindowScroll() {
$(window).scroll(function() {
if(loadingFromOffset = $("#product-list-result .product-list-line:eq(-2)").offset()) {
if(($(window).scrollTop() + $(window).height()) > loadingFromOffset.top) {
unbindWindowScroll()
var list = $(".product-list")
var offset = parseInt(list.attr('data-offset')) + 10
$("
![]()
").addClass("productLoadingImage").attr("src", templateRootPath + "img/loading-circle.gif").appendTo("#product-list-result")
$('#product-list-result .product-list-line').addClass('animated')
//load list
list.hasClass('list-trailers') ? loadTrailer(list, renderInfinityList, offset, 'list') : loadTrailer(list, renderInfinityList, offset, 'listHighlight')
}
}
})
}
function unbindWindowScroll() {
$(window).unbind("scroll")
}
/**
* Trailer-Show: Update Checkbox Events
*/
function updateCheckboxEvent() {
$('.updateconfiguration-Form').find('input[type="checkbox"]').change(function(e) {
e.preventDefault()
var mode = $(this).prop('checked') ? 'addTo' : 'removeFrom'
var dataPid = $(this).closest('form').data('pid')
var trailerUid = $(this).closest('form').data('traileruid')
storeConfiguration(dataPid, mode, trailerUid, $(this).data('partuid'), 1, true)
})
}
function uncheckCheckbox(partUid) {
$(".updateconfiguration-Form .parts-addbutton input[data-partuid=" + partUid + "]").attr('checked', false)
}
/**
* Trailer-Show: Load Trailer Parts
*/
function loadTrailerParts() {
$("#tab-parts").click(function() {
if($(this).data("ajaxcalled") != true) {
$(this).attr("data-ajaxcalled", true)
var parts = $("#parts")
addOverlay(parts)
parts.find('.accordion').removeClass('static')
$.ajax({
url: $('a', this).data('url'),
method: "get",
dataType: "html",
async: true,
success: function(response) {
removeOverlay(parts)
parts.html(response)
itemPopper("#parts", " > *", 100, "fadeInLeft")
$("#parts .script-hidden").hide()
$("#parts .noscript-hidden").show()
initAccordion()
updateCheckboxEvent()
}
})
}
})
var curURL = window.location.href
if(curURL.indexOf("#parts") > -1) {
$("#tab-parts a").click()
var objMiniTrailer = $(".mini-drop.mini-trailer")
objMiniTrailer.addClass("always-open").find(".drop").show()
$(".product-infos").hide()
}
}
/**
* Trailer-Show: Update Click Event
* Trailer-Offer: Update Click Event
*/
function updateConfigDelete() {
$('a.part-remove').unbind('click').click(function(e) {
e.preventDefault()
if(partUid = $(this).parent().data('partuid')) {
if($('form#configuration').length) {
var dataPid = $('input[name="id"]').val()
var trailerUid = $('input[name="configuration[trailer][id]"]').val()
var ajax = false
} else if($('form#partner-configuration').length) {
var dataPid = $('input[name="id"]').val()
var trailerUid = $('input[name="partner_configuration[trailer][id]"]').val()
var ajax = false
} else {
var dataPid = $('#configuration-container .trailer').data('pid')
var trailerUid = $('#configuration-container .trailer').data('traileruid')
var ajax = true
}
storeConfiguration(dataPid, 'removeFrom', trailerUid, partUid, 0, ajax)
uncheckCheckbox(partUid)
}
})
}
/**
* Trailer-Show: Update Amount Event
* Trailer-Offer: Update Amount Event
*/
function updateConfigAmount() {
$(".part-amount").change(function(e) {
e.preventDefault()
addOverlay($(".tx-kc-humbaur-products"))
var amount = $(this).val().split(",").join(".")
if($(this).data("unit") != "QM" && $(this).data("unit") != "METER")
amount = parseInt(amount)
if(amount >= 1000) amount = 999
if(partUid = $(this).parent().data('partuid')) {
if($('form#configuration').length) {
var dataPid = $('input[name="id"]').val()
var trailerUid = $('input[name="configuration[trailer][id]"]').val()
} else if($('form#partner-configuration').length) {
var dataPid = $('input[name="id"]').val()
var trailerUid = $('input[name="partner_configuration[trailer][id]"]').val()
}
storeConfiguration(dataPid, 'addTo', trailerUid, partUid, amount, false)
}
}).keypress(function(e) {
if(e.which == 13) {
e.preventDefault()
$(this).blur()
return false
}
});
}
/**
* Trailer-Show: loadConfiguration
*/
function loadConfiguration(response) {
$('#configuration-container > .trailer').html($('.trailer', response.responseText).html());
$('#configuration-container > .parts').html($('.parts', response.responseText).html());
$('#configuration-container > .price').html($('.price', response.responseText).html());
var specialPriceInfo = $('#configuration-container .special-price-info.price-special');
if($('.show-special-price-info').length) {
specialPriceInfo.css('display','block');
} else {
specialPriceInfo.css('display','none');
}
initTooltips()
updateConfigDelete()
bindPriceListener()
}
/**
* Trailer-Show: storeConfiguration
* Trailer-Offer: storeConfiguration
*/
function storeConfiguration(pageUid, mode, trailer, part, amount, ajax) {
addOverlay($("#parts"))
var url = '/index.php?id=' + pageUid
url += '&tx_kchumbaurproducts_trailers[controller]=Configuration'
url += '&tx_kchumbaurproducts_trailers[action]=' + mode
url += '&tx_kchumbaurproducts_trailers[trailer]=' + trailer
url += '&tx_kchumbaurproducts_trailers[part]=' + part
if(mode == 'addTo' && amount)
url += '&tx_kchumbaurproducts_trailers[amount]=' + amount
url += '&tx_kchumbaurproducts_trailers[ajax]=' + ajax
url += '&type=900001'
url += '&L=' + $(".mini-drop.mini-trailer").attr('data-language')
$.ajax({
url: url,
method: 'get',
dataType: 'html',
async: true,
complete: function(response) {
if(ajax) {
loadConfiguration(response)
removeOverlay($("#parts"))
} else {
location.reload()
}
}
})
}
/**
* Trailer-Show: confirm
*/
function confirm(message, callback) {
$('#confirm').modal({
closeHTML: "
x",
position: ["20%",],
overlayId: 'confirm-overlay',
containerId: 'confirm-container',
onShow: function (dialog) {
var modal = this
$('.message', dialog.data[0]).append(message)
$('.yes', dialog.data[0]).click(function () {
if ($.isFunction(callback))
callback.apply()
modal.close()
})
}
});
$('#confirm-container').css({
'width':'95%',
'height':'auto',
'min-height':'140px'
})
}
/**
* EWA: 2017-01-23: #13
* Trailer-Show: configuration price
*/
function bindPriceListener(vehicle, priceValue) {
$("a.santander").unbind('click.fb');
var month = 12
var fWidth = '75%'
var vehicle = vehicle ? vehicle : $('#configuration-container > .trailer > dt').text()
vehicle = vehicle.replace(/\s+/g, '')
var price = priceValue ? priceValue : $('#configuration-container > .price > p[data-value]').data('value');
if($(window).width() < 768) fWidth = '100%';
$("a.santander").fancybox({
'openEffect': 'elastic',
'width' : fWidth,
'height' : '75%',
'margin' : 0,
'padding' : '15px 0',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
'href' : 'https://humbaur.bdrops.space/banner?vehicle_price=' + price + '&vehicle=' + vehicle + '&month=' + month,
'afterShow': function() {
$('.fancybox-close').css({
right: '18px'
})
},
});
}
/**
* Trailer-Offer: partner init???
*/
function updateInputs() {
$("form#contact-form input, form#contact-form select, #quotenotice, #welcometext").each( function() {
if ($(this).is("input")) {
inputContent = $(this).val()
$("address.address-customer .address-" + $(this).attr("id")).html(inputContent)
} else if (jQuery(this).is("select")) {
inputContent = $(this).val()
$("address.address-customer .address-" + $(this).attr("id")).html(inputContent)
} else if ($(this).is("textarea")) {
inputContent = $(this).html()
$("#print-" + $(this).attr("id") + " p").html(inputContent)
}
}).change(function() {
updateInputs()
})
}
/**
* Trailer-Offer: Init
*/
function initAjaxConfig() {
$(".config-list-special-services input.form-control, #discount-value").keypress(function(e) {
if(e.which == 13) {
e.preventDefault()
return false
}
})
}
/**
* Catalog-Functions: Init
*/
(function($) {
/**
* Trailer-Index: Init
*/
if($('#preconfiguration-filters').length) {
initIndexFilter()
}
/**
* Trailer-List: Init
*/
if($('.product-list.list-trailers').length) {
initFilter()
initSorting()
bindWindowScroll()
$('.alert-pricelist').css('display','none')
}
/**
* Trailer-Show: Init
*/
if($('.product-infos').length) {
loadTrailerParts()
updateCheckboxEvent()
$(".mini-drop").hover(function() {
$(this).addClass("active")
}, function() {
$(this).removeClass("active")
})
$('.mini-drop > #configuration-container').each(function(){
$.ajax({
url: $(this).attr('data-url'),
method: 'get',
dataType: 'html',
complete: function(response){
loadConfiguration(response)
}
})
})
touchHoverLink($(".mini-drop.mini-trailer > a"))
var custom_event = $.support.touch ? "tap" : "click"
$(document).on(custom_event, '.parts-addbutton input', function(e) {
var thisCheckbox = $(this)
var parent = $(this).parent().parent()
var confirmMessage = $('#confirm-message').text()
var confirmMessageYes = $('#confirm .yes').text()
var confirmMessageNo = $('#confirm .no').text()
var specialPriceInfo = $('#configuration-container .special-price-info.price-special').text()
if(parent.find('.parts-label .is-assembled-part').length >0 && $('.single-assembled-part-item').length<=0 && $('.check-special').length > 0) {
e.preventDefault()
confirm(confirmMessage, function () {
thisCheckbox.prop('checked', true).trigger('change')
})
}
})
$(".tabs.product-tabs > ul > li > a").click( function() {
//$('a[href^="#"]').unbind('click.smoothscroll')
var objMiniTrailer = $(".mini-drop.mini-trailer")
if ($(this).parent("li").attr('id') == "tab-info") {
objMiniTrailer.removeClass("always-open").find(".drop").hide()
$(".product-infos").show()
} else {
objMiniTrailer.addClass("always-open").find(".drop").show()
$(".product-infos").hide()
}
})
$(".btn.link-parts").click( function(e) {
e.preventDefault()
$("#tab-parts a").click()
})
$(".info-images ul li:first-child a").addClass("active");
$(".info-images ul a").click( function(e) {
e.preventDefault()
var strImageLink = $(this).attr("href")
if(!$(this).hasClass("active")) {
$(".info-images ul a").removeClass("active")
$(this).addClass("active")
$(".info-images-view img").attr("src", "")
$(".info-images-view img").attr("src", strImageLink)
}
})
}
/**
* Trailer-Highlight: Init
*/
if($('.product-list.list-trailer-highlight').length) {
initSorting()
bindWindowScroll()
$('.alert-pricelist').css('display','none')
}
/**
* Trailer-Offer: Init
*/
if($('form#configuration').length) {
initAjaxConfig()
updateConfigDelete()
updateConfigAmount()
updateInputs()
}
/**
* Trailermodell-Masonry: Ajax
*/
if($('div.msnrygridwrap').length) {
$('a.infobox-showmodellist').click(function(e) {
e.preventDefault();
var $this = $(this);
var $container = $this.parents('.msnryinfobox').find('.msnry-modellist')
var pid = $this.data('pid')
var pidShow = $this.data('pidshow')
var trailermodell = $this.data('trailermodell')
var language = $this.data('language')
if(trailermodell == 0 || $container.hasClass('loaded')) return;
addOverlay($container)
$container.css('overflow-x', 'hidden');
var url = '/index.php?id=' + pid
url += '&tx_kchumbaurproducts_trailers[controller]=Trailermodell'
url += '&tx_kchumbaurproducts_trailers[action]=ajax'
url += '&tx_kchumbaurproducts_trailers[trailermodell]=' + trailermodell
url += '&tx_kchumbaurproducts_trailers[pidshow]=' + pidShow
url += '&L=' + language
url += '&type=900022'
$.ajax({
url: url,
method: 'get',
dataType: 'html',
async: true,
complete: function(response) {
$container.html(response.responseText).addClass('loaded');
$container.css('overflow-x', 'visible');
removeOverlay($container)
}
})
});
}
})(jQuery);
function initAjaxCart(){
$('form.update-cart').unbind('click')
$('form.update-cart').submit(function(e){
e.preventDefault();
var $url = $(this).attr('href')+"&type=900002";
$.ajax({
url: $url,
method: 'get',
dataType: 'html',
complete: function(response){
$('#cart-container > ul').html( $('#cart-container', response.responseText).find('ul > li') );
initAjaxCart();
var specialPriceInfo = $('#configuration-container .special-price-info.price-special');
if($('.show-special-price-info').length){
specialPriceInfo.css('display','block');
}else{
specialPriceInfo.css('display','none');
}
}
});
return false;
});
}
jQuery.fn.femanagerValidation = function() {
var element = $(this);
var requestCallback;
var submitFormAllowed = false;
if (element.find('*[data-validation]').length == 0) {
submitFormAllowed = true;
}
/**
* AJAX queue function
*/
var MyRequestsCompleted = (function() {
var numRequestToComplete,
requestsCompleted,
callBacks,
singleCallBack;
return function(options) {
if (!options) options = {};
numRequestToComplete = options.numRequest || 0;
requestsCompleted = options.requestsCompleted || 0;
element = options.element || 0;
callBacks = [];
var fireCallbacks = function() {
$('body').css('cursor', 'default');
submitForm(element); // submit form
for (var i = 0; i < callBacks.length; i++) callBacks[i]();
};
if (options.singleCallback) callBacks.push(options.singleCallback);
this.addCallbackToQueue = function(isComplete, callback) {
if (isComplete) requestsCompleted++;
if (callback) callBacks.push(callback);
if (requestsCompleted == numRequestToComplete) fireCallbacks();
};
this.requestComplete = function(isComplete) {
if (isComplete) requestsCompleted++;
if (requestsCompleted == numRequestToComplete) fireCallbacks();
};
this.setCallback = function(callback) {
callBacks.push(callBack);
};
};
})();
// on field blur
$('*[data-validation]').blur(function() {
validateField($(this), false); // validate this field only
});
// form submit
element.submit(function(e) {
$('body').css('cursor', 'wait');
if (!submitFormAllowed) {
e.preventDefault();
validateAllFields($(this));
}
});
/**
* Validate every field in form
*
* @param object element Form object
* @return void
*/
function validateAllFields(element) {
// Store number of ajax requests for queue function
requestCallback = new MyRequestsCompleted({
numRequest: element.find('*[data-validation]').length,
element: element
});
// one loop for every field to validate
element.find('*[data-validation]').each(function() {
validateField($(this), true);
});
}
/**
* Validate single filed
*
* @param object element Field object
* @return void
*/
function validateField(element, countForSubmit) {
var user = element.closest('form').find('div:first').find('input[name="tx_femanager_pi1[user][__identity]"]').val();
var url = Femanager.getBaseUrl() + 'index.php' + '?eID=' + 'femanagerValidate';
var validations = getValidations(element);
var elementValue = element.val();
if ((element.prop('type') == 'checkbox') && (element.prop('checked') == false)) {
elementValue = '';
}
var additionalValue = '';
if (indexOfArray(validations, 'sameAs')) { // search for "sameAs(password)"
var validationSameAs = indexOfArray(validations, 'sameAs');
var fieldToCompare = getStringInBrackets(validationSameAs);
var fieldToCompareObject = $('input[name="tx_femanager_pi1[user][' + fieldToCompare + ']"]');
additionalValue = fieldToCompareObject.val();
if ((fieldToCompareObject.prop('type') == 'checkbox') && (fieldToCompareObject.prop('checked') == false)) {
additionalValue = '';
}
}
$.ajax({
url: url,
data: {
'tx_femanager_pi1[validation]': element.data('validation'),
'tx_femanager_pi1[value]': elementValue,
'tx_femanager_pi1[field]': getFieldName(element),
'tx_femanager_pi1[user]': (user !== undefined ? user : ''),
'tx_femanager_pi1[additionalValue]=': (additionalValue ? additionalValue : ''),
'storagePid': $('#femanagerStoragePid').val(),
'L': $('#femanagerLanguage').val(),
'id': $('#femanagerPid').val()
},
type: 'POST',
cache: false,
success: function(data) { // return values
if (countForSubmit) {
requestCallback.addCallbackToQueue(true);
}
if (data) {
try {
var json = $.parseJSON(data);
if (!json.validate) {
writeErrorMessage(element, json.message)
} else {
cleanErrorMessage(element);
}
} catch(e) {
element.before(data)
}
}
},
error: function() {
logAjaxError();
}
});
}
/**
* Read fieldname
* get "email" out of "tx_femanager_pi1[user][email]"
* get "passwort_repeat" out of "tx_femanager_pi1[password_repeat]"
*
* @param element
* @return string
*/
function getFieldName(element) {
var nameParts = element.prop('name').split('[');
var name = nameParts[nameParts.length-1].replace(']', '');
return name;
}
/**
* Write errormessage next to the field
*
* @param element Field
*/
function writeErrorMessage(element, message) {
cleanErrorMessage(element); // remove all errors to this field at the beginning
var errorMessage = $('.femanager_validation_container').html().replace('{messages}', message); // get html for error
element.before(errorMessage); // add message
element.closest('.control-group').addClass('error');
element.addClass('error');
}
/**
* Remove one error message
*
* @param element
*/
function cleanErrorMessage(element) {
element.closest('.control-group').removeClass('error');
element.siblings('.alert').remove(); // hide message to this field
element.removeClass('error');
}
/**
* Check if there are errors and submit form
*
* @param element
*/
function submitForm(element) {
// submit form if there are no errors
if (element.find('.error').length == 0) {
submitFormAllowed = true;
element.submit();
} else {
$('html,body').animate({
scrollTop: element.find('.error:first').offset().top
});
}
}
/**
* Check if part of a value exist in an array
*
* @param array
* @return string found value
*/
function indexOfArray(array, string) {
for (var i=0; i < array.length; i++) {
if (array[i].indexOf(string) !== -1) {
return array[i];
}
}
return '';
}
/**
* Get validation methods of a field
* data-validation="required,max(5)" => array
* required,
* max(5)
*
* @param element
* @return array
*/
function getValidations(element) {
return element.data('validation').split(',');
}
/**
* Get string in brackets
* lala(lulu) => lulu
*
* @param string
* @return string
*/
function getStringInBrackets(string) {
var result = '';
if (string.indexOf('(') !== -1) {
var parts = string.split('(');
result = parts[1].substr(0, parts[1].length - 1);
}
return result;
}
/**
* Log Error in Console
*
* @return void
*/
function logAjaxError() {
if (typeof console === 'object') {
console.log('Error: The called url is not available - if you use TYPO3 in a subfolder, please use config.baseURL in TypoScript');
}
}
};
jQuery(document).ready(function() {
// javascript validation
$('.feManagerValidation').femanagerValidation();
// ajax uploader
var images = createUploader();
// Store initially present filenames from hidden #image input in data structure
if ($('#femanager_field_image').length > 0) {
$.each($('#femanager_field_image').val().split(','), function(index, filename) {
if(filename.trim().length > 0) {
images.addImageName(filename, filename)
}
});
}
// delete image
$('#femanager_field_preview-image').find('.qq-upload-delete').click(function(e) {
e.preventDefault();
var item = $(e.target).parent();
// Remove filename from hidden #image input
images.deleteImageName(item.find('.qq-upload-file').text());
item.fadeOut('', function() {
$(this).remove();
});
});
// confirmation
$('*[data-confirm]').click(function(e) {
var message = $(this).data('confirm');
if (!confirm(message)) {
e.preventDefault();
}
});
});
/**
* Create Fileuploader
*
* @return object
*/
function createUploader() {
if ($('#femanager_field_fine-uploader').length == 0) {
return;
}
var imageNameHandler = {
// Data structure to store image names for Femanager
imageNames: {},
// Join image names in data structure to be stored in hidden #image input
getImageNames: function () {
return $.map(this.imageNames, function(item) { return item; } ).join(',');
},
// Add filename to data structure and hidden #image input
addImageName: function(id, filename) {
this.imageNames[id] = filename;
$('#femanager_field_image').val(this.getImageNames());
},
// Remove filename from data structure and hidden #image input
deleteImageName: function (idToDelete) {
delete this.imageNames[idToDelete];
$('#femanager_field_image').val(this.getImageNames());
}
};
var uploader = new qq.FineUploader({
element: document.getElementById('femanager_field_fine-uploader'),
request: {
endpoint: Femanager.getBaseUrl() + 'index.php?eID=femanagerFileUpload&id=' + $('#femanagerPid').val(),
customHeaders: {
Accept: 'application/json'
}
},
multiple: true,
template: $('.image_container_template:first').html(),
fileTemplate: '
' +
'' +
'' +
'' +
'' +
'' +
'{cancelButtonText}' +
'{retryButtonText}' +
'{deleteButtonText}' +
'{statusText}' +
'',
deleteFile: {
enabled: true,
forceConfirm: true,
endpoint: Femanager.getBaseUrl() + 'index.php?eID=femanagerFileDelete&id=' + $('#femanagerPid').val() // TODO delete file on server
},
classes: {
success: 'alert alert-success',
fail: 'alert alert-error'
},
validation: {
allowedExtensions: getValueFromField('#uploadFileExtension', 'jpeg, jpg, gif, png, bmp', 'array'), // allowed file extensions
sizeLimit: getValueFromField('#uploadSize', 25000000, 'int'), // in bytes
itemLimit: getValueFromField('#uploadAmount', 1, 'int') // limit number of uploads
},
callbacks: {
onComplete: function(id, fileName, responseJSON) {
if (responseJSON.success) {
// show preview image
var image = $('
![]()
')
.addClass('fileupload_image')
.prop('src', $('#uploadFolder').val() + '/' + responseJSON.uploadName)
.prop('alt', responseJSON.uploadName)
image.appendTo(this.getItemByFileId(id));
// add filename to Femanager data structure
imageNameHandler.addImageName(id, responseJSON.uploadName);
}
},
onDeleteComplete: function(id, xhr, isError) {
// Remove filename from Femanager data structure
imageNameHandler.deleteImageName(id);
}
}
});
return imageNameHandler;
}
window.Femanager = {};
/**
* Get value from a hidden field
*
* @param selector string
* @param fallback mixed
* @param mode string ("int", "array")
* @returns {*}
*/
function getValueFromField(selector, fallback, mode) {
var value = fallback;
if ($(selector).length) {
value = $(selector).val();
}
if (mode !== undefined) {
if (mode === 'int') {
value = parseInt(value);
} else if (mode === 'array') {
value = value.toString();
value = value.replace(/[\s,]+/g, ','); // replace " , " to ","
value = value.split(',');
}
}
return value;
}
/**
* Return BaseUrl as prefix
*
* @return string Base Url
*/
window.Femanager.getBaseUrl = function() {
var baseurl;
if (jQuery('base').length > 0) {
baseurl = jQuery('base').prop('href');
} else if (window.location.hostname.indexOf('localhost') !== -1) {
baseurl = '';
} else {
var port = '';
if (window.location.port.length > 0) {
port = ':' + window.location.port;
}
if (window.location.protocol !== "https:") {
baseurl = 'http://' + window.location.hostname + port + '/';
} else {
baseurl = 'https://' + window.location.hostname + port + '/';
}
}
return baseurl;
};
!function(e){"use strict";var t={i18n:{ru:{months:["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"],dayOfWeek:["Вск","Пн","Вт","Ср","Чт","Пт","Сб"]},en:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],dayOfWeek:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},de:{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],dayOfWeek:["So","Mo","Di","Mi","Do","Fr","Sa"]},nl:{months:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"],dayOfWeek:["zo","ma","di","wo","do","vr","za"]},tr:{months:["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"],dayOfWeek:["Paz","Pts","Sal","Çar","Per","Cum","Cts"]},fr:{months:["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],dayOfWeek:["Dim","Lun","Mar","Mer","Jeu","Ven","Sam"]},es:{months:["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],dayOfWeek:["Dom","Lun","Mar","Mié","Jue","Vie","Sáb"]},th:{months:["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","พฤษภาคม","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],dayOfWeek:["อา.","จ.","อ.","พ.","พฤ.","ศ.","ส."]},pl:{months:["styczeń","luty","marzec","kwiecień","maj","czerwiec","lipiec","sierpień","wrzesień","październik","listopad","grudzień"],dayOfWeek:["nd","pn","wt","śr","cz","pt","sb"]},pt:{months:["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],dayOfWeek:["Dom","Seg","Ter","Qua","Qui","Sex","Sab"]},ch:{months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],dayOfWeek:["日","一","二","三","四","五","六"]},se:{months:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],dayOfWeek:["Sön","Mån","Tis","Ons","Tor","Fre","Lör"]},kr:{months:["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],dayOfWeek:["일","월","화","수","목","금","토"]},it:{months:["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"],dayOfWeek:["Dom","Lun","Mar","Mer","Gio","Ven","Sab"]},da:{months:["January","Februar","Marts","April","Maj","Juni","July","August","September","Oktober","November","December"],dayOfWeek:["Søn","Man","Tir","ons","Tor","Fre","lør"]},ja:{months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],dayOfWeek:["日","月","火","水","木","金","土"]},vi:{months:["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],dayOfWeek:["CN","T2","T3","T4","T5","T6","T7"]}},value:"",lang:"en",format:"Y/m/d H:i",formatTime:"H:i",formatDate:"Y/m/d",startDate:!1,step:60,closeOnDateSelect:!1,closeOnWithoutClick:!0,timepicker:!0,datepicker:!0,minDate:!1,maxDate:!1,minTime:!1,maxTime:!1,allowTimes:[],opened:!1,initTime:!0,inline:!1,onSelectDate:function(){},onSelectTime:function(){},onChangeMonth:function(){},onChangeDateTime:function(){},onShow:function(){},onClose:function(){},onGenerate:function(){},withoutCopyright:!0,inverseButton:!1,hours12:!1,next:"xdsoft_next",prev:"xdsoft_prev",dayOfWeekStart:0,timeHeightInTimePicker:25,timepickerScrollbar:!0,todayButton:!0,defaultSelect:!0,scrollMonth:!0,scrollTime:!0,scrollInput:!0,lazyInit:!1,mask:!1,validateOnBlur:!0,allowBlank:!0,yearStart:1950,yearEnd:2050,style:"",id:"",roundTime:"round",className:"",weekends:[],yearOffset:0};Array.prototype.indexOf||(Array.prototype.indexOf=function(e,t){for(var n=t||0,a=this.length;n