3E Eğitim Platformu · Teslimat 3 — Bileşen Kataloğu · 2/5

Veri gösterimi

Tablo bu ürünün kalbidir; her tablonun mobil kart karşılığı tasarlanır. Tokenlar · Form · Grafik · Geri Bildirim · Navigasyon

Tablo standardı — sorgulama sonucu örneği
Sticky header · sıralama · kolon filtresi · çoklu seçim + bulk bar · satır aksiyonu · footer toplam · sayfalama
Tabloda ara…
İl: Kocaeli ✕ Durum: Süresi doldu +2 ✕ Temizle
＋ Filtre Görünümü kaydet Kolonlar KompaktRahat
2 kayıt seçildi Eğitim planına ekle Dışa aktar Seçimi bırak
− PERSONEL FİRMA EĞİTİM SERTİFİKA BİTİŞ ↓ DURUM
{{ r.cb }}
{{ r.ini }}
{{ r.ad }}
{{ r.tckn }}
 {{ r.firma }}
{{ r.il }}
 {{ r.egitim }} {{ r.bitis }}
{{ r.kalan }}
 {{ r.st }} ⋮
Toplam: 1.284 personel 312 firma — 476 süresi dolmuş 164 · 30 gün içinde
1.284 kayıttan 1–6 gösteriliyor
‹ 1 2 3 … 214 ›
Boş durum
Bu filtrelerle sonuç yok
"Kocaeli + Süresi doldu" için kayıt bulunamadı.
Filtreleri genişletmeyi deneyin.
Kayıtlı görünümler (filtre seti)
Kocaeli — süresi dolanlar
il + durum + eğitim türü · varsayılan görünümüm
AKTİF
3 ay kuralına girenler
işe giriş < 90 gün · satışla paylaşılıyor
Marmara — 90 gün penceresi
6 il · dolacaklar
09:413e eğitim
Sorgulama · 1.284 kayıt
Kocaeli ✕ Süresi doldu +2 ✕ ＋
TABLO → KART DÖNÜŞÜMÜ (375px)
{{ r.ini }}
{{ r.ad }}
{{ r.firma }} · {{ r.il }}
⋮
{{ r.st }} bitiş {{ r.bitis }}
Birincil bilgi kart başlığı, statü + kritik tarih alt satırda.
Bulk seçim: karta uzun basış. Sıralama/filtre üst bar'da kalır.
Statü rozet dili — tüm durum makineleri
Tek bileşen, tek dil: dot + tint pill. Aynı renk her akışta aynı anlam taşır.
{{ s.grup }}
{{ b.t }}
Kilit deseni: Bakanlık Onaylı → geçiş kilitli; rozet üstünde tooltip: "Bakanlık ID'si girilmedi"
Takvim — ay görünümü + yoğunluk
Temmuz 2026
‹›
AyHaftaGün
PZTSALÇARPERCUMCMTPAZ
{{ d.n }}
{{ e.t }}
eğitim bildirim son günü eğitmen müsait değil çakışma: hücre zemini kritik tint alır
Mobil ajanda görünümü
PZT 28 TEMMUZ
IMDG Kod — Görev 8
09:00–15:00 · Kocaeli · A. Yılmaz · 18/25
ÇAR 30 TEMMUZ
IMDG Kod — Görev 4 (Yenileme)
09:00–17:00 · İstanbul · M. Demir · 21/25
CUM 01 AĞUSTOS · SON GÜN
KUMS bildirimi — Görev 4
bildirim yapılmazsa eğitim ilerleyemez
Timeline — süreç / audit izi
Bakanlığa bildirildi — KUMS-2026-48213
Elif Karaca · 24.07.2026 14:32
Eğitmen atandı — A. Yılmaz (yetkinlik ✓)
Elif Karaca · 22.07.2026 11:05
Eğitmen ücreti override — ₺9.500 → ₺11.000
Gerekçe: hafta sonu tarifesi · Elif Karaca · 22.07.2026 10:58
Taslak oluşturuldu — planlama kuyruğundan
Elif Karaca · 21.07.2026 09:14
KPI kartı · progress · description list · kart standartları
KPI KARTI
₺486.500▲ %12
Temmuz geliri · geçen aya göre
KAPASİTE GÖSTERGELERİ
Görev 8 · Kocaeli18/25
Gözetim Temel · İzmir9/20
CTU Kod · Mersin4/20 asgari 3 ✓
DESCRIPTION LIST — DETAY SAYFASI YAPI TAŞI
Eğitim türüKurumsal
MüşteriCEVA Lojistik A.Ş.
Bakanlık IDKUMS-2026-48213
Kâr marjı%36 · ₺17.550
AY
A. Yılmaz · sürekli eğitmen
IMDG 1-13 · CTU ✓ · Fumigasyon ✕
›
Tıklanabilir kart: hover'da çerçeve koyulaşır + ok. Avatar her yerde initials; fotoğraf yok (KVKK yükü).
Sertifika kartı — ekran + PDF şablonu
3E
IMDG Kod Eğitim Sertifikası
T.C. UAB onaylı eğitim kuruluşu
GEÇERLİ
Murat Ergin
Görev 8 — Yük istifleme/ayırma
Kapsanan: Görev 5, Görev 6 §
Sertifika no3E-IMDG-26-04812
Veriliş30.07.2026
Geçerlilik30.07.2028
doğrula
SÜRESİ YAKLAŞIYOR
Bitişe 47 gün. Yenileme eğitimi teklif taslağı oluşturuldu.
SÜRESİ DOLDU
QR doğrulaması "geçersiz" döner; personel görevlendirmeye kapatılır.
PDF şablonu aynı yapıyı A4'te kullanır: başlık bandı, kimlik bloğu, kapsanan görevler (md.7 zorunlu alanı), QR + ıslak imza alanı.
Dosya ikonları:
PDF JPG XLS DOC
Boş durum stili: geometrik, tek renk (ink-300), 56px yuvarlak zemin — illüstrasyon yok, sadelik korunur.