Theme Management - Routes & UI Planlaması

Tarih: 2025-11-24 | Tenant: Central (tuufi.com) | Konu: Tema seçim ve yönetim sistemi route planlaması

Mevcut Durum

Şu An Çalışan Sistem:

  • Theme Management Modülü: /admin/thememanagement - Tema listesi ve düzenleme
  • Tenant Management: /admin/tenantmanagement - Tenant'a tema atama (theme_id dropdown)
  • Subheader Seçimi: TenantComponent içinde theme_settings.subheader_style

Problem: Tema ayarları iki farklı yerde (ThemeManagement + TenantManagement). Kullanıcı karışabilir.

Önerilen Route Yapısı

1. Theme Management - Ana Modül Ana Sistem

Route Açıklama Durum
/admin/thememanagement Tema listesi (tüm temalar) Mevcut
/admin/thememanagement/manage/{id?} Tema düzenleme/oluşturma Mevcut
/admin/thememanagement/preview/{id} Tema önizleme (canlı görüntü) Yeni
/admin/thememanagement/settings Global tema ayarları Yeni

2. Tenant Theme Settings Entegrasyon

Tenant bazlı tema ayarları için iki seçenek:

Seçenek A: Mevcut Yapıyı Koru

  • Tema seçimi: /admin/tenantmanagement içinde kalır
  • Subheader stili: Tenant edit modal'ında
  • Avantaj: Minimum değişiklik

Seçenek B: Ayrı Theme Settings Sayfası

Route Açıklama
/admin/tenant-settings/theme Mevcut tenant için tema ayarları

Avantaj: Daha organize, tema ile ilgili tüm ayarlar tek yerde

3. Önerilen Akış Kullanıcı Deneyimi

Admin Panel ├── Tema Yönetimi (/admin/thememanagement) │ ├── Tema Listesi (tüm sistemdeki temalar) │ ├── Tema Ekle/Düzenle │ └── Varsayılan Tema Ayarla │ ├── Tenant Yönetimi (/admin/tenantmanagement) │ ├── Tenant Listesi │ └── Tenant Düzenle │ ├── Temel Bilgiler (ad, email, telefon) │ ├── Tema Seçimi (dropdown) │ ├── Subheader Stili (dropdown) │ └── AI Provider │ └── Site Ayarları (/admin/settings) [Opsiyonel] └── Görünüm Ayarları ├── Tema Seçimi ├── Subheader Stili └── Renk Şeması

Yapılacaklar

1. Mevcut Sistemi Koruma (Önerilen) Hemen

Şu anki yapı çalışıyor ve mantıklı:

  • ThemeManagement: Global tema yönetimi (admin)
  • TenantManagement: Tenant'a tema + ayar atama

Değişiklik gerekmez, sadece UI iyileştirmeleri yapılabilir.

2. Theme Preview Özelliği (İsteğe Bağlı) Sonra

Tema seçerken canlı önizleme gösterimi:

  • Modal içinde iframe ile tema önizleme
  • Farklı subheader stillerini görme
  • Mobil/tablet görünümü test etme

3. Gelişmiş Theme Settings (İsteğe Bağlı) İleride

theme_settings JSON'a eklenebilecek diğer ayarlar:

  • color_scheme - Renk teması (light/dark/auto)
  • header_style - Header varyantı
  • footer_style - Footer varyantı
  • sidebar_position - Sidebar pozisyonu
  • font_family - Font seçimi

Sonuç

Öneri: Mevcut yapı yeterli ve çalışıyor. Tenant'lar tema ve subheader stilini /admin/tenantmanagement üzerinden seçebilir. Ek route oluşturmaya gerek yok.

Eğer daha fazla tema ayarı eklenecekse (renk, font, header vb.), o zaman ayrı bir /admin/tenant-settings/theme sayfası mantıklı olur.