const translationDict = { “Ενδιαφέρομαι”: “Interested”, “Κατάσταση”: “Status”, “Τύπος”: “Type”, “ΤΜ”:”Area Size”, “Μέγεθος”:”Area Size”, “Βεράντα”:”Balcony”, “Όροφος”:”Floor”, “Υ/Δ”:”Bedrooms”, “Μπάνια”:”Bathrooms”, “Πισίνα”:”Pool”, “Κήπος”:”Garden”, “Αποθήκη”:”Storage Room”, “Τιμή πώλησης”: “Price”, “BIG DEAL”:”BIG DEAL”, “EARLY BOOKING”:”EARLY BOOKING”, “Διαμέρισμα”:”Apartment”, “ΙΣ”:”GF”, “Α”: “A”, “Β”: “B”, “Γ”: “C”, “Δ”: “D”, “Ε”: “E”, “ΣΤ”: “F”, “Η”: “G”, “Θ”: “H”, “Ι”: “I”, }; // Function to translate Greek text function translateText(text) { if (translationDict[text]) { return translationDict[text]; } for (let key in translationDict) { if (text.includes(key)) { text = text.replace(key, translationDict[key]); } } return text; } function addAllColumnHeaders(myList, isEnglish) { var columnSet = [] var headerTr$ = $(‘‘) for (var i = 0; i < myList.length; i++) { var rowHash = myList[i]; for (var key in rowHash) { if ($.inArray(key, columnSet) == -1) { columnSet.push(key); if(key === "EARLY BOOKING"){ headerTr$.append($('‘).html(isEnglish ? translateText(key) : key)); }else{ headerTr$.append($(‘‘).html(isEnglish ? translateText(key) : key)); } } } } $(“#desktop table thead”).append(headerTr$); return columnSet; } // Desktop $(document).ready(function() { var isEnglish = window.location.pathname.includes(‘/en’); $.getJSON(“https://luxandeasyresidences.com/wp-content/uploads/json/30048.json”, function (data) { var columns = addAllColumnHeaders(data, isEnglish) for (var i = 0; i <data.length; i++) { var row$ = $('‘) for (var colIndex = 0; colIndex <columns.length; colIndex++) { var cellValue = data[i][columns[colIndex]] if (cellValue == null) { cellValue = ""; } // Apply translation based on language cellValue = isEnglish ? translateText(cellValue) : cellValue; if(columns[colIndex] === "Ενδιαφέρομαι"){ if(data[i].Κατάσταση === "On Sale"){ row$.append( $('‘, { href: ‘#contact-form’, }).append( $(‘‘).append( isEnglish ? translateText(‘Ενδιαφέρομαι’) : ‘Ενδιαφέρομαι’ ) ) ) }else{ row$.append( $(‘‘, { href: ‘#contact-form’, }).append( $(‘‘).append( isEnglish ? translateText(‘Ενδιαφέρομαι’) : ‘Ενδιαφέρομαι’ ) ) ) } }else if(columns[colIndex] === “EARLY BOOKING”){ row$.append($(‘‘).html(cellValue)); }else if(columns[colIndex] === “BIG DEAL”){ row$.append($(‘‘).html(cellValue)); } else{ var td = $(‘‘).html(cellValue) if(cellValue === “On Sale”){ td.attr(‘id’, ‘on-sale’) } if (cellValue === “Sold” || cellValue === “Reserved”) { if (cellValue === “Reserved”) { td.attr(‘id’, ‘reserved’) } else { td.attr(‘id’, ‘sold’) } } row$.append(td); } } $(“#jsonTable”).append(row$) } // Mobile Table for (var i = 0; i < data.length; i++) { var row$ = $('‘); for (var colIndex = 0; colIndex < columns.length; colIndex++) { var cellValue = data[i][columns[colIndex]]; if (cellValue == null) { cellValue = ""; } // Apply translation based on language cellValue = isEnglish ? translateText(cellValue) : cellValue; data[i][columns[1]] = isEnglish ? translateText(data[i][columns[1]]) : data[i][columns[1]] if(columns[colIndex] === "ID"){ row$.append($('‘).html(cellValue)); }else if(columns[colIndex] === “BIG DEAL”){ row$.append($(‘‘).attr(‘data-label’,columns[colIndex]).html(cellValue)); }else if(columns[colIndex] === “EARLY BOOKING”){ row$.append($(‘‘).attr(‘data-label’,columns[colIndex]).html(cellValue)); } else if(columns[colIndex] === “Ενδιαφέρομαι”){ if(data[i].Κατάσταση === “Sold” || data[i].Κατάσταση === “Reserved”){ break; }else{ row$.append( $(‘‘, { href: ‘#contact-form’, }).append( $(‘‘).append( isEnglish ? translateText(‘Ενδιαφέρομαι’) : ‘Ενδιαφέρομαι’ ) ) ) } } else{ row$.append($(‘‘).attr(‘data-label’, isEnglish ? translateText(columns[colIndex]) : columns[colIndex]).html(cellValue)) } } $(“#jsonTableMobile”).append(row$) } const r1Elements = document.querySelectorAll(‘td.r1’); r1Elements.forEach(r1 => { r1.addEventListener(‘click’, () => { const row = r1.closest(‘tr’); const r2Elements = document.querySelectorAll(‘td.r2’); const floorPlanBtnElements = document.querySelectorAll(‘.floor-plan-btn’); r2Elements.forEach(r2 => { // Check if r2 is within the same row as the clicked r1 if (r2.closest(‘tr’) === row) { // Toggle visibility of the r2 in this row r2.style.display = (r2.style.display === ‘none’ || r2.style.display === ”) ? ‘block’ : ‘none’ } }) floorPlanBtnElements.forEach(btn => { if(btn.closest(‘tr’) === row){ btn.style.display = (btn.style.display === ‘none’ || btn.style.display === ”) ? ‘block’ : ‘none’ } }) }) }) }) })