Vasyka/autocrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Faza 7: White-label per tenant — logo + theme color dinamic

Browse Source 
- spatie/laravel-medialibrary instalat (migration media table)
- filament/spatie-laravel-media-library-plugin
- Company implements HasMedia + InteractsWithMedia
  - collections: 'logo' + 'favicon' (singleFile)
  - getLogoUrl() / getFaviconUrl() helpers
- Settings page extins: secțiune Logo & favicon cu FileUpload
  - On save: clear collection + addMedia from temp upload + cleanup tmp file
- TenantPanelProvider render hooks:
  - HEAD_END: theme-color meta + favicon + CSS vars override
    (--primary-50 → --primary-950 generate din hex theme_color)
  - SIDEBAR_LOGO_BEFORE: afișare logo upload-uit, max-height 56px

Cum funcționează:
- Tenant uploadează logo în Settings
- La fiecare request, render hook injectează <style> cu CSS vars custom
- Filament respectă --primary-* → toate butoanele/badge-urile primesc culoarea brand
- Logo apare deasupra meniului (sidebar)
This commit is contained in:
Vasyka
2026-05-07 12:51:19 +00:00
parent a7bb9838f4
commit f1d196f018
6 changed files with 623 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Providers/Filament/TenantPanelProvider.php
+41
View File
@@ -79,12 +79,53 @@ class TenantPanelProvider extends PanelProvider
$t = app(\App\Tenancy\TenantManager::class)->current();
$themeColor = $t?->settings['theme_color'] ?? '#3B82F6';
$name = $t?->display_name ?? $t?->name ?? 'AutoCRM';
$favicon = $t?->getFaviconUrl();
// Generate primary color shades from theme_color hex.
$hex = ltrim($themeColor, '#');
if (strlen($hex) === 6) {
$r = hexdec(substr($hex, 0, 2));
$g = hexdec(substr($hex, 2, 2));
$b = hexdec(substr($hex, 4, 2));
} else { $r = 59; $g = 130; $b = 246; }
@endphp
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="{{ $themeColor }}">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="{{ $name }}">
@if ($favicon)
<link rel="icon" type="image/png" href="{{ $favicon }}">
<link rel="apple-touch-icon" href="{{ $favicon }}">
@endif
<style>
:root {
--primary-50: {{ "rgb({$r} {$g} {$b} / 0.05)" }};
--primary-100: {{ "rgb({$r} {$g} {$b} / 0.10)" }};
--primary-200: {{ "rgb({$r} {$g} {$b} / 0.20)" }};
--primary-300: {{ "rgb({$r} {$g} {$b} / 0.35)" }};
--primary-400: {{ "rgb({$r} {$g} {$b} / 0.55)" }};
--primary-500: {{ "rgb({$r} {$g} {$b})" }};
--primary-600: {{ "rgb({$r} {$g} {$b})" }};
--primary-700: {{ "rgb(" . max(0,$r-20) . " " . max(0,$g-20) . " " . max(0,$b-20) . ")" }};
--primary-800: {{ "rgb(" . max(0,$r-40) . " " . max(0,$g-40) . " " . max(0,$b-40) . ")" }};
--primary-900: {{ "rgb(" . max(0,$r-60) . " " . max(0,$g-60) . " " . max(0,$b-60) . ")" }};
--primary-950: {{ "rgb(" . max(0,$r-80) . " " . max(0,$g-80) . " " . max(0,$b-80) . ")" }};
}
</style>
BLADE)
)
->renderHook(
PanelsRenderHook::SIDEBAR_LOGO_BEFORE,
fn (): string => Blade::render(<<<'BLADE'
@php
$t = app(\App\Tenancy\TenantManager::class)->current();
$logo = $t?->getLogoUrl();
@endphp
@if ($logo)
<div style="padding: 12px 16px; display: flex; justify-content: center; border-bottom: 1px solid rgba(0,0,0,.06);">
<img src="{{ $logo }}" alt="logo" style="max-height: 56px; max-width: 100%;">
</div>
@endif
BLADE)
)
->renderHook(