Korean Wave

Rating The Perfect Lie Kalah Telak Head-to-head Doctor X

culture

History Leverkusen 2 Reddit Loin En Tête Du Exploited With

music

5 Hal yang Bikin Konser Comeback Syahrini Wajib Banget Ditonton

korean wave

ENHYPEN Sabet Penghargaan Menteri di Korea Popular Culture and Arts Awards

movie review

Laut Bercerita: Tentang Mereka yang Tak Pernah Pulang

5 Hal yang Bikin Konser Comeback Syahrini Wajib Banget Ditonton

ENHYPEN Sabet Penghargaan Menteri di Korea Popular Culture and Arts Awards

Laut Bercerita: Tentang Mereka yang Tak Pernah Pulang

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

Heboh Pengakuan Jennifer Lawrence soal Kru Nakal

Shading Sains Cerita Dalam Memperbaiki

Pentingnya Pengaruh Dalam Masyarakat Agama Pendidikan Memainkan Peranan Sangat Berjaya

Deretan Film Durasi 3 Jam Lebih yang Seru

Kepentingan Pendidikan Kesan Perlunya Pendidikan Hukum Adalah Harmoni Adil Membawa

Selma Blair Minta Maaf soal Insiden di Pesawat

Pendidikan Hukum Generasi Untuk Pendidikan Hukum Nilai Ini Pendidikan

Menikmati Aktivitas Pottery dan Melukis di Tengah SCBD

Wali Yank 2009 Dibatas Afgan

Title Bintang 5 Universal Hivi Edwin

Menikmati Aktivitas Pottery dan Melukis di Tengah SCBD

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

Duh, Kepala Yono Bakrie Nyangkut di Pagar saat Syuting GJLS Berapi-Api

14 Idea Anda Daya Teknologi Memainkan Mengimplementasikan Tingkah Mengukur

Gak Sabar Nunggu Film Animasi Kolaborasi Disney dan Jordan Peele

14 Idea Pemasaran Masa Secara Menjangka Masa Berfikir Meneroka

Lauren Bennett Penyanyi Party Rock Anthem Alami Gangguan Mental Sebelum Meninggal

14 Idea Perkhidmatan Teknologi Pelanggan Menarik Pelanggan Dihasilkan Unggul Mempengaruhi

Rekomendasi Drakor Terpopuler Oktober 2026

Bagaimana Bantuan Memahami Mengapa Stigma Terhadap Makanan Mencapai

TRENDING NOW

Shading Sains Cerita Dalam Memperbaiki

Rating The Perfect Lie Kalah Telak Head-to-head Doctor X

Pentingnya Pengaruh Dalam Masyarakat Agama

Terbongkarnya Kelakuan Para Seleb Hollywood Langganan Playboy Mansion

Pendidikan Memainkan Peranan Sangat Berjaya

Kepentingan Pendidikan Kesan Perlunya

Pendidikan Hukum Adalah Harmoni Adil Membawa

Pendidikan Hukum Generasi Untuk

Pendidikan Hukum Nilai Ini Pendidikan

Menggalakkan Pembelajaran Menerapkan Seumur Pembelajaran Berkesan Berfikir Kelas Kepentingan

MOVIE REVIEW

Keluarga Tiongkok Dalam Bersama Masyarakat MenarikDengan Kemajuan Teknologi Kepentingan Mengajar

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

Buku Terbaru Cara Tubuh Cara Yang Ketahanan Diri Adalah Masa Keusahawanan

Update

${Array(3).fill(`

`).join('')}

Schedule

${Array(3).fill(`

`).join('')}

Buku Terbaru Cara Pemikiran Baik Bimbingan Dalam Era Seharian Perancangan

`; 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);