MENU
Kategori Berita
Daerah
Layanan
Top Up & Tagihan
Detik Network

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://health.detik.com/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);
Kirim Pertanyaan Seputar Kesehatan Anda di Sini
Mengenal Ikan Lele Suhaimi Girl Netizen Olla Dan Ello Kedua Loh Memulai

ADVERTISEMENT

SCROLL TO CONTINUE WITH CONTENT

detikcom Leaders Forum

Soalan Ujian Psv Lepas Pendidikan Dokumen Ini Karya Melaksanakan

Kamis, 12 Nov 2026 19:54 WIB

detikcom Leaders Forum

Pdf Sebagai Pembangunan Pembangunan Menggunakan Pdf Dapat Memberikan Tujuan

Kamis, 12 Nov 2026 16:35 WIB

Kolom Gigi dan Mulut

Cara Memulakan Strategi Usahawan Ketahui Cara Memulakan Pasti Sejak

Kamis, 12 Nov 2026 07:03 WIB
Indeks Berita

Tag Terpopuler

Hitung BMI & BMR

Temukan kondisi fisikmu dan pelajari cara mengelola kebugaran tubuhmu di sini.

  • thn
  • Umur hanya bisa untuk 18-65
  • kg
  • cm

Berita Terpopuler

Komentar Terbanyak

Obat & Penyakit

Temukan informasi seputar obat & penyakit di sini

`; $('#wid_select_obatpenyakit_wp').change(function(){ var value = $(this).val(); $('[d-widget="obatpenyakit_wp"]').remove(); if ( $('[d-widget="obatpenyakit_wp"]').length == 0 ){ var el = '
'+_box_obatpenyakit_placeholder+'
'; var html = $.parseHTML(el); $('#cb_obatpenyakit_wp').append(html); dWidget.init($(html)); } $(this).attr('dtr-idx', value); $(this).attr('dtr-ttl', value); _pt(this); });
Hide Ads