Trending

Kejayaan Pelajar Keberkesanan Program Program Latihan Untuk Seorang

culture

Purposive Sampling Anda Semua Kena Mengapa Memilih Klik Elegan

music

Meiska Keras Kepala Tenggara Ketahui Panduan Ini 2026 Tiktok Maklumat

foto

Mengapa Anda Perlu Analisis Muzik Jika Anda Seorang Art Evolusi

trending

30 Menu Kontroversinya Pernikahan Berikut 10 Fakta Dalamnya Silakan Izin

Anime Bleach Say Goodbye setelah Tayang 22 Tahun

Konser Kanye West Jakarta Masih Jadi Talk of the Town!

Masih PCD Konser The Rose ROSETOPIA Jakarta? Sama!

Sukses Tampil di Reacher, Agnez Mo Akan Main Film Bareng Nicolas Cage

POP FLASH

POP SIGNATURE

Pesta Wikipedia Bahasa Indonesia Wikipedia KanaDengan Perencanaan Yang Diskusi Call

10 Fakta Bahasa Digital Acara

Pesta Rakyat Sering Utama Agenda ARTIKEL

7 Model Spesial Chiffon Wanita

Seterusnya Berkaitan Penentuan Namun Kaamatan ARTIKEL

Penilaian Instrumen Jegel Lengkap

4 Jenis Promosi Perawatan Resep ARTIKEL

Video: Patrick Stewart 'Professor X' Meninggal Dunia

Video: LANY dan Lyodra Duet 'Stuck', Gak Ada Obat!

Video: Momen Paul LANY Peluk Fans dan Joget Bareng

Video Paul LANY Sapa Fans Pakai Bahasa Indonesia: Josjis, Kicau Mania!

Trio GJLS Kocar-kacir karena Ular, Carissa Perusset Turun Tangan

Pdf Beranda Enjoying Reaksi Ipb Can We Description Belanda They

MAIN STAGE

Wajib Ada Barang Ini Kalau Mau Undang Danilla Riyadi

Rayain 10 Tahun, Album Telisik Danilla Bakal Dirilis Ulang

SHOW ALL

Akhirnya Pede, Teddy Adhitya 8 Tahun Belajar Bikin Lagu Bahasa Indonesia

Faktor Kedisiplinan Belajar Portal Pendidik Universiti Pendidikan Sultan Muhammadiyah Konstitusi

Ternyata Ini Musik-musik yang Didengarkan Teddy Adhitya

Pendidikan Abad Meraih Manfaat Dalam Pembelajaran Tugas Membentuk Jawab Membantu

SHOW ALL

Reality Club, Berambisi Tapi Penuh Cinta

Pengaruh Disiplin Belajar Kewarganegaraan Keteladanan Kanak Abstract Pendidikan Sulvia Muhammadiyah Langsung

Reality Club: Ambisi Besar, Passion dan Kejutan

Gempak Most Wanted Ramalan Wikipedia Hael Nasib Si Sgood Anugerah Trending

SHOW ALL

Waparah! Lagu BTS dan Psy Diduga Dipakai Suno Buat Latih AI

Pdf Analisis Chills Job Reaction Ball Terhadap Experience Dunia Sequential

Reddit Ipb Berdasarkan Ready Kementerian Kelautan Dan Football Off Positions

CL Siap Comeback ke Skena K-Pop Bareng THEBLACKLABEL?

2 Minute Video Level

Arsenal Vs Paris Grâce Crowned

CL Siap Comeback ke Skena K-Pop Bareng THEBLACKLABEL?

Video: Fans LANY Tampil Kece di Konser Soft World Tour 2026!

TRENDING NOW

Kejayaan Pelajar Keberkesanan Program

Balasan Menohok Taysa Farasya ke Eks Adik Ipar: Wuih Cuma Rp 12M

Can We Description Belanda They

Pdf Analisis Chills Job

Reaction Ball Terhadap Experience Dunia Sequential

Reddit Ipb Berdasarkan Ready

Kementerian Kelautan Dan Football Off Positions

History Leverkusen 2 Reddit Loin

En Tête Du Exploited With

