الأرشيف

.size-32 { font-size: 32px; line-height: 48px; } .pos-relative { position: relative; } .archive-widget .title-widget-row { margin-bottom: 30px; } .archive-widget .title-widget-row { height: 75px; border-bottom: solid 3px #009ddf; display: flex; align-items: center; } .flex-row { width: 100%; display: flex; align-content: flex-start; flex-wrap: wrap; } .archive-widget .title-widget-content .archive-adv-search-item:nth-child(1) { margin-left: 10px; } .archive-widget .title-widget-content .archive-adv-search-item .archive-adv-search-lbl { display: flex; width: 25px; align-items: center; color: #009ddf; } .archive-widget .title-widget-content .archive-datepicker-date { border: solid 1px rgba(108, 178, 235, 0.65); height: 32px; background-color: #fff; width: 200px; padding: 0px 10px; } .archive-widget input, .archive-widget button, .archive-widget textarea { border: 0px; box-shadow: none; font-family: unset; } .archive-widget .flex-row-mobile { display: flex; } .archive-widget .title-widget-content .archive-adv-search-button, .archive-widget .title-widget-content .archive-header-adv-search-button { width: 100px; height: 32px; background-color: #6cb2eb; color: #fff; margin-right: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .archive-widget .title-widget-content .archive-adv-search-item { display: flex; } .flex-row-auto { width: auto; display: flex; } .archive-widget .social-content-row .sm-item { width: 35px; height: 35px; background-color: cornflowerblue; display: flex; align-items: center; justify-content: center; margin-right: 15px; border-radius: 4px; } .archive-widget .social-content-row { height: 61px; margin: auto; border: 1px solid #e8e8e8; align-items: center; justify-content: center; flex-wrap: nowrap; border-radius: 5px; position: absolute; left: 0px; top: 0px; } .archive-widget .social-content-row .sm-item.sm-twitter { background-color: #009ddf; } .archive-widget .social-content-row .sm-item.sm-youtube { background-color: #ff0000; } .archive-widget .social-content-row .sm-item.sm-facebook { background-color: #17aafd; } .archive-widget .social-content-row .sm-item.sm-linkedin { background-color: #0a66c2; } .archive-widget .social-content-row .sm-item:nth-last-child(1) { margin-left: 15px; } .archive-widget .content-row{ margin-top: 15px; } .archive-widget .content-row .item-row { margin-bottom: 20px; padding-bottom: 20px; border-bottom: dashed 1px #c4c4c4; } .archive-widget .content-row .col-img { width: 250px; } .archive-widget .content-row .col-desc { width: calc(100% - 250px - 10px); margin-right: auto; } .archive-widget .content-row .article-publish-time { color: #999; } .archive-widget .content-row .title-article { margin: 5px 0; } .font-700, .almarai-b span, .almarai-b a { font-family: 'Almarai Bold'; } .archive-widget .content-row .article-desc { max-width: 700px; color: #696969; } .archive-widget .flex-wrap { display: flex; flex-wrap: wrap; } .size-32.title{ font-family:"Almarai" }
الأرشيف
من
إلى
بحث متقدم
document.addEventListener('DOMContentLoaded', function() { // Advanced Search Toggle document.querySelector('.archive-header-adv-search-button')?.addEventListener('click', function() { const headerSearch = document.querySelector('.header-search.flex-row'); const advBtn = document.querySelector('.header-adv-search-btn'); const advWrapper = document.querySelector('.header-adv-search-wrapper.flex-row'); headerSearch.classList.add('active-header-search'); advWrapper.classList.add('adv-search-wrapper-active'); advBtn.classList.add('adv-search-btn-active'); }); // Datepicker Initialization const fromPicker = flatpickr('.archive-datepicker-date-from', { dateFormat: 'Y-m-d', locale: 'ar', disableMobile: true, onChange: function(selectedDates) { const date = selectedDates[0]; document.querySelector('.archive-date-from').value = date ? `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}` : ''; toPicker.set('minDate', date); } }); const toPicker = flatpickr('.archive-datepicker-date-to', { dateFormat: 'Y-m-d', locale: 'ar', disableMobile: true, minDate: null, // Allow any date initially (no minimum restriction) onChange: function(selectedDates) { const date = selectedDates[0]; document.querySelector('.archive-date-to').value = date ? `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}` : ''; } }); // Set initial dates from URL const urlParams = new URLSearchParams(window.location.search); const startDate = urlParams.get('start_date'); const endDate = urlParams.get('end_date'); if (startDate) { fromPicker.setDate(startDate); document.querySelector('.archive-date-from').value = startDate; } if (endDate) { toPicker.setDate(endDate); document.querySelector('.archive-date-to').value = endDate; if (startDate) toPicker.set('minDate', startDate); } // Form submission with validation document.getElementById('archiveSearchForm')?.addEventListener('submit', function(e) { e.preventDefault(); const fromDate = document.querySelector('.archive-date-from').value; const toDate = document.querySelector('.archive-date-to').value; // Validate at least one date is selected if (!fromDate && !toDate) { alert('الرجاء اختيار تاريخ البداية أو النهاية على الأقل'); return; } // Validate date range if both dates are selected if (fromDate && toDate) { const from = new Date(fromDate); const to = new Date(toDate); if (from > to) { alert('تاريخ البداية يجب أن يكون قبل تاريخ النهاية'); return; } } // Build URL const basePath = '/الأرشيف'; const params = new URLSearchParams(); if (fromDate) params.append('start_date', fromDate); if (toDate) params.append('end_date', toDate); // Preserve pagination const page = new URLSearchParams(window.location.search).get('page'); if (page) params.append('page', page); window.location.href = `${basePath}?${params.toString()}`; }); // Reset functionality document.querySelector('.archive-reset-button')?.addEventListener('click', function() { fromPicker.clear(); toPicker.clear(); // Redirect without any date parameters but keep other params const params = new URLSearchParams(window.location.search); params.delete('start_date'); params.delete('end_date'); window.location.href = params.toString() ? `${basePath}?${params.toString()}` : basePath; }); });
.size-32 { font-size: 32px; line-height: 48px; } .pos-relative { position: relative; } .archive-widget .title-widget-row { margin-bottom: 30px; } .archive-widget .title-widget-row { height: 75px; border-bottom: solid 3px #009ddf; display: flex; align-items: center; } .flex-row { width: 100%; display: flex; align-content: flex-start; flex-wrap: wrap; } .archive-widget .title-widget-content .archive-adv-search-item:nth-child(1) { margin-left: 10px; } .archive-widget .title-widget-content .archive-adv-search-item .archive-adv-search-lbl { display: flex; width: 25px; align-items: center; color: #009ddf; } .archive-widget .title-widget-content .archive-datepicker-date { border: solid 1px rgba(108, 178, 235, 0.65); height: 32px; background-color: #fff; width: 200px; padding: 0px 10px; } .archive-widget input, .archive-widget button, .archive-widget textarea { border: 0px; box-shadow: none; font-family: unset; } .archive-widget .flex-row-mobile { display: flex; } .archive-widget .title-widget-content .archive-adv-search-button, .archive-widget .title-widget-content .archive-header-adv-search-button { width: 100px; height: 32px; background-color: #6cb2eb; color: #fff; margin-right: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .archive-widget .title-widget-content .archive-adv-search-item { display: flex; } .flex-row-auto { width: auto; display: flex; } .archive-widget .social-content-row .sm-item { width: 35px; height: 35px; background-color: cornflowerblue; display: flex; align-items: center; justify-content: center; margin-right: 15px; border-radius: 4px; } .archive-widget .social-content-row { height: 61px; margin: auto; border: 1px solid #e8e8e8; align-items: center; justify-content: center; flex-wrap: nowrap; border-radius: 5px; position: absolute; left: 0px; top: 0px; } .archive-widget .social-content-row .sm-item.sm-twitter { background-color: #009ddf; } .archive-widget .social-content-row .sm-item.sm-youtube { background-color: #ff0000; } .archive-widget .social-content-row .sm-item.sm-facebook { background-color: #17aafd; } .archive-widget .social-content-row .sm-item.sm-linkedin { background-color: #0a66c2; } .archive-widget .social-content-row .sm-item:nth-last-child(1) { margin-left: 15px; } .archive-widget .content-row{ margin-top: 15px; } .archive-widget .content-row .item-row { margin-bottom: 20px; padding-bottom: 20px; border-bottom: dashed 1px #c4c4c4; } .archive-widget .content-row .col-img { width: 250px; } .archive-widget .content-row .col-desc { width: calc(100% - 250px - 10px); margin-right: auto; } .archive-widget .content-row .article-publish-time { color: #999; } .archive-widget .content-row .title-article { margin: 5px 0; } .font-700, .almarai-b span, .almarai-b a { font-family: 'Almarai'; font-weight: 700 } .archive-widget .content-row .article-desc { max-width: 700px; color: #696969; } .archive-widget .flex-wrap { display: flex; flex-wrap: wrap; } @media screen and (max-width:768px){ .archive-widget .title-widget-content .archive-adv-search-item{margin-top:10px} } // Wait for Vue to render the content function formatDatesWhenReady() { // Configuration const arabicDays = ['الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت']; const dateElements = document.querySelectorAll('.publish-date'); dateElements.forEach(el => { // Extract the ISO date from the text content const text = el.textContent; const isoDateMatch = text.match(/\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}/); if (isoDateMatch) { const date = new Date(isoDateMatch[0]); if (!isNaN(date.getTime())) { // Format components const dayName = arabicDays[date.getDay()]; const day = date.getDate(); const month = (date.getMonth() + 1).toString().padStart(2, '0'); const year = date.getFullYear(); const hours = date.getHours().toString().padStart(2, '0'); const minutes = date.getMinutes().toString().padStart(2, '0'); // Build the formatted string el.textContent = `${dayName} ${day}-${month}-${year} ${hours}:${minutes}`; } } }); } // Run immediately and keep checking every 200ms until formatted const interval = setInterval(() => { if (document.querySelector('.publish-date')) { formatDatesWhenReady(); clearInterval(interval); } }, 200); // Also handle dynamic updates new MutationObserver(formatDatesWhenReady).observe(document.body, { childList: true, subtree: true });
.death-statistics-marquee .article-title a, .death-statistics-marquee .title-widget-2 a { text-align: right; font-family: Cairo; font-style: normal; font-weight: 700; line-height: 25px; text-decoration: none; } .death-statistics-marquee .breaking-news-wrapper { width: 100%; display: flex; } .death-statistics-marquee .breaking-news { background-color: #7c0000; padding: 22px 17px 24px 18px; color: #fff; text-align: right; font-family: Cairo; font-size: 22px; font-weight: 700; line-height: 25px; } .death-statistics-marquee .breaking-news-content { background-color: #b90000; padding: 22px 18px 24px 21px; color: #fff; text-align: right; font-family: Cairo; font-size: 22px; font-weight: 700; line-height: 25px; width: 100%; position: relative; } .full-container .marquee-container-widget:not(.relative-widget) .wrapper-row { position: fixed; width: 100%; right: 0; bottom: 0; z-index: 100000; } .death-statistics-marquee .marquee-container-widget .title-widget-2 { width: 75px; background-color: #757575; color: #fff; height: 60px; display: flex; align-items: center; justify-content: center; } .death-statistics-marquee .title-widget-2 a { color: #fff; color: color(display-p3 1 1 1); font-size: 15px; padding: 16px 18px 16px 15px; display: block; } .death-statistics-marquee .content-row:not(.content-row-full) { width: calc(100% - 100px); background-color: #000; } .death-statistics-marquee .content-row marquee { direction: ltr; } .death-statistics-marquee .content-row .img-item { display: inline-flex; height: 60px; align-items: center; vertical-align: top; } .death-statistics-marquee .content-row .article-title { height: 60px; display: inline-flex; align-items: center; color: #fff; padding: 0 15px; direction: rtl; } .death-statistics-marquee .article-title a { color: #fff; color: color(display-p3 1 1 1); font-size: 17px; } .death-statistics-marquee .title-widget-2 { width: 100px; } #widget_1932 { position: static; bottom: 0; width: 100%; z-index: 1; } @media scren and (max-width:768px){ .death-statistics-marquee .breaking-news-content{ font-family: 'Cairo', sans-serif; } }