Kontaktformular
Du hast eine Frage oder ein Anliegen? Dann nimm mit uns Kontakt auf.
Fülle einfach das Formular aus und wir werden deine Anfrage schnellstmöglich bearbeiten.
Bei allgemeinen Fragen findest du hier
unsere FAQ's.
document.addEventListener('DOMContentLoaded', function() {
const inputFile = document.getElementById('inputFile');
const previewContainer = document.getElementById('preview');
const form = document.getElementById('uploadForm');
let selectedFiles = [];
inputFile.addEventListener('change', (e) => {
const files = Array.from(e.target.files);
if (selectedFiles.length + files.length > 5) {
alert("You can only upload up to 5 files.");
return;
}
files.forEach(file => {
selectedFiles.push(file);
});
updatePreview();
});
function updatePreview() {
previewContainer.innerHTML = '';
selectedFiles.forEach((file, index) => {
const previewItem = document.createElement('div');
previewItem.classList.add('preview-item');
const removeBtn = document.createElement('button');
removeBtn.classList.add('remove-btn');
removeBtn.addEventListener('click', () => {
selectedFiles.splice(index, 1);
updatePreview();
});
previewItem.appendChild(removeBtn);
if (file.type.startsWith('image/')) {
const img = document.createElement('img');
const reader = new FileReader();
reader.onload = (e) => {
img.src = e.target.result;
};
reader.readAsDataURL(file);
previewItem.appendChild(img);
} else if (file.type.startsWith('video/')) {
const video = document.createElement('video');
video.controls = true;
video.width = 150;
const reader = new FileReader();
reader.onload = (e) => {
video.src = e.target.result;
};
reader.readAsDataURL(file);
previewItem.appendChild(video);
} else {
const info = document.createElement('p');
info.textContent = file.name;
previewItem.appendChild(info);
}
previewContainer.appendChild(previewItem);
});
}
});
//google recaptcha
if($("body").hasClass("category-contact")){
var onloadCallback = function() {
grecaptcha.render('html_element', {
'sitekey': '6LdQC7kUAAAAAAb2t2Rwj4wI8qt5ZnMFGP3BFzEp',
'callback':'verified',
'expired-callback':'expired'
});
};
function expired(response){
document.getElementById("conformsubmitbtn").setAttribute("data-valid-captcha", 'false');
document.getElementById("conformsubmitbtn").disabled = true;
}
function verified(response){
//alert(response);
document.getElementById("conformsubmitbtn").setAttribute("data-valid-captcha", 'true');
if (document.getElementById("conformsubmitbtn").getAttribute("data-valid-reason") === "true") {
document.getElementById("conformsubmitbtn").disabled = false;
}
}
document.getElementById("conformsubmitbtn").disabled = true;
document.getElementById("conformsubmitbtn").setAttribute("data-valid-captcha", 'false');
}
$(document).ready(function () {
function setSubject() {
let subject = $('input[type=radio][name=subject]:checked').val();
if (subject) {
document.getElementById("conformsubmitbtn").setAttribute("data-valid-reason", 'true');
$('#subjectError').css("display", 'none');
if (document.getElementById("conformsubmitbtn").getAttribute("data-valid-captcha") === "true") {
document.getElementById("conformsubmitbtn").disabled = false;
}
} else {
$('#subjectError').css("display", 'block');
document.getElementById("conformsubmitbtn").setAttribute("data-valid-reason", 'false');
document.getElementById("conformsubmitbtn").disabled = true;
}
$('input[type=hidden][name=subject]').val(subject ?? "");
}
if($("body").hasClass("category-contact")){
$('#accordionOrderReason').on('show.bs.collapse', function (event) {
$(event.target).find("input").attr("required", true);
})
$('#accordionOrderReason').on('hide.bs.collapse', function (event) {
$(event.target).find("input").attr("required", false);
})
$('#accordionItemReason').on('show.bs.collapse', function (event) {
$(event.target).find("input").attr("required", true);
})
$('#accordionItemReason').on('hide.bs.collapse', function (event) {
$(event.target).find("input").attr("required", false);
})
$('#accordionOtherReason').on('show.bs.collapse', function (event) {
$(event.target).find("input").attr("required", true);
})
$('#accordionOtherReason').on('hide.bs.collapse', function (event) {
$(event.target).find("input").attr("required", false);
})
$('#accordionReason').on('hide.bs.collapse', function (event) {
$(event.target).find("input[type='radio']").prop("checked", false);
$(event.target).find("input[type='text']").val("");
setSubject();
let accordions = $(event.target).find(".accordion");
for(let accordion of accordions) {
let collapses = $(accordion).find(".collapse");
for(let collapse of collapses) {
$(collapse).collapse("hide");
}
}
})
$( "#inputFile" ).change(function(event) {
$( "#inputFileValue" ).text("");
if (event.target.files.length > 0) {
$( "#inputFileValue" ).text(event.target.files[0].name);
}
});
$('input[type=radio][name=subject]').change(function() {
setSubject();
});
}
});
