refactor: implement configurable notification styles with formal and cheerful modes based on user preferences

This commit is contained in:
Yoga Pangestu 2026-03-30 18:33:45 +07:00
parent 7c9493ad3d
commit ae52c75bd3
6 changed files with 149 additions and 69 deletions

View File

@ -96,7 +96,9 @@ public function authenticate(): ?LoginResponse
if ($user->is_active === IsActive::Inactive) { if ($user->is_active === IsActive::Inactive) {
SystemNotification::danger( SystemNotification::danger(
'Akses Ditangguhkan ⛔', 'Akses Ditangguhkan ⛔',
'Maaf, Anda tidak dapat masuk karena status akun saat ini sedang tidak aktif. Silakan hubungi Administrator untuk informasi lebih lanjut. 😴' 'Maaf, Anda tidak dapat masuk karena status akun saat ini sedang tidak aktif. Silakan hubungi Administrator untuk informasi lebih lanjut. 😴',
'Akses Akun Terbatas',
'Akun Anda saat ini dalam status tidak aktif. Mohon hubungi pihak Administrator untuk klarifikasi lebih lanjut.'
)->send(); )->send();
throw ValidationException::withMessages([ throw ValidationException::withMessages([
@ -146,7 +148,9 @@ public function authenticate(): ?LoginResponse
SystemNotification::success( SystemNotification::success(
'Berhasil Masuk ✨', 'Berhasil Masuk ✨',
'Selamat datang kembali, '.$user->name.'. Sesi Anda telah berhasil diaktifkan dengan aman.' 'Selamat datang kembali, '.$user->name.'. Sesi Anda telah berhasil diaktifkan dengan aman. 👋',
'Otentikasi Berhasil',
'Selamat datang, '.$user->name.'. Sesi autentikasi Anda telah berhasil dikonfirmasi oleh sistem.'
)->send(); )->send();
return app(LoginResponse::class); return app(LoginResponse::class);
@ -156,7 +160,9 @@ protected function throwFailureValidationException(): never
{ {
SystemNotification::danger( SystemNotification::danger(
'Gagal Masuk 🚫', 'Gagal Masuk 🚫',
'Terjadi kendala saat proses masuk. Mohon periksa kembali alamat surel atau kata sandi Anda.' 'Terjadi kendala saat proses masuk. Mohon periksa kembali alamat surel atau kata sandi Anda. 😟',
'Otentikasi Gagal',
'Upaya masuk gagal dilakukan. Mohon lakukan verifikasi kembali pada kredensial yang Anda masukkan.'
)->send(); )->send();
throw ValidationException::withMessages([]); throw ValidationException::withMessages([]);

View File

@ -7,7 +7,6 @@
use App\Filament\Support\SystemNotification; use App\Filament\Support\SystemNotification;
use Carbon\Carbon; use Carbon\Carbon;
use Filament\Auth\Pages\EditProfile; use Filament\Auth\Pages\EditProfile;
use Filament\Forms\Components\ColorPicker;
use Filament\Forms\Components\DatePicker; use Filament\Forms\Components\DatePicker;
use Filament\Forms\Components\Radio; use Filament\Forms\Components\Radio;
use Filament\Forms\Components\Select; use Filament\Forms\Components\Select;

View File

@ -33,8 +33,10 @@ protected function setUp(): void
$livewire->js("if (navigator.clipboard) { navigator.clipboard.writeText('{$url}').catch(() => {}); }"); $livewire->js("if (navigator.clipboard) { navigator.clipboard.writeText('{$url}').catch(() => {}); }");
SystemNotification::success( SystemNotification::success(
'Tautan Berhasil Disalin ✨', 'Tautan Berhasil Disalin ✨🚀',
'Tautan telah disalin ke clipboard dan siap untuk dibagikan.' 'Tautan telah disalin ke clipboard dan siap untuk dibagikan. 📋',
'Penyalinan Tautan Berhasil',
'Tautan URL telah berhasil disalin ke papan klip sistem.'
)->send(); )->send();
}); });
} }

View File

@ -31,8 +31,10 @@ protected function setUp(): void
$livewire->js("if (navigator.clipboard) { navigator.clipboard.writeText('{$url}').catch(() => {}); }"); $livewire->js("if (navigator.clipboard) { navigator.clipboard.writeText('{$url}').catch(() => {}); }");
SystemNotification::success( SystemNotification::success(
'Tautan Berhasil Disalin ✨', 'Tautan Berhasil Disalin ✨🚀',
'Tautan telah disalin ke clipboard dan siap untuk dibagikan.' 'Tautan telah disalin ke clipboard dan siap untuk dibagikan. 📋',
'Penyalinan Tautan Berhasil',
'Tautan URL telah berhasil disalin ke papan klip sistem.'
)->send(); )->send();
}); });
} }

