8. Kart Tasarımı — DataGrid (Table)
Bu adımda DataGrid widget'ın dış kart görünümü yapılandırılır.
Sihirbaz rotası: /cartography/add/carddesign
1. General Settings
| Alan | Açıklama | Birim |
|---|---|---|
| Chart Name | Kartın üst kısmındaki başlık (örn. "Aktif Alarmlar") | metin |
| Chart Refresh Interval | Veri yeniden çekme periyodu | saniye |
DataGrid için Refresh Interval Önerisi
| Senaryo | Önerilen Refresh |
|---|---|
| Aktif alarm listesi | 15 - 30 sn |
| Vardiya üretim log | 60 - 300 sn |
| Bakım geçmişi | 300 - 600 sn |
| Reçete parametreleri (sabit) | 0 (manuel) |
| Son sensör okuması | 30 - 60 sn |
Çok Sık Refresh
DataGrid sayfa pozisyonu, sıralama ve filtreyi her refresh'te resetlemek isteyebilir. Refresh sırasında kullanıcı tablo etkileşimini bozmamak için Refresh Interval ≥ 30 sn önerilir.
2. Card Display
| Alan | Açıklama | Tip |
|---|---|---|
| Card Background Color | Arka plan rengi | renk |
| Card Title Position | Sol / Orta / Sağ | enum |
| Card Title Color | Başlık metin rengi | renk |
| Card Title Font Size | Başlık font boyutu | px |
3. Info Card
## Aktif Alarmlar
- 🔴 **Yüksek**: Hattı durdur, bakım çağır
- 🟡 **Orta**: Vardiya sonu raporu
- ⚪ **Düşük**: Bilgi amaçlı
> Son 24 saat, en fazla 500 satır
| Alan | Açıklama |
|---|---|
| Show Info Card | Info card görünür mü |
| Info Card Content | Markdown editör |
| Expand Editor | Tam ekran editör |
4. Spacing
| Alan | Açıklama | Birim |
|---|---|---|
| Padding | Kart iç boşluğu | px |
DataGrid Padding
DataGrid çok kolonlu olduğu için Padding'i 8-12 px tutun; tabloya maksimum yer kalsın.
5. Border
| Alan | Açıklama | Birim |
|---|---|---|
| Border Color | Kart kenarlık rengi | renk |
| Border Radius | Köşe yuvarlama yarıçapı | px |
| Border Width | Kenarlık kalınlığı | px |
6. Shadow (varsa)
| Alan | Açıklama |
|---|---|
| Shadow Blur | Gölge yumuşaklığı |
| Shadow Offset X / Y | Gölge yön kayması |
| Shadow Opacity | Gölge şeffaflığı |
7. Onaylama
Sağ üstteki Next butonuna tıkladığınızda flow.hasCardDesign = true işaretlenir.