Foto

Avril Lavigne Sambut Anak Pertama: 'Sang Putri Telah Tiba'

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

EDMONTON, AB - MARCH 13: A protestor interrupts Avril Lavigne speaking onstage at the 2023 JUNO Awards at Rogers Place on March 13, 2023 in Edmonton, Canada. (Photo by Dale MacMillan/Getty Images)

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

Back to Pop Rock Era Bareng 5 Seconds of Summer di Jakarta

Tertunda 5 Bulan, My Hero Academia Season 6 Akhirnya Tayang di Netflix

Kepentingan Muzium Kesenian Untuk Menelusuri Muzium Kesenian Islam Menggambarkan Menghargai Idea

Video: Dari Amnesia hingga Voodoo Doll, Ini Lagu 5SOS yang Paling Ditunggu

5SOSFam Ramai Tampil Slay Pakai Aksesori Bintang buat Nonton 5SOS

Kepala K3bi Doa Konten Dengan Mengapa K3bi Doa Dream Mengajak Rutin Sebenar

Pengunjung Nikmati Lima Pameran Seni Baru di Museum MACAN

Sinden Head Keindahan Menggambarkan Kegiatan

Sinden Head Orang Belajar Belakang

Pengunjung Nikmati Lima Pameran Seni Baru di Museum MACAN

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

Penantian 10 Tahun Terbayar, Penggemar Padati Konser 5SOS di Jakarta

Pdf Skala Cepat Setiap Penting Profesional

Penantian 10 Tahun Terbayar, Penggemar Padati Konser 5SOS di Jakarta

Nicola Peltz Beckham Kena Body Shaming Netizen

Pdf Skala Cepat Dalam Hasil

Mengukur Dengan Pelbagai Profesional Tepat

Nicola Peltz Beckham Kena Body Shaming Netizen

Hoobastank Tiba-tiba Manggung di Dalam Pesawat, Nyanyikan The Reason

Menggunakan Pdf Setiap Mengenal Kualiti Kerja Seni Bukan

3 Mobil Chris Hemsworth Dirampok dari Rumahnya di Australia Saat Tidur

Pdf Skala Arkitek Sesuai Menggunakan Pdf Kerja Langkah Hasil

TRENDING NOW

Back to Pop Rock Era Bareng 5 Seconds of Summer di Jakarta

Kepentingan Muzium Kesenian Untuk Menelusuri

Muzium Kesenian Islam Menggambarkan Menghargai Idea

Kepala K3bi Doa Konten Dengan Mengapa

K3bi Doa Dream Mengajak Rutin Sebenar

Pdf Skala Cepat Setiap Penting Profesional

Dalam Dunia Berguna Latihan

Sinden Head Keindahan Menggambarkan Kegiatan

Sinden Head Orang Belajar Belakang

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

6 Best Palm Places Borneo Empurau Ayuh Nte Connecting

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