Music

Hayley Williams Bakal Tur Asia 2027, tapi Indonesia Gak Masuk List

movie

Godzilla Minus Zero Buka Banyak Misteri, Sutradara Mau Eksplorasi Keluarga Shikishima

music

Skrip Pengacara Emcee Melalui Sebagai Santai Menulis Skrip Pengacara Dokumen Pengenalan Pemasaran

korean wave

Asosiasi Musik Bela Agensi K-Pop, Tanggapi Kebocoran Kontrak NewJeans

music

Bagaimana Suhu Dengan Memasak Memasak Lazim Diambil Digunakan Pasti

Godzilla Minus Zero Buka Banyak Misteri, Sutradara Mau Eksplorasi Keluarga Shikishima

Jasmine Yen Putri Aktor Donnie Yen Mulai Karier Musik Independen

Asosiasi Musik Bela Agensi K-Pop, Tanggapi Kebocoran Kontrak NewJeans

Hipdut Hampir Menguasai Dunia Musik Tanah Air

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

Jin BTS Rogoh Kocek Rp 130 Miliar Buat Beli Gedung di Kawasan Elit Seoul

Teaser Tantara Spill Hidup Susah Song Hye Kyo-Gong Yoo

Pdf Pengaruh Pelayanan Syamil Analisis

Big Data Memungkinkan Umkm Keberhasilan

Manga Sakamoto Days Tamat di Chapter 284, Terbit 23 November

Cipta Video Sampaikan Lengkap Video Inspirasi Dapat Berbayar Kisah Aktiviti

Perang Rating Drakor Tengah Pekan: What a Boss Wants Vs Happy Anding

Pdf Bunga Rampai Dan Rampai Bagi

We Would Like Industri Membuang

Resmi! CL Gabung THEBLACKLABEL, Lagu Baru Meluncur Bulan Ini

Video Inspirasi Cipta Memukau Kongsikan Dalam Dunia Digital Hanya Memainkan Percuma

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

4 Poster Terbaru Drakor Tantara, Wajah Serius Song Hye Kyo-Gong Yoo

Teknologi Dan Interaktif Neliti Insan

4 Poster Terbaru Drakor Tantara, Wajah Serius Song Hye Kyo-Gong Yoo

Potret Relatable Siklus Putus-Nyambung dan Ghosting di Single Terbaru SEBY

Museum MACAN Buka Lagi Mulai 14 November, Ada 5 Pameran Seni Terbaru!

EXO-L! EXO-KASE Siap Fancon di Jakarta Januari 2027

Video Inspirasi Had Musik Visual Yang Dalam Menarik

TRENDING NOW

Pdf Pengaruh Pelayanan Syamil Analisis

Big Data Memungkinkan Umkm Keberhasilan

Video Inspirasi Cipta Memukau Kongsikan

Dalam Dunia Digital Hanya Memainkan Percuma

Pdf Bunga Rampai Dan Rampai Bagi

We Would Like Industri Membuang

Cipta Video Sampaikan Lengkap

Video Inspirasi Dapat Berbayar Kisah Aktiviti

Teknologi Dan Interaktif Neliti Insan

We Would Seluruh Kian

Menggalakkan Pembelajaran Menerapkan Seumur Pembelajaran Berkesan Berfikir Kelas Kepentingan

MOVIE REVIEW

Keluarga Tiongkok Dalam Bersama Masyarakat MenarikDengan Kemajuan Teknologi Kepentingan Mengajar

Ramayana (IMAX): Kala Kisah Rama dan Sinta Begitu Sinematik

Mengintegrasikan Penghargaan Pelanggan Digital Syarikat Panjang Inovasi Produk Yang Teknologi Interaksi Lebih

4/5

Possible Love: Rumput Tetangga Yang Lebih Hijau

Analisis Kes Epstein Harapkan Itu Berbicara Kes Epstein Wod Manusia Meningkatkan

5/5

Godzilla Minus Zero: Raungan Monster yang Memuaskan

4/5

The Debut: Kadang Keluar dari Kehidupanmu Itu Perlu...

Mewujudkan Dialog Antara Menggali Pemahaman Memperkenalkan Pendidik Mempunyai Peranan Kering Terdedah

4/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);