View File

@ -2,7 +2,9 @@
namespace App\Filament\Support; namespace App\Filament\Support;
use App\Enums\NotifStyle;
use Filament\Notifications\Notification; use Filament\Notifications\Notification;
use Illuminate\Support\Facades\Auth;
class SystemNotification class SystemNotification
{ {
@ -19,10 +21,10 @@ public static function make(): Notification
*/ */
public static function create(): Notification public static function create(): Notification
{ {
return self::make() return self::success(
->title('Data Berhasil Disimpan ✨') self::getMessage('Hore! Data Tersimpan 🎉✨', 'Data Berhasil Disimpan'),
->body('Data baru telah berhasil ditambahkan ke dalam sistem.') self::getMessage('Data baru berhasil ditambahkan! Sistem sudah menyimpannya dengan aman. 🚀💪', 'Data baru telah berhasil ditambahkan ke dalam sistem.')
->success(); );
} }
/** /**
@ -30,10 +32,10 @@ public static function create(): Notification
*/ */
public static function update(): Notification public static function update(): Notification
{ {
return self::make() return self::success(
->title('Perubahan Berhasil Disimpan ✅') self::getMessage('Mantap! Data Diperbarui ✅🔥', 'Perubahan Tersimpan'),
->body('Pembaruan data telah berhasil disimpan dengan aman.') self::getMessage('Perubahan berhasil disimpan! Data sekarang sudah up-to-date dan segar lagi. ✨👌', 'Perubahan pada data telah berhasil diperbarui dan disimpan.')
->success(); );
} }
/** /**
@ -41,10 +43,10 @@ public static function update(): Notification
*/ */
public static function delete(): Notification public static function delete(): Notification
{ {
return self::make() return self::success(
->title('Data Berhasil Dihapus 🗑️') self::getMessage('Oke, Data Dihapus 🗑️👋', 'Data Dihapus'),
->body('Data yang dipilih telah berhasil dihapus dari sistem.') self::getMessage('Data tersebut sudah berhasil dihapus dari sistem. Semuanya bersih dan rapi sekarang! 😊🚮', 'Data tersebut telah berhasil dihapus dari sistem aplikasi.')
->success(); );
} }
/** /**
@ -52,10 +54,10 @@ public static function delete(): Notification
*/ */
public static function forceDelete(): Notification public static function forceDelete(): Notification
{ {
return self::make() return self::success(
->title('Data Dihapus Secara Permanen 🛡️') self::getMessage('Selamat Tinggal Selamanya 👋😢', 'Data Dihapus Permanen'),
->body('Data telah dihapus secara permanen dan tidak dapat dipulihkan kembali.') self::getMessage('Data telah dihapus permanen dan tidak bisa kembali. Semoga ini keputusan yang tepat! 🚮💨', 'Data tersebut telah dihapus secara permanen dari sistem.')
->success(); );
} }
/** /**
@ -63,10 +65,10 @@ public static function forceDelete(): Notification
*/ */
public static function restore(): Notification public static function restore(): Notification
{ {
return self::make() return self::success(
->title('Data Berhasil Dipulihkan 🔄') self::getMessage('Welcome Back! Data Pulih ♻️✨', 'Data Berhasil Dipulihkan'),
->body('Data telah berhasil dikembalikan dan diaktifkan kembali di sistem.') self::getMessage('Data berhasil dikembalikan! Hati-hati ya, jangan sampai terhapus lagi. 😉👍', 'Data yang dihapus sebelumnya telah berhasil dipulihkan ke dalam sistem.')
->success(); );
} }
/** /**
@ -74,10 +76,10 @@ public static function restore(): Notification
*/ */
public static function statusUpdated(?string $title = null, ?string $body = null): Notification public static function statusUpdated(?string $title = null, ?string $body = null): Notification
{ {
return self::make() return self::success(
->title($title ?? 'Status Berhasil Diperbarui') $title ?? self::getMessage('Status Berubah! 🔄✨', 'Status Diperbarui'),
->body($body ?? 'Status data telah berhasil diperbarui dan sudah aktif kembali.') $body ?? self::getMessage('Status data berhasil diperbarui. Perubahan langsung aktif ya! 👍', 'Status data telah berhasil diperbarui dan telah diterapkan.')
->success(); );
} }
/** /**
@ -85,10 +87,10 @@ public static function statusUpdated(?string $title = null, ?string $body = null
*/ */
public static function bulkDelete(): Notification public static function bulkDelete(): Notification
{ {
return self::make() return self::success(
->title('Data Massal Berhasil Dihapus 📁') self::getMessage('Oke, Banyak Data Dihapus 🗑️👋', 'Data Berhasil Dihapus'),
->body('Seluruh data yang dipilih telah berhasil dihapus dari sistem.') self::getMessage('Semua data yang dipilih berhasil dihapus. Sistem makin lega deh! 😊', 'Seluruh data yang dipilih telah berhasil dihapus dari sistem.')
->success(); );
} }
/** /**
@ -96,10 +98,10 @@ public static function bulkDelete(): Notification
*/ */
public static function bulkForceDelete(): Notification public static function bulkForceDelete(): Notification
{ {
return self::make() return self::success(
->title('Penghapusan Massal Permanen Berhasil ⚙️') self::getMessage('Bye Bye Semua! 👋🔥', 'Data Dihapus Permanen'),
->body('Seluruh data terpilih telah dihapus secara permanen dari sistem.') self::getMessage('Data yang dipilih sudah dihapus permanen. Bersih total! 🧹💨', 'Data yang dipilih telah berhasil dihapus secara permanen.')
->success(); );
} }
/** /**
@ -107,53 +109,123 @@ public static function bulkForceDelete(): Notification
*/ */
public static function bulkRestore(): Notification public static function bulkRestore(): Notification
{ {
return self::make() return self::success(
->title('Pemulihan Massal Berhasil ✨') self::getMessage('Hore! Banyak Data Pulih ♻️🎉', 'Data Berhasil Dipulihkan'),
->body('Seluruh data yang dipilih telah berhasil dipulihkan kembali ke sistem.') self::getMessage('Data-data tersebut sudah kembali aktif. Selamat bekerja kembali! 💪✨', 'Seluruh data yang dipilih telah berhasil dikembalikan ke posisi semula.')
->success(); );
} }
/** /**
* Custom cheerful success notification. * Success notification wrapper.
*/ */
public static function success(string $title, string $body): Notification public static function success(string $title, string $body, ?string $formalTitle = null, ?string $formalBody = null): Notification
{ {
return self::make() $finalTitle = self::getMessage($title, $formalTitle ?? $title);
->title($title) $finalBody = self::getMessage($body, $formalBody ?? $body);
->body($body)
->success(); return self::applyStyle(
self::make()
->title(self::clean($finalTitle))
->body(self::clean($finalBody))
->success()
);
} }
/** /**
* Custom cheerful info notification. * Custom info notification.
*/ */
public static function info(string $title, string $body): Notification public static function info(string $title, string $body, ?string $formalTitle = null, ?string $formalBody = null): Notification
{ {
return self::make() $finalTitle = self::getMessage($title, $formalTitle ?? $title);
->title($title) $finalBody = self::getMessage($body, $formalBody ?? $body);
->body($body)
->info(); return self::applyStyle(
self::make()
->title(self::clean($finalTitle))
->body(self::clean($finalBody))
->info()
);
} }
/** /**
* Custom cheerful warning notification. * Custom warning notification.
*/ */
public static function warning(string $title, string $body): Notification public static function warning(string $title, string $body, ?string $formalTitle = null, ?string $formalBody = null): Notification
{ {
return self::make() $finalTitle = self::getMessage($title, $formalTitle ?? $title);
->title($title) $finalBody = self::getMessage($body, $formalBody ?? $body);
->body($body)
->warning(); return self::applyStyle(
self::make()
->title(self::clean($finalTitle))
->body(self::clean($finalBody))
->warning()
);
} }
/** /**
* Custom cheerful danger notification. * Custom danger notification.
*/ */
public static function danger(string $title, string $body): Notification public static function danger(string $title, string $body, ?string $formalTitle = null, ?string $formalBody = null): Notification
{ {
return self::make() $finalTitle = self::getMessage($title, $formalTitle ?? $title);
->title($title) $finalBody = self::getMessage($body, $formalBody ?? $body);
->body($body)
->danger(); return self::applyStyle(
self::make()
->title(self::clean($finalTitle))
->body(self::clean($finalBody))
->danger()
);
}
/**
* Apply the user's selected style to the notification.
*/
protected static function applyStyle(Notification $notification): Notification
{
if (self::getNotifStyle() === NotifStyle::Formal) {
$notification->icon(null);
}
return $notification;
}
/**
* Get the current user's notification style preference.
*/
public static function getNotifStyle(): NotifStyle
{
try {
/** @var \App\Models\User $user */
$user = Auth::user();
return $user?->settings?->notif_style ?? NotifStyle::Cheerful;
} catch (\Throwable $e) {
return NotifStyle::Cheerful;
}
}
/**
* Get message based on the user's notification style preference.
*/
public static function getMessage(string $cheerful, string $formal): string
{
return self::getNotifStyle() === NotifStyle::Cheerful ? $cheerful : $formal;
}
/**
* Strip emojis if the notification style is formal.
*/
public static function clean(string $text): string
{
if (self::getNotifStyle() === NotifStyle::Formal) {
// Comprehensive regex to remove emojis and symbols
$regex = '/[\x{1F600}-\x{1F64F}\x{1F300}-\x{1F5FF}\x{1F680}-\x{1F6FF}\x{2600}-\x{26FF}\x{2700}-\x{27BF}\x{1F900}-\x{1F9FF}\x{1F1E0}-\x{1F1FF}]/u';
return trim(preg_replace($regex, '', $text));
}
return $text;
} }
} }

View File

@ -6,7 +6,6 @@
use App\Filament\Pages\Auth\Login; use App\Filament\Pages\Auth\Login;
use App\Filament\Pages\Profile; use App\Filament\Pages\Profile;
use App\Http\Middleware\DynamicFilamentTheme; use App\Http\Middleware\DynamicFilamentTheme;
use App\Models\User;
use BezhanSalleh\FilamentShield\FilamentShieldPlugin; use BezhanSalleh\FilamentShield\FilamentShieldPlugin;
use DiogoGPinto\AuthUIEnhancer\AuthUIEnhancerPlugin; use DiogoGPinto\AuthUIEnhancer\AuthUIEnhancerPlugin;
use Filament\Http\Middleware\Authenticate; use Filament\Http\Middleware\Authenticate;