<style> /* ========================================================= RVG NETWORK FOOTER Airport.id, Kereta.id, InfoTol.id, Busway.id ========================================================= */ .rvg-network-footer, .rvg-network-footer * { box-sizing: border-box; } .rvg-network-footer { --rvg-primary: #0072bc; --rvg-dark: #071b2b; --rvg-dark-soft: #0b263b; --rvg-text: #dbe8f1; --rvg-muted: #91aabd; --rvg-border: rgba(255, 255, 255, 0.11); --rvg-card: rgba(255, 255, 255, 0.055); position: relative; width: 100%; overflow: hidden; color: var(--rvg-text); font-family: inherit; background: radial-gradient( circle at 15% 0%, rgba(0, 114, 188, 0.25), transparent 32% ), linear-gradient( 145deg, var(--rvg-dark-soft) 0%, var(--rvg-dark) 68% ); border-top: 4px solid var(--rvg-primary); } .rvg-network-footer::before, .rvg-network-footer::after { content: ""; position: absolute; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 50%; pointer-events: none; } .rvg-network-footer::before { top: -130px; right: -100px; width: 330px; height: 330px; } .rvg-network-footer::after { top: -75px; right: -45px; width: 220px; height: 220px; } .rvg-footer-container { position: relative; z-index: 2; width: min(1180px, calc(100% - 40px)); margin: 0 auto; } /* ========================================================= BAGIAN UTAMA ========================================================= */ .rvg-footer-main { display: grid; grid-template-columns: minmax(220px, 0.85fr) minmax(0, 1.9fr); gap: 50px; padding: 52px 0 40px; } .rvg-footer-intro { align-self: center; } .rvg-footer-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 16px; color: #79c7fa; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: 1.6px; text-transform: uppercase; } .rvg-footer-kicker::before { content: ""; width: 28px; height: 2px; background: #79c7fa; } .rvg-footer-title { margin: 0 0 13px; color: #ffffff; font-size: clamp(25px, 3vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.5px; } .rvg-footer-description { max-width: 410px; margin: 0; color: var(--rvg-muted); font-size: 14px; line-height: 1.75; } .rvg-footer-services-title { margin: 0 0 16px; color: #ffffff; font-size: 14px; font-weight: 700; letter-spacing: 0.3px; } /* ========================================================= DAFTAR LAYANAN ========================================================= */ .rvg-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .rvg-service-card { position: relative; display: flex; align-items: center; min-width: 0; min-height: 76px; padding: 13px 14px; color: var(--rvg-text) !important; text-decoration: none !important; background: var(--rvg-card); border: 1px solid var(--rvg-border); border-radius: 12px; transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .rvg-service-card:hover { color: #ffffff !important; text-decoration: none !important; background: rgba(255, 255, 255, 0.095); border-color: rgba(121, 199, 250, 0.55); box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16); transform: translateY(-3px); } .rvg-service-card.is-active { background: rgba(0, 114, 188, 0.24); border-color: #48aee9; box-shadow: inset 0 0 0 1px rgba(72, 174, 233, 0.12); } .rvg-service-card.is-active::after { content: "Anda di sini"; position: absolute; top: 7px; right: 8px; color: #9fdcff; font-size: 8px; font-weight: 700; line-height: 1; letter-spacing: 0.45px; text-transform: uppercase; } .rvg-service-icon { display: flex; flex: 0 0 48px; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 12px; overflow: hidden; background: #ffffff; border-radius: 10px; } .rvg-service-icon img { display: block; width: 37px; height: 37px; margin: 0 !important; object-fit: contain; } .rvg-service-info { min-width: 0; } .rvg-service-name { display: block; overflow: hidden; margin-bottom: 4px; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; } .rvg-service-label { display: block; overflow: hidden; color: var(--rvg-muted); font-size: 10px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; } /* ========================================================= FOOTER BAWAH ========================================================= */ .rvg-footer-bottom { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 35px; padding: 24px 0 27px; border-top: 1px solid var(--rvg-border); } .rvg-footer-bottom-left { min-width: 0; } .rvg-footer-menu { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 21px; margin-bottom: 11px; } .rvg-footer-menu a { position: relative; color: #dbe8f1 !important; font-size: 12px; font-weight: 600; line-height: 1.4; text-decoration: none !important; transition: color 0.2s ease; } .rvg-footer-menu a:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -12px; width: 3px; height: 3px; background: rgba(255, 255, 255, 0.35); border-radius: 50%; transform: translateY(-50%); } .rvg-footer-menu a:hover { color: #8ed2ff !important; } .rvg-footer-copyright { color: var(--rvg-muted); font-size: 12px; line-height: 1.7; } .rvg-footer-copyright strong { color: #ffffff; } .rvg-footer-copyright a { color: #8ed2ff !important; text-decoration: none !important; } .rvg-footer-copyright a:hover { color: #ffffff !important; text-decoration: underline !important; } /* ========================================================= BACKLINK PARTNER ========================================================= */ .rvg-footer-partner { width: 290px; max-width: 100%; } .rvg-footer-partner-label { display: block; margin-bottom: 10px; color: var(--rvg-muted); font-size: 10px; font-weight: 700; line-height: 1.3; letter-spacing: 0.8px; text-transform: uppercase; } .rvg-partner-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .rvg-partner-badge { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 6px 9px; background: #ffffff; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 7px; text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease; } .rvg-partner-badge:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22); transform: translateY(-2px); } .rvg-partner-badge img { display: block; width: auto; height: auto; max-height: 29px; margin: 0 !important; object-fit: contain; } /* Logo Ads RVG */ .rvg-partner-badge.rvg-partner-ads img { width: 85px; max-width: 85px; } /* Logo Seedbacklink dibuat sekitar setengah ukuran awal */ .rvg-partner-badge.rvg-partner-seedbacklink { min-width: 61px; } .rvg-partner-badge.rvg-partner-seedbacklink img { width: 43px; max-width: 43px; } /* Logo BlogPartner */ .rvg-partner-badge.rvg-partner-blogpartner img { width: 85px; max-width: 85px; } .rvg-footer-advertise { margin: 12px 0 0; color: var(--rvg-muted); font-size: 11px; line-height: 1.6; } .rvg-footer-advertise a { color: #8ed2ff !important; font-weight: 700; text-decoration: none !important; } .rvg-footer-advertise a:hover { color: #ffffff !important; text-decoration: underline !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .rvg-footer-main { grid-template-columns: 1fr; gap: 30px; padding-top: 42px; } .rvg-footer-description { max-width: 650px; } .rvg-footer-bottom { grid-template-columns: 1fr; gap: 24px; } .rvg-footer-partner { width: 100%; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .rvg-footer-container { width: min(100% - 28px, 1180px); } .rvg-footer-main { gap: 28px; padding: 36px 0 30px; } .rvg-footer-title { font-size: 27px; } .rvg-footer-description { font-size: 13px; } .rvg-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .rvg-service-card { display: block; min-height: 122px; padding: 12px 10px; text-align: center; } .rvg-service-icon { width: 48px; height: 48px; margin: 0 auto 9px; } .rvg-service-name { font-size: 12px; } .rvg-service-label { font-size: 9px; } .rvg-service-card.is-active::after { top: 7px; right: 7px; font-size: 7px; } .rvg-footer-bottom { gap: 22px; padding: 22px 0 26px; } .rvg-footer-menu { gap: 10px 18px; } .rvg-footer-menu a { font-size: 11px; } .rvg-footer-copyright { font-size: 11px; } .rvg-partner-badges { align-items: stretch; } .rvg-partner-badge { min-height: 37px; } .rvg-footer-advertise { font-size: 11px; } } @media (max-width: 380px) { .rvg-service-grid { grid-template-columns: 1fr; } .rvg-service-card { display: flex; min-height: 72px; padding: 11px; text-align: left; } .rvg-service-icon { margin: 0 11px 0 0; } .rvg-partner-badges { gap: 7px; } .rvg-partner-badge.rvg-partner-ads img, .rvg-partner-badge.rvg-partner-blogpartner img { width: 72px; max-width: 72px; } } </style> <footer class="rvg-network-footer"> <div class="rvg-footer-container"> <div class="rvg-footer-main"> <div class="rvg-footer-intro"> <div class="rvg-footer-kicker"> RVG Network </div> <h3 class="rvg-footer-title"> Informasi perjalanan dalam satu jaringan </h3> <p class="rvg-footer-description"> Temukan informasi bandara, kereta api, jalan tol, transportasi umum, museum, dan kode pos melalui jaringan layanan digital RVG. </p> </div> <div class="rvg-footer-services"> <div class="rvg-footer-services-title"> Jelajahi layanan lainnya </div> <div class="rvg-service-grid"> <!-- BUSWAY.ID --> <a class="rvg-service-card" href="https://busway.id/" data-domain="busway.id" target="_blank" rel="noopener" aria-label="Kunjungi Busway.id" > <span class="rvg-service-icon"> <img src="https://infotol.id/wp-content/uploads/2022/02/IMGBIN_bus-computer-icons-public-transport-png_2JqcTD8L-150x150.png" alt="Busway.id" loading="lazy" > </span> <span class="rvg-service-info"> <span class="rvg-service-name"> Busway.id </span> <span class="rvg-service-label"> Transportasi kota </span> </span> </a> <!-- INFOTOL.ID --> <a class="rvg-service-card" href="https://infotol.id/" data-domain="infotol.id" target="_blank" rel="noopener" aria-label="Kunjungi InfoTol.id" > <span class="rvg-service-icon"> <img src="https://infotol.id/wp-content/uploads/2019/12/cropped-300px-Autoroute_F.svg_.png" alt="InfoTol.id" loading="lazy" > </span> <span class="rvg-service-info"> <span class="rvg-service-name"> InfoTol.id </span> <span class="rvg-service-label"> Informasi jalan tol </span> </span> </a> <!-- KERETA.ID --> <a class="rvg-service-card" href="https://kereta.id/" data-domain="kereta.id" target="_blank" rel="noopener" aria-label="Kunjungi Kereta.id" > <span class="rvg-service-icon"> <img src="https://infotol.id/wp-content/uploads/2022/02/icon-keretaID-300x175.png" alt="Kereta.id" loading="lazy" > </span> <span class="rvg-service-info"> <span class="rvg-service-name"> Kereta.id </span> <span class="rvg-service-label"> Perjalanan kereta </span> </span> </a> <!-- AIRPORT.ID --> <a class="rvg-service-card" href="https://airport.id/" data-domain="airport.id" target="_blank" rel="noopener" aria-label="Kunjungi Airport.id" > <span class="rvg-service-icon"> <img src="https://infotol.id/wp-content/uploads/2022/02/icon-airport-id.png" alt="Airport.id" loading="lazy" > </span> <span class="rvg-service-info"> <span class="rvg-service-name"> Airport.id </span> <span class="rvg-service-label"> Bandara dan penerbangan </span> </span> </a> <!-- MUSEUM.CO.ID --> <a class="rvg-service-card" href="https://museum.co.id/" data-domain="museum.co.id" target="_blank" rel="noopener" aria-label="Kunjungi Museum.co.id" > <span class="rvg-service-icon"> <img src="https://infotol.id/wp-content/uploads/2022/02/icon-museum-co-id.png" alt="Museum.co.id" loading="lazy" > </span> <span class="rvg-service-info"> <span class="rvg-service-name"> Museum.co.id </span> <span class="rvg-service-label"> Museum Indonesia </span> </span> </a> <!-- POSTCODE.ID --> <a class="rvg-service-card" href="https://postcode.id/" data-domain="postcode.id" target="_blank" rel="noopener" aria-label="Kunjungi Postcode.id" > <span class="rvg-service-icon"> <img src="https://infotol.id/wp-content/uploads/2022/02/icon-postcode-150x150.png" alt="Postcode.id" loading="lazy" > </span> <span class="rvg-service-info"> <span class="rvg-service-name"> Postcode.id </span> <span class="rvg-service-label"> Pencarian kode pos </span> </span> </a> </div> </div> </div> <div class="rvg-footer-bottom"> <div class="rvg-footer-bottom-left"> <nav class="rvg-footer-menu" aria-label="Menu footer" > <a href="https://ads.rvg.co.id" target="_blank" rel="noopener" > Pasang Iklan </a> <a href="https://airport.id/pedoman-pemberitaan-media-siber//" target="_blank" rel="noopener" > Pedoman Media Siber </a> <a href="https://airport.id/cookie-policy/" target="_blank" rel="noopener" > Cookie Policy </a> <a href="https://rvg.co.id/contact-center/" target="_blank" rel="noopener" > Contact Center </a> </nav> <div class="rvg-footer-copyright"> Copyright 2026 © <strong class="rvg-current-domain"> NAMA DOMAIN </strong> – <a href="https://rvg.co.id/" target="_blank" rel="noopener" > <strong>RVG Network</strong> </a> </div> </div> <div class="rvg-footer-partner"> <span class="rvg-footer-partner-label"> Backlink Partner </span> <div class="rvg-partner-badges"> <!-- ADS BY RVG NETWORK --> <a class="rvg-partner-badge rvg-partner-ads" href="https://ads.rvg.co.id/" target="_blank" rel="noopener" aria-label="Ads by RVG Network" > <img title="Ads by RVG network" src="https://ads.rvg.co.id/wp-content/uploads/2021/09/cropped-ads-logo-1024x437.png" alt="Ads by RVG network" width="85" height="auto" loading="lazy" > </a> <!-- SEEDBACKLINK --> <a class="rvg-partner-badge rvg-partner-seedbacklink" href="https://id.seedbacklink.com/" target="_blank" rel="noopener" aria-label="Seedbacklink" > <img title="Seedbacklink" src="https://id.seedbacklink.com/wp-content/uploads/2023/11/Badge-Seedbacklink_Artboard-1-webp-version.webp" alt="Seedbacklink" width="43" height="auto" loading="lazy" > </a> <!-- BLOGPARTNER --> <a class="rvg-partner-badge rvg-partner-blogpartner" href="https://blogpartner.id/" target="_blank" rel="noopener" aria-label="BlogPartner Backlink.co.id" > <img title="Banner BlogPartner Backlink.co.id" src="https://www.backlink.co.id/wp-content/uploads/2024/02/badge-blogpartner-backlinkcoid.webp" alt="Banner BlogPartner Backlink.co.id" width="85" height="auto" loading="lazy" > </a> </div> <p class="rvg-footer-advertise"> Mau pasang iklan di website ini? <a href="https://ads.rvg.co.id/" target="_blank" rel="noopener" > HUBUNGI KAMI </a> </p> </div> </div> </div> </footer> <script> document.addEventListener("DOMContentLoaded", function () { var hostname = window.location.hostname .toLowerCase() .replace(/^www\./, ""); /* * Mengganti NAMA DOMAIN pada copyright * sesuai website tempat footer dipasang. */ document .querySelectorAll(".rvg-current-domain") .forEach(function (element) { element.textContent = hostname; }); /* * Menandai kartu layanan yang sedang dikunjungi. */ document .querySelectorAll(".rvg-service-card[data-domain]") .forEach(function (card) { var cardDomain = card .getAttribute("data-domain") .toLowerCase() .replace(/^www\./, ""); if ( hostname === cardDomain || hostname.endsWith("." + cardDomain) ) { card.classList.add("is-active"); card.removeAttribute("target"); card.setAttribute("aria-current", "page"); } }); }); </script> <div class="absolute-footer dark medium-text-center text-center"> <div class="container clearfix"> <div class="footer-primary pull-left"> <div class="copyright-footer"> </div> </div> </div> </div> <button type="button" id="top-link" class="back-to-top button icon invert plain fixed bottom z-1 is-outline circle hide-for-medium" aria-label="Go to top"><i class="icon-angle-up" aria-hidden="true"></i></button> </footer> </div> <div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide"> <div class="sidebar-menu no-scrollbar text-center"> <ul class="nav nav-sidebar nav-vertical nav-uppercase nav-anim" data-tab="1"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-50"><a href="https://airport.id">BERANDA</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19446"><a href="https://airport.id/category/bandara/jadwal-penerbangan/">JADWAL</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-428"><a href="https://airport.id/category/news/">BERITA</a> <ul class="sub-menu nav-sidebar-ul children"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16686"><a href="https://airport.id/category/news/nasional/">Nasional</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16687"><a href="https://airport.id/category/news/internasional/">Internasional</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16688"><a href="https://airport.id/category/news/advertorial/">Advertorial</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor menu-item-has-children menu-item-8118"><a href="#">BANDARA</a> <ul class="sub-menu nav-sidebar-ul children"> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-15850"><a href="#">Pintasan</a> <ul class="sub-menu nav-sidebar-ul"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16119"><a href="https://airport.id/category/bandara/jadwal-penerbangan/">Jadwal Penerbangan</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8110 current_page_item menu-item-15463"><a href="https://airport.id/flightradar-view/" aria-current="page">Radar Penerbangan</a></li> </ul> </li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8162"><a href="https://airport.id/category/airlines/">AIRLINES</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10426"><a href="https://airport.id/category/tekno/">TEKNO</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10427"><a href="https://airport.id/category/travel/">TRAVEL</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19358"><a target="_blank" href="https://tiket.airport.id/">TIKET</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10432"><a target="_blank" href="https://hotelresort.id/">HOTEL</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15590"><a target="_blank" href="https://kereta.id/">KERETA.ID</a></li> <li class="html header-social-icons ml-0"> <div class="social-icons follow-icons" ><a href="http://url" target="_blank" data-label="Facebook" class="icon plain tooltip facebook" title="Follow on Facebook" aria-label="Follow on Facebook" rel="noopener nofollow"><i class="icon-facebook" aria-hidden="true"></i></a><a href="http://url" target="_blank" data-label="Instagram" class="icon plain tooltip instagram" title="Follow on Instagram" aria-label="Follow on Instagram" rel="noopener nofollow"><i class="icon-instagram" aria-hidden="true"></i></a><a href="http://url" data-label="Twitter" target="_blank" class="icon plain tooltip twitter" title="Follow on Twitter" aria-label="Follow on Twitter" rel="noopener nofollow"><i class="icon-twitter" aria-hidden="true"></i></a><a href="mailto:your@email" data-label="E-mail" target="_blank" class="icon plain tooltip email" title="Send us an email" aria-label="Send us an email" rel="nofollow noopener"><i class="icon-envelop" aria-hidden="true"></i></a></div></li> </ul> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/flatsome-child/*","/wp-content/themes/flatsome/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div class="gtranslate_wrapper" id="gt-wrapper-63511780"></div><script id="dtgs_nonce_frontend-js" src="https://airport.id/wp-content/plugins/data-tables-generator-by-supsystic/app/assets/js/dtgsnonce.js?ver=0.01"></script> <script id="dtgs_nonce_frontend-js-after"> var DTGS_NONCE_FRONTEND = "d9b308f989" //# sourceURL=dtgs_nonce_frontend-js-after </script> <script id="tdir-directory-suite-js-after"> (function(){ function norm(s){ return (s||'').toString().toLowerCase() .replace(/[\u2018\u2019\u201C\u201D'"]/g,'') .replace(/[^a-z0-9]+/g,' ') .trim() .replace(/\s+/g,' '); } function buildMap(v){ var m={}; if(!v) return m; Object.keys(v).forEach(function(k){ m[norm(k)] = (v[k]==null?'':String(v[k])).trim(); }); return m; } function pick(m, keys){ for(var i=0;i<keys.length;i++){ var k=norm(keys[i]); if(m[k] && m[k] !== '-' && m[k] !== '—') return m[k]; } return ''; } function escapeHtml(s){ return String(s||'').replace(/[&<>"']/g, function(m){ return ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]); }); } function uniqueSorted(values){ var set={}; values.forEach(function(v){ if(v) set[v]=1; }); return Object.keys(set).sort(function(a,b){ return a.localeCompare(b, undefined, {numeric:true, sensitivity:'base'}); }); } function tdirGetMallSlug(){ try{ return location.pathname.replace(/\/$/, '').split('/').pop() || ''; }catch(e){ return ''; } } function tdirTrack(root, event, payload){ if(!root) return; var url = root.dataset.eventEndpoint || ''; if(!url) return; payload = payload || {}; var bodyObj = { event: event, tenant: payload.tenant || '', mall_slug: tdirGetMallSlug(), page_url: location.href, meta: payload.meta || {} }; var body = JSON.stringify(bodyObj); try{ if(navigator.sendBeacon){ var blob = new Blob([body], {type:'application/json'}); navigator.sendBeacon(url, blob); return; } }catch(e){} try{ fetch(url, { method:'POST', headers:{'Content-Type':'application/json'}, body: body, keepalive:true, credentials:'same-origin' }); }catch(e){} } var ALIAS = { tenant:['tenant','name','nama','store','brand'], location:['location','mall','mall zone','zone','building','area','lokasi'], floor:['floor','level','lantai','lt'], unit:['unit','lot','lot no','lot no kios','no kios','kios','kiosk'], category:['category','kategori','type','jenis'], desc:['deskripsi','description','desc','keterangan','about','info'], link:['link toko','link','url','shopee','shop','store url'] }; function render(root, rows){ var grid=root.querySelector('.tdir-grid'); var countEl=root.querySelector('.tdir-count'); var filters=root.querySelector('.tdir-filters'); var selFloor=root.querySelector('.tdir-filter-floor'); var selLoc=root.querySelector('.tdir-filter-location'); var selCat=root.querySelector('.tdir-filter-category'); var inpSearch=root.querySelector('.tdir-search'); var selSort=root.querySelector('.tdir-sort'); var btnClear=root.querySelector('.tdir-clear'); var items = rows.map(function(r){ var m = buildMap(r.v || {}); return { tenant: pick(m, ALIAS.tenant), location: pick(m, ALIAS.location), floor: pick(m, ALIAS.floor), unit: pick(m, ALIAS.unit), category: pick(m, ALIAS.category), desc: pick(m, ALIAS.desc), link: pick(m, ALIAS.link) }; }).filter(function(it){ return !!it.tenant; }); var hasFloor = items.some(function(it){ return !!it.floor; }); var hasLoc = items.some(function(it){ return !!it.location; }); var hasCat = items.some(function(it){ return !!it.category; }); filters.hidden = false; root.querySelector('.tdir-field-floor').style.display = hasFloor ? '' : 'none'; root.querySelector('.tdir-field-location').style.display = hasLoc ? '' : 'none'; root.querySelector('.tdir-field-category').style.display = hasCat ? '' : 'none'; if(hasFloor){ selFloor.innerHTML = '<option value="">All floors</option>' + uniqueSorted(items.map(function(it){return it.floor;})).map(function(v){return '<option>'+escapeHtml(v)+'</option>'}).join(''); } if(hasLoc){ selLoc.innerHTML = '<option value="">All locations</option>' + uniqueSorted(items.map(function(it){return it.location;})).map(function(v){return '<option>'+escapeHtml(v)+'</option>'}).join(''); } if(hasCat){ selCat.innerHTML = '<option value="">All categories</option>' + uniqueSorted(items.map(function(it){return it.category;})).map(function(v){return '<option>'+escapeHtml(v)+'</option>'}).join(''); } function apply(){ var q = (inpSearch.value||'').toLowerCase().trim(); var f = hasFloor ? (selFloor.value||'') : ''; var l = hasLoc ? (selLoc.value||'') : ''; var c = hasCat ? (selCat.value||'') : ''; var sort = selSort.value; var filtered = items.filter(function(it){ if(q && it.tenant.toLowerCase().indexOf(q) === -1) return false; if(f && it.floor !== f) return false; if(l && it.location !== l) return false; if(c && it.category !== c) return false; return true; }); filtered.sort(function(a,b){ var x=a.tenant.toLowerCase(), y=b.tenant.toLowerCase(); if(x<y) return sort==='az'?-1:1; if(x>y) return sort==='az'?1:-1; return 0; }); grid.innerHTML=''; countEl.textContent = String(filtered.length); if(filtered.length===0){ var note=document.createElement('div'); note.className='tdir-note'; note.textContent='Data tidak ditemukan.'; grid.appendChild(note); return; } filtered.forEach(function(it){ var card=document.createElement('div'); card.className='tdir-card'; var name=document.createElement('div'); name.className='tdir-name'; name.textContent=it.tenant; card.appendChild(name); var rowsUI=[]; if(it.location) rowsUI.push(['Location', it.location]); if(it.floor) rowsUI.push(['Floor', it.floor]); if(it.unit) rowsUI.push(['Unit', it.unit]); if(it.category) rowsUI.push(['Category', it.category]); rowsUI.forEach(function(r){ var row=document.createElement('div'); row.className='tdir-row'; row.innerHTML='<div class="tdir-k">'+escapeHtml(r[0])+'</div><div class="tdir-v">'+escapeHtml(r[1])+'</div>'; card.appendChild(row); }); if(it.desc){ var desc=document.createElement('div'); desc.className='tdir-desc'; desc.textContent=it.desc; card.appendChild(desc); } if(it.link){ var actions=document.createElement('div'); actions.className='tdir-actions'; var a=document.createElement('a'); a.className='tdir-btn'; a.href=it.link; a.target='_blank'; a.rel='nofollow sponsored noopener'; a.textContent='Lihat Toko Online'; a.addEventListener('click', function(){ tdirTrack(root, 'open_shop', { tenant: it.tenant, meta: { location: it.location || '', floor: it.floor || '', unit: it.unit || '', category: it.category || '' } }); }); actions.appendChild(a); card.appendChild(actions); } grid.appendChild(card); }); } inpSearch.addEventListener('input', apply); selSort.addEventListener('change', apply); selFloor.addEventListener('change', apply); selLoc.addEventListener('change', apply); selCat.addEventListener('change', apply); btnClear.addEventListener('click', function(){ inpSearch.value=''; if(hasFloor) selFloor.value=''; if(hasLoc) selLoc.value=''; if(hasCat) selCat.value=''; selSort.value='az'; apply(); }); apply(); } async function bootOne(root){ var endpoint=root.dataset.endpoint; var src=root.dataset.src; var ttl=root.dataset.ttl || '600'; var grid=root.querySelector('.tdir-grid'); var countEl=root.querySelector('.tdir-count'); grid.innerHTML='<div class="tdir-note">Loading data...</div>'; countEl.textContent='0'; var url = endpoint + '?ttl=' + encodeURIComponent(ttl) + '&src=' + encodeURIComponent(src); try{ var res = await fetch(url, {credentials:'same-origin'}); var json = await res.json(); if(!json || json.ok !== true || !Array.isArray(json.rows)){ var msg = (json && json.message) ? json.message : 'Gagal memuat dataset.'; grid.innerHTML='<div class="tdir-note">'+escapeHtml(msg)+'</div>'; return; } render(root, json.rows); }catch(e){ grid.innerHTML='<div class="tdir-note">Fetch error. Pastikan REST endpoint aktif.</div>'; if(window.console && console.error) console.error(e); } } function bootAll(){ document.querySelectorAll('.tdir').forEach(function(root){ bootOne(root); }); } if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', bootAll); } else { bootAll(); } })(); //# sourceURL=tdir-directory-suite-js-after </script> <script id="flatsome-live-search-js" src="https://airport.id/wp-content/themes/flatsome/assets/js/extensions/flatsome-live-search.js?ver=3.20.9"></script> <script id="hoverIntent-js" src="https://airport.id/wp-includes/js/hoverIntent.min.js?ver=1.10.2"></script> <script id="flatsome-js-js-extra"> var flatsomeVars = {"theme":{"version":"3.20.9"},"ajaxurl":"https://airport.id/wp-admin/admin-ajax.php","rtl":"","sticky_height":"53","stickyHeaderHeight":"0","scrollPaddingTop":"0","assets_url":"https://airport.id/wp-content/themes/flatsome/assets/","lightbox":{"close_markup":"\u003Cbutton title=\"%title%\" type=\"button\" class=\"mfp-close\"\u003E\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"\u003E\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003E\u003C/line\u003E\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003E\u003C/line\u003E\u003C/svg\u003E\u003C/button\u003E","close_btn_inside":false},"user":{"can_edit_pages":false},"i18n":{"mainMenu":"Main Menu","toggleButton":"Toggle"},"options":{"cookie_notice_version":"1","swatches_layout":false,"swatches_disable_deselect":false,"swatches_box_select_event":false,"swatches_box_behavior_selected":false,"swatches_box_update_urls":"1","swatches_box_reset":false,"swatches_box_reset_limited":false,"swatches_box_reset_extent":false,"swatches_box_reset_time":300,"search_result_latency":"0","header_nav_vertical_fly_out_frontpage":1}}; //# sourceURL=flatsome-js-js-extra </script> <script id="flatsome-js-js" src="https://airport.id/wp-content/themes/flatsome/assets/js/flatsome.js?ver=e2eddd6c228105dac048"></script> <script id="gt_widget_script_63511780-js-before"> window.gtranslateSettings = /* document.write */ window.gtranslateSettings || {};window.gtranslateSettings['63511780'] = {"default_language":"id","languages":["ar","zh-CN","en","fr","de","id","it","ja","jw","ru","es","su"],"url_structure":"none","flag_style":"2d","wrapper_selector":"#gt-wrapper-63511780","alt_flags":[],"float_switcher_open_direction":"top","switcher_horizontal_position":"left","switcher_vertical_position":"bottom","flags_location":"\/wp-content\/plugins\/gtranslate\/flags\/"}; //# sourceURL=gt_widget_script_63511780-js-before </script><script src="https://airport.id/wp-content/plugins/gtranslate/js/float.js?ver=3.1.1" data-no-optimize="1" data-no-minify="1" data-gt-orig-url="/flightradar-view/" data-gt-orig-domain="airport.id" data-gt-widget-id="63511780" defer></script><script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://airport.id/wp-includes/js/wp-emoji-release.min.js?ver=7.1"}} </script> <script type="module"> /*! This file is auto-generated */ var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); //# sourceURL=https://airport.id/wp-includes/js/wp-emoji-loader.min.js </script> </body> </html>
