الاتحاد الأوروبي يرسل 100 طن من المساعدات الإنسانية إلى شرق الكونغو الديمقراطية لمكافحة تفشي فيروس إيبولا

خط زمني للاستجابة لتفشي فيروس إيبولا في شرق الكونغو الديمقراطية

تفاعل مع المراحل: اختر مرحلة لقراءة التفاصيل، واستعمل الأسهم للتنقل.

السابق التالي تشغيل تلقائي

سرعة

المرحلة ١ من ٦ تلميح: يمكنك استخدام مفاتيح الأسهم يمين/يسار للتنقل.

بحث داخل المراحل

—

—

— نسخ الملخص

—

ما الذي تغيّر في هذه المرحلة؟

ملاحظة سياقية

—

اختصار لوحة المفاتيح: ← / → للتنقل، و Enter لتثبيت المرحلة المحددة.

خريطة الزمن (نصية)

—

—

ملخص سريع

انقر على أي مرحلة من القائمة لعرضها هنا

—

/* APIs gratuites (optionnelles) : – Cette timeline fonctionne 100% hors-ligne avec les données ci-dessous. – Si vous voulez afficher la date du jour ou une heure, vous pouvez utiliser une API gratuite sans clé : URL: https://worldtimeapi.org/api/timezone/Africa/Kinshasa Exemple de réponse JSON (extrait) : { « abbreviation »: »WAT », « client_ip »: »1.2.3.4″, « datetime »: »2026-06-08T10:12:34.567890+01:00″, « timezone »: »Africa/Kinshasa », « utc_offset »: »+01:00″ } */ (function () { « use strict »; // Toutes les chaînes en français (facilement éditables) const I18N_FR = { copyOk: « Copié dans le presse-papiers. », copyFail: « Impossible de copier automatiquement. Veuillez copier manuellement. », autoPlay: « Lecture auto », autoStop: « Arrêter auto », resetDone: « Réinitialisation effectuée. » }; // بيانات الخط الزمني (النص داخل الأداة حصراً بالعربية) const STEPS = [ { id: « s1 », date: « 15 مايو », tag: « بداية التفشي », title: « إعلان التفشي رسمياً », summary: « في 15 مايو تم إعلان تفشي فيروس إيبولا في شرق الكونغو الديمقراطية، ما أطلق سلسلة إجراءات صحية وإنسانية عاجلة لتقليل الانتشار وحماية المجتمعات المحلية. », bullets: [ « تأكيد الإنذار الصحي ورفع مستوى التأهب. », « تنسيق أولي بين السلطات الصحية والشركاء الدوليين. », « تحديد الأولويات: تشخيص سريع، عزل، وحماية العاملين الصحيين. » ], note: « تمثل هذه اللحظة نقطة التحول التي تنتقل فيها الاستجابة من مراقبة إلى تعبئة موارد على نطاق أوسع. » }, { id: « s2 », date: « بعد الإعلان », tag: « تعبئة دولية », title: « تفعيل حالة طوارئ صحية دولية », summary: « تم تفعيل حالة طوارئ صحية دولية لتسريع التنسيق وتوحيد الرسائل ورفع جاهزية الدعم اللوجستي والطبي عبر قنوات متعددة. », bullets: [ « تعزيز آليات التنسيق العابر للحدود. », « تسريع إجراءات الإمداد والتمويل والتصاريح. », « رفع وتيرة تبادل المعلومات الوبائية. » ], note: « تعني الطوارئ الدولية عادةً توسيع نطاق الاستجابة وتسهيل القرارات السريعة في الميدان. » }, { id: « s3 », date: « مرحلة الإسناد », tag: « جسر جوي », title: « إنشاء الجسر الجوي الإنساني وإيصال 100 طن », summary: « تم إنشاء جسر جوي إنساني لإيصال المساعدات بسرعة إلى المناطق المتأثرة، بما في ذلك شحنة إجمالية تبلغ 100 طن لدعم الاستجابة الطبية واللوجستية. », bullets: [ « نقل إمدادات طبية ومواد وقاية وتجهيزات ميدانية. », « تقليل زمن الوصول مقارنة بطرق النقل البرية. », « رفع القدرة على دعم مراكز الرعاية والفرق المتنقلة. » ], note: « يساعد الجسر الجوي على تجاوز تحديات البنية التحتية ويضمن استمرارية التدفقات في أوقات الضغط. » }, { id: « s4 », date: « زيارة ميدانية », tag: « تنسيق رفيع », title: « وصول المفوضة الأوروبية إلى بونيا », summary: « وصلت المفوضة الأوروبية إلى بونيا لتقييم الاحتياجات على الأرض، ودعم التنسيق مع الشركاء، وتعزيز توجيه المساعدات إلى النقاط الأكثر تأثراً. », bullets: [ « لقاءات مع فرق الاستجابة والجهات المحلية. », « تحديد فجوات الإمداد والقدرات التشغيلية. », « تعزيز الرسائل الداعمة للتماسك المجتمعي. » ], note: « الزيارات الميدانية رفيعة المستوى غالباً ما تسرّع حل العوائق وتزيد وضوح الأولويات. » }, { id: « s5 », date: « التنفيذ الميداني », tag: « توزيع », title: « توزيع الإمدادات على مراكز الفرز والعزل », summary: « تم توجيه الإمدادات نحو مراكز الفرز والعزل لضمان جاهزية استقبال الحالات وتطبيق إجراءات الوقاية ومكافحة العدوى وتقليل انتقال الفيروس داخل المرافق. », bullets: [ « تزويد نقاط الفرز بمستلزمات الحماية والتعقيم. », « دعم وحدات العزل بالمواد الأساسية والخدمات اللوجستية. », « تحسين مسارات الدخول والخروج وتقليل المخاطر. » ], note: « التركيز على الفرز والعزل يقلل انتقال العدوى ويضمن تدفقاً آمناً للمرضى والكوادر. » }, { id: « s6 », date: « مرحلة الاستدامة », tag: « وقاية مجتمعية », title: « تعزيز التتبع الوبائي والتواصل المجتمعي », summary: « تم الانتقال إلى مرحلة تعزيز التتبع الوبائي والتواصل المجتمعي عبر فرق ميدانية ورسائل توعوية لضمان الكشف المبكر، وتتبع المخالطين، وبناء الثقة مع السكان. », bullets: [ « توسيع فرق تتبع المخالطين والاستجابة السريعة. », « رفع جودة جمع البيانات وإدارة الإشارات. », « تعزيز التواصل المجتمعي لمكافحة الشائعات ودعم السلوكيات الوقائية. » ], note: « بدون ثقة المجتمع والتتبع الفعّال، تصبح السيطرة على التفشي أكثر صعوبة حتى مع توفر الإمدادات. » } ]; // DOM helpers const $ = (sel, root = document) => root.querySelector(sel); const $$ = (sel, root = document) => Array.from(root.querySelectorAll(sel)); const root = $(« #ebola-timeline-widget »); const listEl = $(« #tlList », root); const titleEl = $(« #tlTitle », root); const dateEl = $(« #tlDate », root); const tagEl = $(« #tlTag », root); const summaryEl = $(« #tlSummary », root); const bulletsEl = $(« #tlBullets », root); const noteEl = $(« #tlNote », root); const pillEl = $(« #tlStepPill », root); const progressEl = $(« #tlProgress », root); const progressTextEl = $(« #tlProgressText », root); const quickEl = $(« #tlQuick », root); const miniMapEl = $(« #tlMiniMap », root); const miniStatusEl = $(« #tlMiniStatus », root); const prevBtn = $(« #tlPrev », root); const nextBtn = $(« #tlNext », root); const autoBtn = $(« #tlAuto », root); const speedEl = $(« #tlSpeed », root); const searchEl = $(« #tlSearch », root); const resetBtn = $(« #tlReset », root); const copyBtn = $(« #tlCopy », root); let activeIndex = 0; let autoTimer = null; // Build list items (accessible buttons) function buildList(items) { listEl.innerHTML = «  »; items.forEach((step, idx) => { const li = document.createElement(« li »); li.className = « relative »; // Dot const dot = document.createElement(« span »); dot.className = « absolute -start-[9px] top-5 h-4 w-4 rounded-full border-2 border-slate-300 bg-white »; dot.setAttribute(« aria-hidden », « true »); const btn = document.createElement(« button »); btn.type = « button »; btn.className = « group w-full text-right px-3 py-3 ms-4 rounded-xl border border-transparent hover:border-slate-200 hover:bg-white focus:outline-none focus:ring-2 focus:ring-slate-300 »; btn.dataset.index = String(idx); btn.setAttribute(« aria-label », « عرض المرحلة:  » + step.title); const row1 = document.createElement(« div »); row1.className = « flex items-center justify-between gap-3 »; const date = document.createElement(« div »); date.className = « text-xs font-bold text-slate-600 »; date.textContent = step.date; const tag = document.createElement(« div »); tag.className = « text-[11px] font-black text-slate-800 bg-slate-100 border border-slate-200 rounded-full px-2 py-1 »; tag.textContent = step.tag; row1.appendChild(date); row1.appendChild(tag); const h = document.createElement(« div »); h.className = « mt-1 text-sm font-black text-slate-900 group-hover:text-slate-950 »; h.textContent = step.title; const p = document.createElement(« div »); p.className = « mt-1 text-xs text-slate-600 leading-6 line-clamp-2 »; p.textContent = step.summary; btn.appendChild(row1); btn.appendChild(h); btn.appendChild(p); li.appendChild(dot); li.appendChild(btn); listEl.appendChild(li); }); } function clamp(n, min, max) { return Math.max(min, Math.min(max, n)); } function setActive(index, options = { scrollIntoView: true, focusList: false }) { activeIndex = clamp(index, 0, STEPS.length – 1); const step = STEPS[activeIndex]; // Update detail panel titleEl.textContent = step.title; dateEl.textContent = step.date; tagEl.textContent = step.tag; summaryEl.textContent = step.summary; noteEl.textContent = step.note; bulletsEl.innerHTML = «  »; step.bullets.forEach((b) => { const li = document.createElement(« li »); li.textContent = b; bulletsEl.appendChild(li); }); // Quick summary (Arabic only) quickEl.textContent = « أنت الآن في مرحلة:  » + step.title +  » —  » + step.summary; // Step pill + progress pillEl.textContent = « المرحلة  » + (activeIndex + 1) +  » من  » + STEPS.length; const pct = Math.round(((activeIndex) / (STEPS.length – 1)) * 100); progressEl.style.width = pct + « % »; progressTextEl.textContent = pct + « % »; // Update list UI const btns = $$(« #tlList button », root); btns.forEach((btn, i) => { const li = btn.parentElement; const dot = li.querySelector(« span »); const isActive = i === activeIndex; btn.className = « group w-full text-right px-3 py-3 ms-4 rounded-xl border  » + (isActive ? « border-slate-900 bg-white shadow-sm » : « border-transparent hover:border-slate-200 hover:bg-white ») +  » focus:outline-none focus:ring-2 focus:ring-slate-300″; dot.className = « absolute -start-[9px] top-5 h-4 w-4 rounded-full border-2  » + (isActive ? « border-slate-900 bg-slate-900 » : « border-slate-300 bg-white »); btn.setAttribute(« aria-current », isActive ? « step » : « false »); }); // Mini map (textual path) miniMapEl.textContent = STEPS.map((s, i) => { const marker = i === activeIndex ? « ● » : « ○ »; const num = String(i + 1).padStart(2, « 0 »); return marker +  »  » + num +  » —  » + s.date +  » —  » + s.title; }).join(« n »); miniStatusEl.textContent = « مؤشر:  » + (activeIndex + 1) + « / » + STEPS.length; // Buttons state prevBtn.disabled = activeIndex === 0; nextBtn.disabled = activeIndex === STEPS.length – 1; prevBtn.classList.toggle(« opacity-50 », prevBtn.disabled); nextBtn.classList.toggle(« opacity-50 », nextBtn.disabled); // Optional: keep selected item visible if (options.scrollIntoView) { const activeBtn = btns[activeIndex]; if (activeBtn) { activeBtn.scrollIntoView({ block: « nearest », behavior: « smooth » }); if (options.focusList) activeBtn.focus(); } } } function next() { setActive(activeIndex + 1); } function prev() { setActive(activeIndex – 1); } function stopAuto() { if (autoTimer) clearInterval(autoTimer); autoTimer = null; autoBtn.textContent = « تشغيل تلقائي »; autoBtn.setAttribute(« aria-pressed », « false »); } function startAuto() { stopAuto(); const delay = Number(speedEl?.value || 3500); autoBtn.textContent = « إيقاف تلقائي »; autoBtn.setAttribute(« aria-pressed », « true »); autoTimer = setInterval(() => { if (activeIndex >= STEPS.length – 1) { setActive(0); } else { setActive(activeIndex + 1); } }, delay); } function toggleAuto() { if (autoTimer) stopAuto(); else startAuto(); } function applySearch(query) { const q = (query || «  »).trim(); const btns = $$(« #tlList button », root); if (!q) { // show all btns.forEach((btn) => (btn.parentElement.style.display = «  »)); return; } // Very light search: includes on title, tag, summary, date, bullets const norm = q.toLowerCase(); STEPS.forEach((s, idx) => { const hay = [ s.title, s.tag, s.summary, s.date, (s.bullets || []).join( » « ), s.note ].join( » « ).toLowerCase(); const show = hay.includes(norm); btns[idx].parentElement.style.display = show ? «  » : « none »; }); } async function copyActiveSummary() { const s = STEPS[activeIndex]; const text = s.title +  » —  » + s.date + « n » + s.summary; try { await navigator.clipboard.writeText(text); // Note: UI text inside widget must be Arabic, so we display Arabic feedback. const old = copyBtn.textContent; copyBtn.textContent = « تم النسخ »; setTimeout(() => (copyBtn.textContent = old), 1200); // French string kept for easy editing/consistency if needed elsewhere: void I18N_FR.copyOk; } catch (e) { const old = copyBtn.textContent; copyBtn.textContent = « انسخ يدوياً »; setTimeout(() => (copyBtn.textContent = old), 1400); void I18N_FR.copyFail; } } // Event wiring listEl.addEventListener(« click », (ev) => { const btn = ev.target.closest(« button »); if (!btn) return; const idx = Number(btn.dataset.index); setActive(idx, { scrollIntoView: true, focusList: false }); }); prevBtn.addEventListener(« click », prev); nextBtn.addEventListener(« click », next); autoBtn.addEventListener(« click », toggleAuto); resetBtn.addEventListener(« click », () => { searchEl.value = «  »; applySearch(«  »); stopAuto(); setActive(0, { scrollIntoView: true, focusList: false }); // French kept void I18N_FR.resetDone; }); copyBtn.addEventListener(« click », copyActiveSummary); speedEl?.addEventListener(« change », () => { if (autoTimer) startAuto(); // restart with new speed }); searchEl.addEventListener(« input », (e) => { applySearch(e.target.value); }); // Keyboard navigation (accessibility) root.addEventListener(« keydown », (e) => { const key = e.key; if (key === « ArrowLeft ») { // RTL note: user still expects left/right navigation; we keep it intuitive: // ArrowLeft => next, ArrowRight => previous can be confusing. We’ll map: // ArrowLeft => previous step, ArrowRight => next step (consistent with many UIs). e.preventDefault(); prev(); } else if (key === « ArrowRight ») { e.preventDefault(); next(); } else if (key === « Enter ») { // If focus is on list button, selecting is already click; we just ensure current active is set. setActive(activeIndex, { scrollIntoView: true, focusList: false }); } else if (key === « Escape ») { stopAuto(); } }); // Init buildList(STEPS); setActive(0, { scrollIntoView: false, focusList: false }); applySearch(«  »); // Ensure widget doesn’t grow beyond requested height in most layouts: // (Hard cap already via internal max heights; nothing else needed.) })();