Sorgu Paneli Scripti Review

.stat-card background: #f1f5f9; border-radius: 28px; padding: 12px 24px; flex: 1; min-width: 130px; text-align: center;

.data-table width: 100%; border-collapse: collapse; font-size: 0.9rem;

// Event listeners queryBtn.addEventListener('click', filterAndRender); resetBtn.addEventListener('click', resetFilters); Sorgu Paneli Scripti

İhtiyacınıza göre sütunları, veri setini veya görsel detayları kolayca değiştirebilirsiniz.

async function filterAndRender() const params = new URLSearchParams( q: searchInput.value, status: statusFilter.value, role: roleFilter.value ); const response = await fetch(`/api/sorgu?$params`); const data = await response.json(); renderTable(data); updateStats(data); .stat-card background: #f1f5f9

.data-table td padding: 14px 20px; border-bottom: 1px solid #ecf3fa; color: #1f2d3d;

<script> // ---------- ÖRNEK VERİ SETİ ---------- const mockData = [ id: 1001, username: "ahmet_yilmaz", email: "ahmet@domain.com", role: "Admin", status: "active", registered: "2024-01-15" , id: 1002, username: "elif_demir", email: "elif.demir@domain.com", role: "Editör", status: "active", registered: "2024-02-20" , id: 1003, username: "mehmet_kaya", email: "mehmet.k@domain.com", role: "İzleyici", status: "passive", registered: "2023-11-02" , id: 1004, username: "zeynep_arslan", email: "zarslan@domain.com", role: "Admin", status: "active", registered: "2024-03-10" , id: 1005, username: "burak_sahin", email: "burak.sahin@domain.com", role: "Destek", status: "active", registered: "2024-01-28" , id: 1006, username: "sibel_aksoy", email: "sibel.a@domain.com", role: "İzleyici", status: "passive", registered: "2023-12-05" , id: 1007, username: "orkun_celik", email: "orkun.c@domain.com", role: "Editör", status: "active", registered: "2024-04-01" , id: 1008, username: "pinar_yildiz", email: "pinar.y@domain.com", role: "Destek", status: "active", registered: "2024-02-14" , id: 1009, username: "serkan_dogan", email: "serkan.d@domain.com", role: "İzleyici", status: "passive", registered: "2023-10-19" , id: 1010, username: "gulsen_ertekin", email: "gulsen.e@domain.com", role: "Admin", status: "active", registered: "2024-03-25" ]; padding: 12px 24px

.stat-label font-size: 0.75rem; color: #5b6e8c; margin-top: 6px; letter-spacing: 0.3px;

.badge-active background: #d1fae5; color: #0b5e42;