Priority File Manager

Name	Type	Size	Actions
📁 ..	Folder	-
📄 aboutus-layout.php	File	1676	Edit Download
📄 article-layout.php	File	22554	Edit Download
📄 back-top.php	File	706	Edit Download
📄 body-layout.php	File	1313	Edit Download
📄 contactus-layout.php	File	4025	Edit Download
📄 department-layout.php	File	3736	Edit Download
📄 footer-layout.php	File	5862	Edit Download
📄 header-layout.php	File	451	Edit Download
📄 header-second.php	File	827	Edit Download
📄 index-layout.php	File	4027	Edit Download
📄 list-languages.php	File	5393	Edit Download
📄 list-news-layout.php	File	6488	Edit Download
📄 list-pdf-layout.php	File	4459	Edit Download
📄 main-func.php	File	59071	Edit Download
📄 main-layout.php	File	8313	Edit Download
📄 main-menu.php	File	3613	Edit Download
📄 mobile-menu.php	File	5453	Edit Download
📄 mobile-side.php	File	14998	Edit Download
📄 pdf-layout.php	File	3	Edit Download
📄 right_sidebar.php	File	3970	Edit Download
📄 search-layout.php	File	5408	Edit Download
📄 top-menu.php	File	1175	Edit Download
📄 top_slider.php	File	2320	Edit Download

<?php  
    $queries = array();
    parse_str($_SERVER['QUERY_STRING'], $queries);
    $search="";
    $htmlSearch="<center><h2>".$L['no_result']."!</h2><center>";
    if ($queries &&  $queries['keywords'] ){ 
       $search = str_replace("+", " ", $queries['keywords']);   
       $news_tag=$L['make_search'];
    }
    $label  = $L['results'];
?>
<main id="content">
  <div class="container">
    <div class="row">
     
    <div class="col-md-8">

<div class="block-title-6">
          <h4 class="h5 border-primary">
            <span class="bg-primary text-white"> <?= htmlspecialchars($label) ?></span>
          </h4>
        </div>

<div class="big-post">
          <div class="border-bottom-last-0 first-pt-0" id="news-container">
            
          </div>
        </div>

<div id="loader" class="text-center py-3 text-muted"><?= htmlspecialchars($L['read_more']) ?></div>
    </div>

<?php include('right_sidebar.php'); ?>
      
    </div> 
   </div> 
</main>

let offset   = 0;
let total    = 0;
let loading  = false;

const box       = document.querySelector('.big-post');
const container = document.getElementById('news-container');
const loader    = document.getElementById('loader');

loadNews();

/*-----------------------------------------
 | جلب دفعة جديدة من الأخبار
 *----------------------------------------*/
async function loadNews() {
  if (loading) return;
  if (total && offset >= total) return;   // لا مزيد من النتائج

loading = true;
  toggleLoader(true);

try {
    const url  = `service/loadMoreNews.php?search=${encodeURIComponent(search)}&lang=${lang}&offset=${offset}`;
    const res  = await fetch(url); 
   
    const json = await res.json();   
    total = json.total; 
    let rows = json.rows; 
    rows.forEach(news => container.appendChild(buildCard(news)));

offset += rows.length;
  } catch (err) {
    console.error(err);
    alert('حدث خطأ أثناء جلب الأخبار ✖');
  }

toggleLoader(false);
  loading = false;
}

/*-----------------------------------------
 | إنشاء بطاقة خبر واحدة
 *----------------------------------------*/
function buildCard(news) {
  const plyIcon =playIcon(news,lang,type);

function playIcon(news, lang, type) {
  const id = news.news_id;
  const url = news.news_link;

if (url) {
    return `
      <div class="post-type-icon" style="width: 36px;height: 36px; 
          border-radius: 50%; 
          background-color: rgba(0, 123, 255, 0.5); 
          display: flex; 
          justify-content: center; 
          align-items: center;">
          <a href="article.php?id=${id}&type=${type}&lang=${lang}" style="display: block; width: 100%; height: 100%;">
              <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 16 16" style="width: 100%; height: 100%;">
                  <path d="M11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
              </svg>
          </a>
      </div>
    `;
  } else {
    return '';
  }
}

/*-----------------------------------------
 | مراقبة التمرير
 *----------------------------------------*/
function handleScroll() {
  if (loading) return;

const box = document.querySelector('.big-post');
  const nearBottom =
    box.scrollTop + box.clientHeight >= box.scrollHeight - 400; // 400px قبل النهاية

if (nearBottom) loadNews();
}

/*-----------------------------------------
 | مؤشر التحميل
 *----------------------------------------*/
function toggleLoader(show) {
  loader.style.display = show ? 'block' : 'none';
}
</script>