(function () { if (window.__mgGuard) return; window.__mgGuard = true; function $(id) { return document.getElementById(id); } function on(el, ev, fn) { if (el) el.addEventListener(ev, fn); } function clear(el) { if (!el) return; while (el.firstChild) el.removeChild(el.firstChild); } function setText(id, text) { var el = $(id); if (el) el.textContent = text; } var TELEFON = '+90 850 555 0 100'; var ADRES = 'Bagdat Caddesi No:120, Kadikoy / Istanbul'; var ICON_HOUSE = ''; function digitsOnly(s) { return String(s || '').replace(/[^0-9]/g, ''); } function buildMap(container, query) { if (!container) return; clear(container); var q = query || ADRES; if (!q) return; var iframe = document.createElement('iframe'); iframe.src = 'https://maps.google.com/maps?q=' + encodeURIComponent(q) + '&z=15&output=embed'; iframe.loading = 'lazy'; iframe.setAttribute('referrerpolicy', 'no-referrer-when-downgrade'); iframe.setAttribute('title', 'Konum'); container.appendChild(iframe); } // ---------------- İlan kartı (öne çıkan + ilanlar grid'i ortak) ---------------- function buildCard(listing) { var a = document.createElement('a'); a.className = 'mg-card'; a.href = '/ilan/' + encodeURIComponent(listing.id || ''); var imgwrap = document.createElement('div'); imgwrap.className = 'mg-card-imgwrap'; if (listing.img) { var img = document.createElement('img'); img.className = 'mg-card-img'; img.src = listing.img; img.alt = listing.title || ''; imgwrap.appendChild(img); } else { var ph = document.createElement('div'); ph.className = 'mg-noimg'; ph.innerHTML = ICON_HOUSE; imgwrap.appendChild(ph); } var tag = document.createElement('span'); tag.className = 'mg-card-tag' + (listing.tag === 'Kiralık' ? ' is-rent' : ''); tag.textContent = listing.tag || ''; imgwrap.appendChild(tag); var body = document.createElement('div'); body.className = 'mg-card-body'; var price = document.createElement('div'); price.className = 'mg-card-price'; price.textContent = listing.price || ''; var title = document.createElement('h3'); title.className = 'mg-card-title'; title.textContent = listing.title || ''; var area = document.createElement('div'); area.className = 'mg-card-area'; area.textContent = listing.area || ''; var specs = document.createElement('div'); specs.className = 'mg-card-specs'; specs.textContent = listing.specs || ''; body.appendChild(price); body.appendChild(title); body.appendChild(area); body.appendChild(specs); a.appendChild(imgwrap); a.appendChild(body); return a; } function renderCards(container, list, emptyMsg) { clear(container); if (!list || !list.length) { var empty = document.createElement('div'); empty.className = 'mg-empty'; empty.textContent = emptyMsg || 'Aramanızla eşleşen ilan bulunamadı.'; container.appendChild(empty); return; } list.forEach(function (l) { container.appendChild(buildCard(l)); }); } function showLoadError(container) { clear(container); var err = document.createElement('div'); err.className = 'mg-empty'; err.textContent = 'İlanlar şu anda yüklenemiyor.'; container.appendChild(err); } // ---------------- Ortak: tür listesi + canlı sayaç + semt kartları ---------------- var MG_KNOWN_TYPES = ['Daire', 'Villa', 'Rezidans', 'Dubleks', 'Müstakil Ev', 'Yazlık', 'Ofis', 'İş Yeri', 'Dükkan', 'Depo', 'Arsa', 'Tarla', 'Bina']; var MG_AREA_IMGS = ['https://stock.vucisoft.cloud/estate/about-1.jpg?v=2', 'https://stock.vucisoft.cloud/estate/about-2.jpg?v=2', 'https://stock.vucisoft.cloud/estate/about-3.jpg?v=2', 'https://stock.vucisoft.cloud/estate/about-4.jpg?v=2']; function mgHay(l) { return (((l && l.title) || '') + ' ' + ((l && l.area) || '') + ' ' + ((l && l.specs) || '') + ' ' + ((l && l.desc) || '')).toLocaleLowerCase('tr'); } function mgTypesIn(list) { var out = []; MG_KNOWN_TYPES.forEach(function (t) { var low = t.toLocaleLowerCase('tr'); for (var i = 0; i < list.length; i++) { if (mgHay(list[i]).indexOf(low) !== -1) { out.push(t); return; } } }); return out; } function mgFillTypes(sel, types, placeholder, wrap) { if (!sel) return; var keep = sel.value; clear(sel); var ph = document.createElement('option'); ph.value = ''; ph.textContent = placeholder; sel.appendChild(ph); types.forEach(function (t) { var o = document.createElement('option'); o.value = t; o.textContent = t; sel.appendChild(o); }); if (types.indexOf(keep) !== -1) sel.value = keep; (wrap || sel).style.display = types.length ? '' : 'none'; } function mgDistrictOf(area) { var parts = String(area || '').split(/[\/,]/).map(function (x) { return x.trim(); }).filter(function (x) { return x; }); if (parts.length >= 3) return parts[1]; return parts[0] || ''; } // Semt kartları: adlar + adetler CANLI ilanlardan; her karta AYRI görsel; veri yoksa bölüm gizli. function initNeighborhoods(list) { var section = $('mg-nb-section'), grid = $('mg-nb-grid'); if (!section || !grid) return; var order = [], counts = {}; for (var i = 0; i < list.length; i++) { var d = mgDistrictOf(list[i] && list[i].area); if (!d) continue; if (!counts[d]) { counts[d] = 0; order.push(d); } counts[d]++; } order.sort(function (a, b) { return counts[b] - counts[a]; }); var top = order.slice(0, 4); clear(grid); if (!top.length) { section.style.display = 'none'; return; } for (var k = 0; k < top.length; k++) { var name = top[k]; var a = document.createElement('a'); a.className = 'mg-nb-card'; a.href = '/ilanlar?q=' + encodeURIComponent(name); var img = document.createElement('img'); img.className = 'mg-nb-img'; img.src = MG_AREA_IMGS[k % MG_AREA_IMGS.length]; img.alt = name; img.loading = 'lazy'; a.appendChild(img); var ov = document.createElement('div'); ov.className = 'mg-nb-overlay'; a.appendChild(ov); var info = document.createElement('div'); info.className = 'mg-nb-info'; var nm = document.createElement('div'); nm.className = 'mg-nb-name'; nm.textContent = name; var ct = document.createElement('div'); ct.className = 'mg-nb-count'; ct.textContent = counts[name] + ' ilan'; info.appendChild(nm); info.appendChild(ct); a.appendChild(info); grid.appendChild(a); } section.style.display = ''; } // "Aktif İlan" istatistiği: varsayılan yer tutucu ("—") canlı sayıyla doldurulur; sahibinin // panelden yazdığı değere DOKUNULMAZ. function initLiveCount(list) { var els = document.querySelectorAll('[data-mg-live-count]'); for (var i = 0; i < els.length; i++) { var cur = (els[i].textContent || '').trim(); if (!cur || cur === '—' || cur === '-') els[i].textContent = String(list.length); } } // ---------------- Anasayfa: öne çıkan ilanlar + semtler + arama kutusu ---------------- function initHomeFeatured() { var grid = $('mg-featured-grid'); var form = $('mg-home-search'); if (!grid && !form) return; fetch('/api/listings', { credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (j) { var list = (j && j.ok && Array.isArray(j.listings)) ? j.listings : []; if (grid) renderCards(grid, list.slice(0, 3), 'Şu anda listelenecek ilan bulunmuyor.'); initNeighborhoods(list); initLiveCount(list); mgFillTypes($('mg-home-type'), mgTypesIn(list), 'Tümü', $('mg-home-type-field')); }) .catch(function () { if (grid) showLoadError(grid); var section = $('mg-nb-section'); if (section) section.style.display = 'none'; }); } function initHomeSearch() { var form = $('mg-home-search'); if (!form) return; on(form, 'submit', function (e) { e.preventDefault(); var input = $('mg-home-q'), typeSel = $('mg-home-type'), tagSel = $('mg-home-tag'); var parts = []; var q = input && input.value ? input.value.trim() : ''; if (q) parts.push('q=' + encodeURIComponent(q)); if (typeSel && typeSel.value) parts.push('tur=' + encodeURIComponent(typeSel.value)); if (tagSel && tagSel.value) parts.push('tag=' + encodeURIComponent(tagSel.value)); window.location.href = '/ilanlar' + (parts.length ? ('?' + parts.join('&')) : ''); }); } // ---------------- İlanlar sayfası: canlı liste + istemci filtresi ---------------- function initListings() { var grid = $('mg-listings-grid'); if (!grid) return; var searchInput = $('mg-list-q'); var tagSelect = $('mg-list-tag'); var typeSelect = $('mg-list-type'); var countEl = $('mg-list-count'); var all = []; var turParam = ''; try { var params = new URLSearchParams(window.location.search); var qParam = params.get('q'); if (qParam && searchInput) searchInput.value = qParam; var tagParam = params.get('tag'); if (tagParam && tagSelect) tagSelect.value = tagParam; turParam = params.get('tur') || ''; } catch (e) {} // Çok terimli VE araması: başlık + semt + özellik + açıklama üzerinde (anasayfadan gelen // konum/tür seçimi burada GERÇEKTEN uygulanır). function applyFilters() { var raw = (searchInput && searchInput.value ? searchInput.value : '').trim().toLocaleLowerCase('tr'); var terms = raw ? raw.split(/\s+/) : []; var tag = tagSelect ? tagSelect.value : ''; var type = (typeSelect && typeSelect.value ? typeSelect.value : '').toLocaleLowerCase('tr'); var filtered = all.filter(function (l) { if (tag && l.tag !== tag) return false; var hay = mgHay(l); if (type && hay.indexOf(type) === -1) return false; for (var i = 0; i < terms.length; i++) { if (terms[i] && hay.indexOf(terms[i]) === -1) return false; } return true; }); renderCards(grid, filtered); if (countEl) countEl.textContent = filtered.length + ' sonuç'; } on(searchInput, 'input', applyFilters); on(tagSelect, 'change', applyFilters); on(typeSelect, 'change', applyFilters); clear(grid); var loading = document.createElement('div'); loading.className = 'mg-loading'; loading.textContent = 'İlanlar yükleniyor…'; grid.appendChild(loading); fetch('/api/listings', { credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (j) { all = (j && j.ok && Array.isArray(j.listings)) ? j.listings : []; mgFillTypes(typeSelect, mgTypesIn(all), 'Tüm Türler', null); if (typeSelect && turParam) typeSelect.value = turParam; applyFilters(); }) .catch(function () { showLoadError(grid); if (countEl) countEl.textContent = ''; }); } // ---------------- İlan detay ---------------- function currentListingId() { var path = window.location.pathname || ''; var marker = '/ilan/'; var i = path.indexOf(marker); if (i === -1) return ''; var rest = path.slice(i + marker.length).split('?')[0].split('#')[0]; var seg = rest.split('/')[0] || ''; try { return decodeURIComponent(seg); } catch (e) { return seg; } } function metaLabelFor(text) { var t = String(text || '').toLowerCase(); if (t.indexOf('m²') !== -1 || t.indexOf('m2') !== -1) return 'Alan'; if (t.indexOf('oda') !== -1) return 'Oda'; if (t.indexOf('banyo') !== -1) return 'Banyo'; if (t.indexOf('kat') !== -1) return 'Kat'; // "3+1" biçimindeki oda sayısı hiçbir anahtar kelime içermez → "Özellik" değil "Oda" olmalı. if (String(text || '').indexOf('+') !== -1) return 'Oda'; return 'Özellik'; } function showDetailNotFound() { var loading = $('mg-detail-loading'); if (loading) loading.style.display = 'none'; var content = $('mg-detail-content'); if (content) content.style.display = 'none'; var nf = $('mg-detail-notfound'); if (nf) nf.style.display = 'block'; } function renderDetail(listing) { var loading = $('mg-detail-loading'); if (loading) loading.style.display = 'none'; var content = $('mg-detail-content'); if (content) content.style.display = 'block'; try { document.title = (listing.title || '') + ' — Meridyen Gayrimenkul'; } catch (e) {} setText('mg-detail-breadcrumb-title', listing.title || ''); setText('mg-detail-title', listing.title || ''); setText('mg-detail-area', listing.area || ''); setText('mg-detail-price', listing.price || ''); var tagEl = $('mg-detail-tag'); if (tagEl) { tagEl.textContent = listing.tag || ''; tagEl.className = 'mg-detail-tag' + (listing.tag === 'Kiralık' ? ' is-rent' : ''); } var images = (Array.isArray(listing.images) && listing.images.length) ? listing.images : (listing.img ? [listing.img] : []); function openGallery(idx) { if (images.length && window.vsGallery) window.vsGallery.open(images, idx); } var galleryEl = $('mg-gallery'); if (galleryEl) { galleryEl.classList.remove('is-single'); galleryEl.classList.remove('is-duo'); if (images.length <= 1) galleryEl.classList.add('is-single'); else if (images.length === 2) galleryEl.classList.add('is-duo'); } var mainImg = $('mg-gallery-main-img'); var mainNoimg = $('mg-gallery-main-noimg'); var mainBtn = $('mg-gallery-main-btn'); if (mainBtn) { mainBtn.onclick = function () { openGallery(0); }; mainBtn.disabled = !images.length; } if (images[0]) { if (mainImg) { mainImg.src = images[0]; mainImg.alt = listing.title || ''; mainImg.style.display = ''; } if (mainNoimg) mainNoimg.style.display = 'none'; } else { if (mainImg) { mainImg.removeAttribute('src'); mainImg.alt = ''; mainImg.style.display = 'none'; } if (mainNoimg) { mainNoimg.innerHTML = ICON_HOUSE; mainNoimg.style.display = 'flex'; } } var countBadge = $('mg-gallery-count-badge'); if (countBadge) { if (images.length > 3) { countBadge.textContent = '+' + (images.length - 3) + ' Fotoğraf'; countBadge.style.display = 'block'; } else { countBadge.style.display = 'none'; } } var sub1wrap = $('mg-gallery-sub1-wrap'), sub1 = $('mg-gallery-sub1'); if (images[1]) { if (sub1) { sub1.src = images[1]; sub1.alt = listing.title || ''; } if (sub1wrap) { sub1wrap.style.display = 'block'; sub1wrap.onclick = function () { openGallery(1); }; } } else if (sub1wrap) { sub1wrap.style.display = 'none'; } var sub2wrap = $('mg-gallery-sub2-wrap'), sub2 = $('mg-gallery-sub2'); if (images[2]) { if (sub2) { sub2.src = images[2]; sub2.alt = listing.title || ''; } if (sub2wrap) { sub2wrap.style.display = 'block'; sub2wrap.onclick = function () { openGallery(2); }; } } else if (sub2wrap) { sub2wrap.style.display = 'none'; } var metaGrid = $('mg-meta-grid'); if (metaGrid) { clear(metaGrid); var parts = String(listing.specs || '').split('·') .map(function (s) { return s.trim(); }) .filter(function (s) { return !!s; }); parts.forEach(function (p) { var box = document.createElement('div'); box.className = 'mg-meta-box'; var label = document.createElement('div'); label.className = 'mg-meta-label'; label.textContent = metaLabelFor(p); var val = document.createElement('div'); val.className = 'mg-meta-val'; val.textContent = p; box.appendChild(label); box.appendChild(val); metaGrid.appendChild(box); }); } var descEl = $('mg-detail-desc'); if (descEl) { clear(descEl); var paragraphs = String(listing.desc || '').split(/\n+/).filter(function (s) { return !!s; }); if (!paragraphs.length) paragraphs = ['Bu ilan için henüz detaylı açıklama girilmemiş.']; paragraphs.forEach(function (t) { var p = document.createElement('p'); p.className = 'mg-detail-p'; p.textContent = t; descEl.appendChild(p); }); } var featGrid = $('mg-features-grid'); var featWrap = $('mg-features-wrap'); var feats = Array.isArray(listing.features) ? listing.features : []; if (featWrap) featWrap.style.display = feats.length ? 'block' : 'none'; if (featGrid) { clear(featGrid); feats.forEach(function (f) { var item = document.createElement('div'); item.className = 'mg-feature-item'; var check = document.createElement('span'); check.className = 'mg-feature-check'; check.textContent = '✓'; item.appendChild(check); item.appendChild(document.createTextNode(' ' + f)); featGrid.appendChild(item); }); } buildMap($('mg-detail-map'), listing.area || listing.title); } function initDetail() { var root = $('mg-detail-root'); if (!root) return; var id = currentListingId(); if (!id) { showDetailNotFound(); return; } fetch('/api/listings/' + encodeURIComponent(id), { credentials: 'same-origin' }) .then(function (r) { return r.json().catch(function () { return null; }).then(function (j) { return { status: r.status, body: j }; }); }) .then(function (res) { if (!res.body || !res.body.ok || !res.body.listing) { showDetailNotFound(); return; } renderDetail(res.body.listing); }) .catch(function () { showDetailNotFound(); }); } // ---------------- Mobil hamburger menü ---------------- function initMobileNav() { var burger = document.querySelector('.mg-burger'); var nav = document.querySelector('.mg-nav'); if (!burger || !nav) return; function closeNav() { nav.classList.remove('open'); burger.classList.remove('is-open'); burger.setAttribute('aria-expanded', 'false'); } function openNav() { nav.classList.add('open'); burger.classList.add('is-open'); burger.setAttribute('aria-expanded', 'true'); } on(burger, 'click', function (e) { e.stopPropagation(); if (nav.classList.contains('open')) closeNav(); else openNav(); }); var links = nav.querySelectorAll('.mg-navlink'); for (var i = 0; i < links.length; i++) { on(links[i], 'click', closeNav); } document.addEventListener('click', function (e) { if (!nav.classList.contains('open')) return; if (nav.contains(e.target) || burger.contains(e.target)) return; closeNav(); }); document.addEventListener('keydown', function (e) { if (e.key === 'Escape' || e.keyCode === 27) closeNav(); }); window.addEventListener('resize', function () { if (window.innerWidth >= 769) closeNav(); }); } // ---------------- WhatsApp linki (site telefonundan) ---------------- function wireWaLinks() { var links = document.querySelectorAll('.mg-wa-link'); if (!links.length) return; var digits = digitsOnly(TELEFON); var href = digits ? ('https://wa.me/' + digits) : '#'; for (var i = 0; i < links.length; i++) { links[i].setAttribute('href', href); } } // ---------------- Dinamik sayfa yolu: /ilan/ gibi sayfalarda _page/_back boş bırakılan // gizli alanlara GERÇEK location.pathname yazılır (statik sayfalarda zaten dolu, dokunulmaz) ---------------- function fillFormPagePaths() { var path = window.location.pathname || '/'; var pageInputs = document.querySelectorAll('input[name="_page"]'); for (var i = 0; i < pageInputs.length; i++) { if (!pageInputs[i].value) pageInputs[i].value = path; } var backInputs = document.querySelectorAll('input[name="_back"]'); for (var j = 0; j < backInputs.length; j++) { if (!backInputs[j].value) backInputs[j].value = path; } } // ---------------- Formlar — GERÇEK POST /api/form (multipart); 303 yönlendirmesi başarı sayılır ---------------- function wireSimpleForm(formId, successId) { var form = $(formId); var success = $(successId); if (!form) return; var successText = success ? success.textContent : ''; on(form, 'submit', function (e) { e.preventDefault(); var btn = form.querySelector('button[type="submit"]'); if (btn) btn.disabled = true; var fd = new FormData(form); fetch('/api/form', { method: 'POST', body: fd }) .then(function (res) { var ok = res.ok || res.redirected || (res.status >= 200 && res.status < 400); if (!ok) throw new Error('form-failed'); form.style.display = 'none'; if (success) { success.textContent = successText; success.classList.remove('is-err'); success.style.display = 'block'; // Form gizlendiği için odak kayboluyordu → sonucu duyuran kutuya taşınır (role="status"). try { if (success.focus) success.focus(); } catch (e2) {} } }) .catch(function () { if (btn) btn.disabled = false; if (success) { success.textContent = 'Bir şeyler ters gitti. Lütfen tekrar deneyin ya da bizi telefonla arayın.'; success.classList.add('is-err'); success.style.display = 'block'; try { if (success.focus) success.focus(); } catch (e3) {} } }); }); } // ---------------- Boot ---------------- function boot() { initHomeFeatured(); initHomeSearch(); initListings(); initDetail(); initMobileNav(); wireWaLinks(); fillFormPagePaths(); wireSimpleForm('mg-contact-form', 'mg-contact-success'); wireSimpleForm('mg-agent-form', 'mg-agent-form-success'); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); } })();

İlan bulunamadı

Açıklama

Özellikler

Konum