").appendTo($("table.offerte_aanvragen tbody"));
var td = $("").append(' ').appendTo(tr);
var td = $(" | ").append(' ' + tile.dealer_id + ' ').appendTo(tr);
var td = $(" | ").append(' ' + tile.bruto_area + ' ').appendTo(tr);
var td = $(" | ").append(' ' + tile.onze_prijs.replace(".", ",") + ' ').appendTo(tr);
var td = $(" | ").append(' ' + tile.calculated_price + ' ').appendTo(tr);
// console.log(tr);
// $(tr).appendTo("table.offerte_aanvragen tbody");
});
}
// --------------------------------------------------------
function send_offerte(validate = 1) {
if (!validate) {
console.log("Log: send_offerte form not valid");
return;
}
console.log(`Log: send_offerte`);
// console.log(m_capture.tiles_arr);
// gvars.toast = $(".toast-container").attr("class") || "toast-container toast-position-middle-center";
// $(".toast-container").attr("class", "toast-container toast-position-top-right");
// $().toastmessage("showToast", {
// text: "Tegels informatie is verzonden",
// sticky: false,
// position: "top-right",
// // position: 'middle-center',
// type: "notice",
// // 'notice' 'success' 'warning' 'error'
// close: function() {
// $(".toast-container").delay(500).queue(function() {
// $(this).attr("class", gvars.toast).dequeue();
// });
// },
// });
// var name = $('input[name="email_sender_name"]#email_sender_name').val().trim();
// var email = $('input[name="email_sender_email"]#email_sender_email').val().trim();
// var telefoonnummer = $('input[name="email_sender_telefoonnummer"]#email_sender_telefoonnummer').val().trim();
// var uwvraag = $('.ft_showsaved form textarea[name = "email_sender_uwvraag"]').val().trim();
// var code = $('input[name="Code"]').val();
var voornaam = $('input[name = "offerte_modal_form_voornaam"]#offerte_modal_form_voornaam').val().trim();
var achternaam = $('input[name = "offerte_modal_form_achternaam"]#offerte_modal_form_achternaam').val().trim();
var straatnaam = $('input[name = "offerte_modal_form_straatnaam"]#offerte_modal_form_straatnaam').val().trim();
var huisnummer = $('input[name = "offerte_modal_form_huisnummer"]#offerte_modal_form_huisnummer').val().trim();
var postcode = $('input[name = "offerte_modal_form_postcode"]#offerte_modal_form_postcode').val().trim();
var woonplaats = $('input[name = "offerte_modal_form_woonplaats"]#offerte_modal_form_woonplaats').val().trim();
var email = $('input[name = "offerte_modal_form_email"]#offerte_modal_form_email').val().trim();
var telefoonnummer = $('input[name = "offerte_modal_form_telefoonnummer"]#offerte_modal_form_telefoonnummer').val().trim();
var opmerking = $('textarea[name = "offerte_modal_form_textarea_22"]#offerte_modal_form_textarea_22').val().trim();
var tiles = gvars.caculator.tile_ids
var jform = {};
jform["voornaam"] = voornaam;
jform["achternaam"] = achternaam;
jform["straatnaam"] = straatnaam;
jform["huisnummer"] = huisnummer;
jform["woonplaats"] = woonplaats;
jform["postcode"] = postcode;
jform["email"] = email;
jform["telefoonnummer"] = telefoonnummer;
jform["opmerking"] = opmerking;
jform["tiles"] = tiles;
jform["action"] = "tegelcollectie_offerte";
// // var pdf = doc.output();
// // var blob = doc.output('blob');
// // doc.save("test.pdf");
// // return;
// // var jform = new FormData();
// // jform.append('VisitorName', name);
// // jform.append('telefoonnummer', "000");
// // jform.append('VisitorEmail', email);
// // jform.append('uwvraag', 'uwvraag...');
// // jform.append('Code', code);
// // jform.append('ArticleIds', [m_capture.tiles_arr]);
// // jform.append('generated_pdf' ,blob);
// // form_data.ArticleIds
// // jform.append('ArticleIds',"vlakkenmaker_make_screenshot");
// // jform.append('action',"tegelcollectie_email_code");
// var jform = {};
// jform["VisitorName"] = name;
// jform["telefoonnummer"] = telefoonnummer;
// jform["VisitorEmail"] = email;
// jform["uwvraag"] = uwvraag;
// jform["Code"] = code;
// jform["ArticleIds"] = m_capture.tiles_arr;
// jform["action"] = "tegelcollectie_email_code";
// // data = JSON.stringify(Object.fromEntries(jform));
// // console.log(data);
// // console.log(jform);
// var data = JSON.stringify(jform);
// //var ajaxurl = global_data.ajaxurl;
if (global_data.home_url.indexOf(".") !== -1) {
var ajaxurl = global_data.home_url + "/wp-admin/admin-ajax.php";
}
// // if subdomain is true use it.
// // var ajaxurl = 'https://tgnshowroom2018.tegelcollectie.nl/wp-admin/admin-ajax.php';
// var msg = global_data.txt_thanks;
// msg = msg.replace("[code]", jform.Code);
// data = {
// action: "tegelcollectie_offerte",
// data: jform
// };
// data = JSON.stringify(data);
// $.ajax({
// url: ajaxurl,
// data: data,
// type: "POST",
// dataType: "json",
// contentType: "text/json",
// // beforeSend: function(xhr) {
// // xhr.setRequestHeader("Authorization", apikey);
// // },
// complete: function(response) {
// // $('.favorites form').get(0).reset();
// // $('.favorites button[type=submit]').show();
// console.log('complete');
// console.log(response);
// },
// success: function(response) {
// console.log('success');
// console.log(response);
// },
// });
// return;
data = {
action: "tegelcollectie_offerte",
data: jform
};
console.clear();
console.log(console.clear());
console.log("Log: jform =");
console.log(jform);
// debugger
$.post(ajaxurl, data, function(response) {
console.log(response);
if (response == 1) {
$().toastmessage("showToast", {
text: "Offerte is verzonden, we nemen contact met u op",
position: "middle-center",
type: "success",
stayTime: 5000,
});
} else {
$().toastmessage("showToast", {
text: "Offerte verzonden is mislukt",
position: "middle-center",
type: "error",
stayTime: 2000,
});
}
$('.shaz-modal-top-header-close').trigger('click');
// var json = JSON.parse(response);
// console.log(json);
// $(".submit_success_message").html(msg);
// $(".submit_success_message").fadeIn().delay(7000).fadeOut();
// console.log("log: reset form");
// $(".floating_content.sv2_online form")[0].reset();
// $(".favorite-counter").html("0");
// $(".favorite-counter").prev().addClass("inactive_grey");
// $(".favorite-counter").parent().parent().addClass("inactive_grey_li");
// $(".favorite-counter").parent().parent().find("span.control-tooltip").html("Sla eerst uw keuze op");
// $(".favorite-counter").removeAttr("style");
// $(".floating_content.sv1_online .saved_left_content").html('U heeft nog geen tegels opgeslagen ');
// m_capture = {
// room: {},
// tiles_arr: [],
// tiles: {},
// room_tegels: {},
// };
// gvars.total_fav = 0;
// $(".floating_content.sv2_online input[name=Code]").val(Math.floor(Date.now() / 1000));
});
// data = JSON.stringify(jform);
// $.ajax({
// url: api_url + "/TileSelection",
// data: data,
// type: "POST",
// dataType: "json",
// contentType: "text/json",
// beforeSend: function(xhr) {
// xhr.setRequestHeader("Authorization", apikey);
// },
// complete: function() {
// // $('.favorites form').get(0).reset();
// // $('.favorites button[type=submit]').show();
// console.log("Log: ajax completed to: " + api_url + "/TileSelection");
// },
// success: function(data) {
// console.log("Log: ajax successed to: " + api_url + "/TileSelection");
// },
// });
}
// // Begin setup
// const mainNode = document.getElementById('html')
// // const toggleNode = document.getElementById('toggle')
// // toggleNode.addEventListener(click_touch, function() {
// // mainNode.classList.toggle('--blue')
// // })
// // End setup
// function callback(mutationsList, observer) {
// console.log('Mutations:', mutationsList)
// console.log('Observer:', observer)
// mutationsList.forEach(mutation => {
// if (mutation.attributeName === 'class') {
// // alert('Ch-ch-ch-changes!')
// console.log("///////////////////// html Class Change ///////////////////////");
// }
// })
// }
// const mutationObserver = new MutationObserver(callback)
// mutationObserver.observe(mainNode, { attributes: true })
jQuery(document).ready(function($) {
var element = $('html');
var observer = new MutationObserver(function(mutations) {
console.log("Change detected");
if ($('html').hasClass('shaz_show_modal_location') == true) {
// console.log("Tegelinfo show detected");
$('div.mainscreen #roomvo_api').appendTo('.showroom_location_left');
} else {
// console.log("No Tegelinfo show detected");
$('.showroom_location_left #roomvo_api').appendTo('div.mainscreen');
}
if ( $('html').hasClass('hide_sidebars')) {
close_sub_vid_menu();
}
var htmlElement = $('html');
var classes = htmlElement.attr('class').split(/\s+/);
// var is_inispiratie = 0;
// var hasShape = classes.filter(function(className) {
// return className.startsWith('demo_');
// }).length > 0;
// if (hasShape) debugger;
var hasMatchingClass = classes.filter(function(className) {
// if (className == 'shaz_show_modal_inispiratie') {
// is_inispiratie = 1;
// }
return className.startsWith('shaz_show_modal_');
}).length > 0;
// if (hasMatchingClass && !is_inispiratie) {
if (hasMatchingClass) {
// close_sub_vid_menu();
public_function.close_roomselect();
}
});
observer.observe(element[0], {
attributes: true,
attributeFilter: ['class']
});
// ------------- monitir pdf 2d container -------------
if (global_detect_floating_content_sv3_class_change){
let element = $('.is_showroom.floating_wrapper.ft_showsaved .floating_content.sv3');
let observer = new MutationObserver(function(mutations) {
console.log('.floating_content.sv3 class is changed')
debugger
});
observer.observe(element[0], {
attributes: true,
attributeFilter: ['class']
});
}
});
// ------------------------------- Inspirationby idle Gallery ----------------------------------
// -----------------
// For Nuc only
// -----------------
jQuery(document).ready(function($) {
if (global_data.forceShowroom) {
fetch_nuc_idle_photos();
// Reset the timer on user activity
document.addEventListener('mousemove', resetIdleTimer);
document.addEventListener('keypress', resetIdleTimer);
// Initial setup
resetIdleTimer();
}
});
// ---------------------------------------------------------------------------
// Detect idle time nuc (add nuc_idle to html if detected otherwise remove it)
// ---------------------------------------------------------------------------
if (global_data.forceShowroom){
let idleTimer;
let idleDuration = global_data.nuc_settings.nuc_inactivity_time * 1000; // Set the idle duration in milliseconds (e.g., 5000ms or 5 seconds)
var nuc_idle_show_period = global_data.nuc_settings.nuc_time_to_show * 1000; // image to stay shown
let initialize_first = 0;
// --nuc-transition-idle = global_data.nuc_settings.nuc_transition_time; // in ms in /wp-content/themes/tegelcollectie-dealer/assets/sfeertool/css/php_style.php
// idleDuration = 5000;
console.log('idle Duration = '+ idleDuration );
console.log('nuc_idle_show_period = '+ nuc_idle_show_period );
function resetIdleTimer() {
$('html').removeClass('nuc_idle');
clearTimeout(idleTimer);
idleTimer = setTimeout(() => {
console.log('nuc_idle is detected');
$('html').addClass('nuc_idle');
if (!initialize_first){
initialize_first = 1;
start_nuc_idle();
}
}, idleDuration);
}
// -------------------
// Fetch photos urls
// -------------------
var arr_nuc_idle_inspirations_url = [];
function fetch_nuc_idle_photos() {
var Query = 'ProductCategoryId=W&AtmosphereId=CLASSIC&AtmosphereId=MINIMALISTISCH&AtmosphereId=MODERN&AtmosphereId=RURAL';
ajax_url = service_url + 'Master/AtmospherePhotos?' + Query;
jQuery.support.cors = true;
// abort_all_ajax();
$.ajax({
url: ajax_url,
type: 'GET',
dataType: 'json',
beforeSend: function(xhr) {
abort_all_ajax('AtmospherePhotos'); // (1) Cancel only AtmospherePhotos requests if requestType is defined
xhr.requestType = 'AtmospherePhotos';
xhr.setRequestHeader('Authorization', apikey);
global_xhrPool.push(xhr);
loading('on');
},
success: function(response) {
loading('off');
if (!(response instanceof Array) && response != null) {
response = [response];
}
if (!response || response.length == 0) {
console.log('NO SFEER FOTO NUC');
return;
}
// shuffleArray(response);
sortByFileIdDescending(response);
console.log(response);
// debugger
for (var i = 0; i < response.length; i++) {
arr_nuc_idle_inspirations_url[i] = base_url + '/' + response[i].FileName;
}
add_nuc_photo_container();
downloadImagesInChunks(arr_nuc_idle_inspirations_url);
// start_nuc_idle();
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(errorThrown);
loading('off');
if (jqXHR.readyState < 4) {
return true;
}
}
});
}
// -----------------------------------------------------------
// -------------------- Setup Divs nuc idle ------------------
// -----------------------------------------------------------
function add_nuc_photo_container(){
if(! $('#nuc_idle_inspiration_container').length){
var nuc_idle_inspiration_container = $('').prependTo("body");
}
}
}
// ---------------------
// randomize an array
// ---------------------
function shuffleArray(array) {
for (let i = array.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
// Swap array[i] and array[j]
[array[i], array[j]] = [array[j], array[i]];
}
}
function sortByFileIdDescending(arr) {
return arr.sort((a, b) => b.FileId - a.FileId);
}
// --------------------------------
// Download images in chunks
// --------------------------------
function downloadImagesInChunks(imageUrls, chunkSize = 5, delayBetweenChunks = 1000) {
let currentIndex = 0;
function downloadChunk() {
const currentChunk = imageUrls.slice(currentIndex, currentIndex + chunkSize);
currentIndex += chunkSize;
currentChunk.forEach(url => {
const img = new Image();
img.onload = () => {
// console.log(`${url} downloaded`);
$("").addClass("nuc_idle_inspiration_photo").css("background-image", 'url("' + url + '")').appendTo('#nuc_idle_inspiration_container');
}
img.onerror = () => console.error(`Failed to download ${url}`);
img.src = url;
});
}
function downloadNextChunkWithDelay() {
if (currentIndex < imageUrls.length) {
downloadChunk();
setTimeout(downloadNextChunkWithDelay, delayBetweenChunks);
} else {
console.log('All images downloaded!');
}
}
downloadNextChunkWithDelay();
}
// ------------------------------------
function start_nuc_idle(){
var images = $('#nuc_idle_inspiration_container .nuc_idle_inspiration_photo');
let currentIndex = 0;
console.log('start_nuc_idle() is started');
// Add fadeIn class to the first image
images.eq(0).addClass('fadeIn');
// console.clear();
// console.log(' **************************************************************** images.eq(0) ***********************************************************************');
// console.log(images.length);
// console.log(images.eq(0));
function showNextImage() {
if (!$("html").hasClass("nuc_idle")) {
return;
}
var images = $('#nuc_idle_inspiration_container .nuc_idle_inspiration_photo');
const nextIndex = (currentIndex + 1) % images.length;
images.eq(currentIndex).removeClass('fadeIn');
images.eq(nextIndex).addClass('fadeIn');
currentIndex = nextIndex;
}
// Set the interval to switch images (e.g., every 5 seconds)
setInterval(showNextImage, nuc_idle_show_period);
}
// -------------------------------------- new API --------------------------------------
jQuery(document).ready(function($) {
// function get_merken() {
// // if (debug) {
// // console.log("GetInspirationbyQuery(Query) = ");
// // console.log(Query);
// // }
// // $("#loading").css({
// // visibility: "visible",
// // display: "block",
// // });
// // var patienceToast = $().toastmessage("showToast", {
// // text: "Een ogenblik geduld, de foto's worden geladen.",
// // sticky: true,
// // type: "notice",
// // stayTime: 6000,
// // });
// var Query = 'BrandId=MOTTO';
// ajax_url = service_url + "Master/BrandLookSeries?" + Query;
// console.log('new api');
// console.log(ajax_url);
// // debugger
// jQuery.support.cors = true;
// $.ajax({
// url: ajax_url,
// type: "GET",
// dataType: "json",
// beforeSend: function(xhr) {
// xhr.setRequestHeader("Authorization", apikey);
// },
// success: function(data) {
// // $("#rotating-sfeer-item-wrapper, .gsfeer-icon-container").remove();
// // if (data.length > 0) {
// // WriteInspirationResponseQuery(data);
// // } else {
// // $().toastmessage("showToast", {
// // text: "Deze categorie bevat geen foto's.",
// // sticky: false,
// // type: "notice",
// // stayTime: 3000,
// // });
// // $(".controls").removeClass("isatmosphere");
// // // 17-5-2019
// // removeSfeer();
// // // $('html').removeClass('sfeer_clicked');
// // }
// // setTimeout(function() {
// // if (patienceToast != "") {
// // $().toastmessage("removeToast", patienceToast);
// // }
// // }, 1000);
// console.log(data);
// },
// error: function(jqXHR, textStatus, errorThrown) {
// console.log(errorThrown);
// if (jqXHR.readyState < 4) {
// return true;
// }
// },
// });
// }
// get_merken();
// ---------------- Video -------------------
$(document.body).on(click_touch, '.search_tabs_wrapper .search_tabs', function(event) {
if ($(this).hasClass('m_roomselect') && event.target === this) {
if ($(this).hasClass('active_m_roomselect')){
$(this).removeClass('active_m_roomselect');
} else {
$(this).addClass('active_m_roomselect');
}
} else if (! $(this).hasClass('m_roomselect')) {
$('.active_m_roomselect').removeClass('active_m_roomselect');
}
// hide_shaz_sidebar();
})
// --- video -----------
// show_video();
// ------------------- eof ready ------------------
});
function close_sub_vid_menu(){
console.log('close_sub_vid_menu()');
$('.active_m_roomselect').removeClass('active_m_roomselect');
}
// -------------------- Video -------------------
// video.js
// var currentVideoContainer = null;
// var currentPlayer = null;
// function show_video(videoName = 'badkamer') {
// if (played_video[videoName]) {
// return;
// } else {
// played_video[videoName] = played_video[videoName] || 0;
// played_video[videoName] += 1;
// }
// var videoURL = videoLinks[videoName];
// // Close the current video if there is one
// if (currentPlayer) {
// currentPlayer.pause();
// currentVideoContainer.remove();
// }
// if (videoURL) {
// // Dynamically create the video container
// var videoContainer = $('');
// var videoPlayer = $(' |
//
//