Sorgu Paneli Scripti -

// Enter tuşu ile sorgulama searchInput.addEventListener('keypress', function(e) if (e.key === 'Enter') filterAndRender(); ); statusFilter.addEventListener('change', filterAndRender); roleFilter.addEventListener('change', filterAndRender);

.btn-primary:hover background: #f39c12; color: #1e2f3e; transform: translateY(-1px);

.stat-number font-size: 2rem; font-weight: 800; color: #1a2c3e; line-height: 1;

/* FILTER AREA */ .filter-area background: #f8fafd; padding: 24px 28px; border-bottom: 1px solid #e2e8f0; display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; Sorgu Paneli Scripti

/* HEADER */ .panel-header background: #1a2c3e; color: white; padding: 20px 28px; border-bottom: 4px solid #f39c12;

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

Kodu sorgu-paneli.html olarak kaydedip herhangi bir tarayıcıda açabilirsiniz. JavaScript dahil tamamen bağımsız çalışır. // Enter tuşu ile sorgulama searchInput

.no-data text-align: center; padding: 48px 20px; color: #7e8c9e; font-style: italic;

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

.badge-active background: #d1fae5; color: #0b5e42; span class="badge badge-active"&gt

const filtered = mockData.filter(item => // Arama filtresi (id, username, email) let matchesSearch = true; if (searchTerm !== "") // Durum filtresi let matchesStatus = true; if (statusVal !== "all") matchesStatus = item.status === statusVal; // Rol filtresi let matchesRole = true; if (roleVal !== "all") matchesRole = item.role === roleVal; return matchesSearch && matchesStatus && matchesRole; );

let html = ""; for (const row of dataArray) const statusBadge = row.status === "active" ? '<span class="badge badge-active">✔ Aktif</span>' : '<span class="badge badge-inactive">⛔ Pasif</span>'; html += ` <tr> <td>$row.id</td> <td><strong>$escapeHtml(row.username)</strong></td> <td>$escapeHtml(row.email)</td> <td><span class="badge">$escapeHtml(row.role)</span></td> <td>$statusBadge</td> <td>$row.registered</td> </tr> `; tableBody.innerHTML = html;

// Filtreleme ve render ana fonksiyonu function filterAndRender() const searchTerm = searchInput.value.trim().toLowerCase(); const statusVal = statusFilter.value; const roleVal = roleFilter.value;

Credits

- Modèle 3D : Turbosquid (Acheté par Nunekas Rodrigues)

- Modèle 3D - Intérieur + Tableau de bord : Alterr

- Modèle 3D - Caches écrous : TheFmrr

- Conversion : ShowTNTC

- Sons : KRcd

- Textures : Showtc, LTC91, Alterr

- Repaints : Showtc, KRcd, LTC91, Stevenson

Galerie

navigate_before navigate_next

warning Le reupload, c'est interdit

Il est strictement interdit d'héberger les fichiers originaux ou d'autres fichiers sur des plateformes externes. Pour garantir la sécurité et l'intégrité de nos contenus, veuillez partager uniquement les liens officiels, tels que les liens vers les pages web ou les trailers. Par ailleurs, il est formellement interdit de partager les liens sous le sous domaine "files.agoprojects.fr".

Tout manquement à cette directive pourra entraîner des sanctions.

Merci de votre compréhension et de votre coopération.

Licence

Ce contenu est sous la licence : LC-01

Vous n'êtes pas autorisé à republier le contenu original téléchargé sur ce site, veuillez mettre uniquement le ou les liens officiels, comme le site, ou le trailer. Lorsque vous téléchargez ce contenu, vous acceptez la politique d'Ago'Projects, et de la licence.

Changelog

v1.0 - 2021-12-23

- Version initiale