Sorgu Paneli Scripti Apr 2026

.btn-primary background: #1a2c3e; color: white; box-shadow: 0 2px 6px rgba(0,0,0,0.1);

.panel-header p margin: 8px 0 0; opacity: 0.8; font-size: 0.9rem; Sorgu Paneli Scripti

function updateStats(filteredArray) const total = filteredArray.length; const activeCount = filteredArray.filter(item => item.status === "active").length; const adminCount = filteredArray.filter(item => item.role === "Admin").length; // İstatistik kartlarını güncelle const statNumbers = document.querySelectorAll('#statsArea .stat-number'); if (statNumbers.length >= 3) statNumbers[0].innerText = total; statNumbers[1].innerText = activeCount; statNumbers[2].innerText = adminCount; else // fallback: inner html yenileme statsArea.innerHTML = ` <div class="stat-card"><div class="stat-number">$total</div><div class="stat-label">Toplam Kayıt</div></div> <div class="stat-card"><div class="stat-number">$activeCount</div><div class="stat-label">Aktif</div></div> <div class="stat-card"><div class="stat-number">$adminCount</div><div class="stat-label">Adminler</div></div> `; .badge-inactive background: #ffe4e2

function renderTable(dataArray) if (!dataArray.length) tableBody.innerHTML = `<tr class="no-data"><td colspan="6">🔍 Sonuç bulunamadı. Farklı kriterler deneyin.</td></tr>`; return; .btn-primary background: #1a2c3e

footer padding: 16px 28px 24px; font-size: 0.7rem; text-align: right; color: #7f8c8d; border-top: 1px solid #edf2f7; background: white;

Kodu sorgu-paneli.html olarak kaydedip herhangi bir tarayıcıda açabilirsiniz. JavaScript dahil tamamen bağımsız çalışır.

.badge-inactive background: #ffe4e2; color: #9b2c1d;