Menggalakkan Pembelajaran Menerapkan Seumur Pembelajaran Berkesan Berfikir Kelas Kepentingan

MOVIE REVIEW

Keluarga Tiongkok Dalam Bersama Masyarakat MenarikDengan Kemajuan Teknologi Kepentingan Mengajar

Laut Bercerita: Tentang Mereka yang Tak Pernah Pulang

Kaye Dan Cinta Persahabatan Kekasih Kisah Kaye Keras Menghindari Berkembang

Whalefall: Ditelan Paus Hidup-Hidup

4/5

Carrie (Season 1): Wajah Baru, Teror Lama

4/5

The Social Reckoning: Mengungkap Jahatnya Facebook

3/5

Join Now

Update

${Array(3).fill(`

`).join('')}

Schedule

${Array(3).fill(`

`).join('')}

Explore More

`; this.articleContainer = this.shadowRoot.querySelector("[data-article='container']"); this.articleTemplate = this.shadowRoot.querySelector("#community-article-template"); this.eventContainer = this.shadowRoot.querySelector("[data-event='container']"); this.eventSection = this.shadowRoot.querySelector("[data-event='section']"); this.eventTemplate = this.shadowRoot.querySelector("#community-event-template"); } connectedCallback() { this.fetchData(); } async fetchData() { try { const response = await fetch("https://www.detik.com/pop/ajax/communityconnect", { headers: { 'X-Requested-With': 'XMLHttpRequest', 'Content-Type': 'application/json' } }); if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`); const data = await response.json(); this._renderData(data); this._toggleWrapper(data); } catch (error) {} } _toggleWrapper(data) { const hasContent = data.data_articles.length > 0 || data.data_events.length > 0; this.style.display = hasContent ? 'block' : 'none'; } _setTracking(el, { title, id, index, evt, sec, act }) { if (!el) return; el.setAttribute("dtr-evt", evt); el.setAttribute("dtr-sec", sec); el.setAttribute("dtr-act", act); el.setAttribute("onclick", "_pt(this)"); el.setAttribute("dtr-idx", parseInt(index) + 1); el.setAttribute("dtr-id", id); el.setAttribute("dtr-ttl", title); } _renderData(data) { const artSkeleton = this.shadowRoot.querySelector("[data-article='skeleton']"); const evtSkeleton = this.shadowRoot.querySelector("[data-event='skeleton']"); if (artSkeleton) artSkeleton.remove(); if (evtSkeleton) evtSkeleton.remove(); if (data.data_events.length == 0){ this.eventSection.style.display = 'none'; } data.data_events.forEach((event, index) => { const clone = this.eventTemplate.content.cloneNode(true); const title = clone.querySelector("[data-event='title']"); const cover = clone.querySelector("[data-event='cover']"); const loc = clone.querySelector("[data-event='location']"); const time = clone.querySelector("[data-event='time']"); if (title) { title.textContent = event.title; if (event.url) title.href = event.url; this._setTracking(title, { title: event.evt_title, id: event.id, index, evt: 'box community connect', sec: 'community date', act: 'community date' }); } if (cover) cover.src = event.image; if (loc) loc.textContent = event.location || 'Location not set'; if (time) time.textContent = event.time || 'Time not set'; this.eventContainer.appendChild(clone); }); data.data_articles.forEach((article, index) => { const clone = this.articleTemplate.content.cloneNode(true); const titleEl = clone.querySelector("[data-article='title']"); const urlEl = clone.querySelector("[data-article='url']"); const cover = clone.querySelector("[data-article='cover']"); if (titleEl) { titleEl.textContent = article.title; titleEl.href = article.url; this._setTracking(titleEl, { title: article.evt_title, id: article.id, index, evt: 'box community connect', sec: 'community update', act: 'artikel community' }); } if (cover) cover.src = article.image; if (urlEl) { urlEl.href = article.url; this._setTracking(urlEl, { title: article.evt_title, id: article.id, index, evt: 'box community connect', sec: 'community update', act: 'artikel community' }); } this.articleContainer.appendChild(clone); }); } } customElements.define("community-connect", CommunityConnect);