الأرشيف

#Alrai_LB_01_HomePage_full_ad { width: 728px; height: 90px; background: color(display-p3 0.9333 0.9333 0.9333); margin:0 auto; @media screen and (max-width:768px){ #Alrai_LB_01_HomePage_full_ad{ display: none } } }
#Alrai_LB_01_HomePage_full_ad { width: 728px; height: 90px; background: color(display-p3 0.9333 0.9333 0.9333); margin:0 auto; @media screen and (max-width:768px){ #Alrai_LB_01_HomePage_full_ad{ display: none } } }
.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 () { 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'); if (headerSearch && !headerSearch.classList.contains('active-header-search')) { headerSearch.classList.add('active-header-search'); } if (advBtn && !advBtn.classList.contains('adv-search-btn-active')) { advBtn.classList.add('adv-search-btn-active'); } if (advWrapper && !advWrapper.classList.contains('adv-search-wrapper-active')) { advWrapper.classList.add('adv-search-wrapper-active'); } }); }); document.addEventListener('DOMContentLoaded', function() { // Initialize datepickers const fromPicker = flatpickr('.archive-datepicker-date-from', { dateFormat: 'Y-m-d', locale: 'ar', disableMobile: true, onChange: function(selectedDates) { const date = selectedDates[0]; if (date) { const formattedDate = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`; document.querySelector('.archive-date-from').value = formattedDate; } else { document.querySelector('.archive-date-from').value = ''; } // Set min date for "to" picker toPicker.set('minDate', selectedDates[0]); } }); const toPicker = flatpickr('.archive-datepicker-date-to', { dateFormat: 'Y-m-d', locale: 'ar', disableMobile: true, onChange: function(selectedDates) { const date = selectedDates[0]; if (date) { const formattedDate = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`; document.querySelector('.archive-date-to').value = formattedDate; } else { document.querySelector('.archive-date-to').value = ''; } } }); // Form submission handler document.getElementById('archiveSearchForm').addEventListener('submit', function(e) { e.preventDefault(); // Get values 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; } // Build URL with encoded Arabic path const basePath = '/الأرشيف'; const params = new URLSearchParams(); if (fromDate) params.append('start_date', fromDate); if (toDate) params.append('end_date', toDate); console.log('Redirecting to:', `${basePath}?${params.toString()}`); // Redirect window.location.href = `${basePath}?${params.toString()}`; }); });
.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; } @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 .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: 'Almarai';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: 'Almarai';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: 0px;bottom: 0px;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);text-align: right;font-family: 'Almarai';font-size: 15px;font-style: normal;font-weight: 700;line-height: 25px;padding: 16px 18px 16px 15px;text-decoration: none;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: 0px 15px;direction: rtl;} .death-statistics-marquee .article-title a {color: #FFF;color: color(display-p3 1 1 1);text-align: right;font-family: Almarai;font-size: 17px;font-style: normal;font-weight: 700;line-height: 25px;text-decoration: none;} .death-statistics-marquee .title-widget-2 {width:100px} #widget_1932{position:static;bottom:0;width:100%;z-index:1}