Ana içeriğe geç

Kontrol Paneli (Dashboard)

Version Docs Updated

React SPA (v4.36.0'dan beri)

Kontrol Paneli v4.36.0 sürümünde, özel bir REST API ile desteklenen tam bir React SPA'ya taşındı. Sayfa, PHP tam sayfa render'ı olmadan yüklenir — tüm veriler /wp-json/mhm-rentiva/v1/dashboard/* uç noktaları üzerinden asenkron çekilir. jQuery bağımlılığı yok. Eski PHP widget'ları kaldırıldı.

Kontrol Paneli, MHM Rentiva'nın kalbidir. İşletmenizin anlık durumunu, finansal performansını ve bekleyen operasyonel görevleri tek bir ekranda görmenizi sağlar. MHM Rentiva > Kontrol Paneli menüsünden ulaşılır.

Eklenti yüklendiğinde sizi karşılayan bu ekran, veriye dayalı kararlar almanız için kritik metrikleri sunar.

🖼️ GÖRSEL: KONTROL PANELİ VE REZERVASYON TAKVİMİ

mhm-rentiva-dashboard-calendar-view

📊 Özet İstatistik Kartları (Real-time Metrics)​

Panelin en üstünde, mevcut aya ait (veya seçilen periyottaki) performans verileri simgesel kartlarla gösterilir:

  • Aylık Rezervasyonlu Araçlar: Toplam rezervasyon alan araç sayısı ve bunların toplam rezervasyon adedi.
  • Etkin Olmayan Araçlar: Şu an kiralamaya kapalı veya pasif durumdaki araç sayısı.
  • Bakım Altındaki Araçlar: Teknik servis veya bakım modunda işaretlenmiş araçların sayısı.
  • Ort. Aylık Gelir: Seçilen ayın toplam cirosu ve bir önceki aya göre büyüme/küçülme oranı (%).

📅 Aylık Rezervasyon Takvimi​

Dashboard'un merkezinde yer alan interaktif takvim, tüm filonuzun doluluk oranını görselleştirir.

  • Araç Bazlı Satırlar: Sol sütunda araç listesi (Model ve Plaka) yer alır.
  • Durum Renkleri (Legend):
    • ● Beklemede: Henüz onaylanmamış rezervasyonlar.
    • ● Onaylı: Ödemesi alınmış veya admin tarafından onaylanmış işlemler.
    • ● Devam Etmekte: Araç şu an müşteride olan işlemler.
    • ● Tamamlandı: Kiralama süreci başarıyla bitmiş rezervasyonlar.
    • ● İptal Edildi: İptal edilmiş kayıtlar.
  • İnteraktif Navigasyon: Ay butonları ile geçmiş ve gelecek dönemlere hızlı geçiş yapabilirsiniz.

🔍 Rezervasyon Detayları Paneli​

Takvim üzerindeki herhangi bir rezervasyon kutucuğuna tıklandığında (veya üzerine gelindiğinde) detaylı bir pop-up açılır:

  • Müşteri Bilgileri: Ad, E-posta ve Telefon.
  • Tarih ve Saat: Teslim alma ve iade (Return) zamanları.
  • Finansal Özet: Toplam rezervasyon bedeli.
  • Hızlı Erişim: "Rezervasyonu Düzenle" butonu ile doğrudan işlem sayfasına gidebilirsiniz.

🛠️ İnteraktif Özellikler​

Kontrol Paneli kullanıcı deneyimi için şu hızlı araçları sunar:

  • Dışa Aktar: İstatistikleri veya listeleri rapor formatında indirme.
  • Widget Düzenleme: Ekran ayarları (Screen Options) ile hangi kartların görüneceğini seçebilirsiniz.
  • Önbellek (Cache) Yönetimi: "Önbelleği Temizle" ile anlık veritabanı yansımasına ulaşın.

v4.23.0 Widget Denetimi ve İyileştirmeler​

v4.23.0 sürümünde Dashboard widget'larında kapsamlı bir denetim ve iyileştirme yapılmıştır:

Düzeltilen Hatalar​

  • Timezone tutarlılığı: Geri sayım ve yaklaşan operasyon widget'larında time() yerine current_time('timestamp') kullanılarak WordPress timezone ayarına uyum sağlandı.
  • Cache invalidation: İstatistik widget'ı cache key prefix uyumsuzluğu düzeltildi (mhm_dashboard_stats → mhm_rentiva_dashboard_stats).
  • Status senkronizasyonu: updated_post_meta + added_post_meta hook'ları eklenerek meta güncellemelerinde durum tutarlılığı sağlandı.
  • WooCommerce email görselleri: Rezervasyon onay e-postalarında araç görseli artık doğru şekilde gösteriliyor.
  • Takvim popup saat bilgisi: Rezervasyon detay popup'ında teslim alma/iade saatleri eklendi.
  • ID uyumsuzluğu: WooCommerce order ID ile rezervasyon ID eşleştirmesi düzeltildi.

Tasarım İyileştirmeleri​

  • İstatistik kartları: 2x2 grid, ikonlar ve renk kodlaması ile yeniden tasarlandı.
  • Gelir grafiği: Tarih formatı yerelleştirildi, iptal edilen rezervasyonlar kırmızı kesikli dataset olarak eklendi.
  • Mesajlar widget'ı: Self-contained inline CSS, badge, avatar initials ve "ne kadar önce" zaman gösterimi.
  • Yaklaşan operasyonlar: Saat bilgisi, display ID ve tıklanabilir link desteği.

Lite Kısıtlamaları​

  • Gelir Grafiği ve Yaklaşan Operasyonlar widget'ları artık sadece Pro sürümde kullanılabilir (Mode::canUseAdvancedReports()).

Bölüm Özeti​

  • Dashboard ile filonuzun 30 günlük projeksiyonunu izleyin.
  • Renk Kodları ile hangi aracın hangi tarihte müsait olduğunu anında anlayın.
  • Müşteri Kartları ile rezervasyon detaylarına saniyeler içinde ulaşın.

React Bileşenleri (v4.36.0+)​

BileşenAmaç
DashboardPageKök yerleşim — tüm veriyi çeker, yükleme durumunu yönetir
StatsCardsDört KPI gradyan kartı (toplam rezervasyon, gelir, aktif araçlar, müşteriler)
RecentBookingsREST çekimli sayfalandırılmış son rezervasyonlar widget'ı
TransferWidgetYaklaşan transferlere genel bakış
QuickActionsSık kullanılan yönetici görevlerine hızlı bağlantı grid'i

REST Ad Alanı: GET /wp-json/mhm-rentiva/v1/dashboard/stats, /dashboard/recent-bookings, /dashboard/recent-transfers

Mobil duyarlı: Kontrol Paneli widget satırları ≤782px'te (WP yönetici breakpoint) tek sütuna iner. Hızlı işlemler grid'i 3 sütuna düşer.

Değişiklik Günlüğü​

TarihSürümNot
12.05.20264.49.0Kontrol Paneli widget satırları mobil duyarlılık düzeltmesi (782px breakpoint).
10.05.20264.36.0Tam React SPA geçişi. Eski PHP widget'ları kaldırıldı. REST API uç noktaları eklendi.
26.03.20264.23.011 widget hata düzeltmesi, timezone tutarlılığı, cache fix, tasarım iyileştirmeleri ve Lite gating eklendi.
19.03.20264.6.3Kontrol Paneli rehberi gerçek arayüz metrikleri ve takvim detaylarıyla güncellendi.