الأرشيف

.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, advBtn, advWrapper].forEach(element => { if (element && !element.classList.contains(element.classList[0] + '-active')) { element.classList.add(element.classList[0] + '-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, 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 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 .article-title a,.death-statistics-marquee .title-widget-2 a{text-align:right;font-family:Almarai;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: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: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}