apksel-dev/apskel-owner-flutter
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update notification

Browse Source
This commit is contained in:
Efril
2026-05-12 01:54:24 +07:00
parent 3985611a0e
commit 9b6e9c591d
13 changed files with 232 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/constant/app_constant.dart
+1 -1
View File
@@ -1,3 +1,3 @@
class AppConstant {
static const String appName = "Apskel Owner";
static const String appName = "Enaklo Owner";
}
lib/common/theme/app_color.dart
+5 -6
View File
@@ -2,9 +2,9 @@ part of 'theme.dart';
class AppColor {
// Primary Colors
static const Color primary = Color(0xFF36175e);
static const Color primaryLight = Color(0xFF5a2d85);
static const Color primaryDark = Color(0xFF1e0d35);
static const Color primary = Color.fromARGB(255, 196, 2, 2); // #d90000
static const Color primaryLight = Color(0xFFFF4D4D); // merah terang
static const Color primaryDark = Color(0xFF990000); // merah gelap
// Secondary Colors
static const Color secondary = Color(0xFF4CAF50);
@@ -41,10 +41,9 @@ class AppColor {
// Gradient Colors
static const List<Color> primaryGradient = [
Color(0xFF36175e),
Color(0xFF5a2d85),
Color(0xFFD90000), // primary
Color(0xFF990000), // dark red
];
static const List<Color> successGradient = [
Color(0xFF4CAF50),
Color(0xFF81C784),
lib/common/utils/fcm_service.dart
+54 -4
View File
@@ -1,15 +1,54 @@
import 'dart:convert';
import 'dart:io';
import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_messaging/firebase_messaging.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter_local_notifications/flutter_local_notifications.dart';
import 'package:injectable/injectable.dart';
/// Background message handler — must be a top-level function.
/// Firebase must be initialized here for background isolate.
@pragma('vm:entry-point')
Future<void> firebaseMessagingBackgroundHandler(RemoteMessage message) async {
await Firebase.initializeApp();
debugPrint('[FCM] Background message: ${message.messageId}');
// Show local notification for data-only messages in background
await _showBackgroundNotification(message);
}
/// Standalone local notifications plugin for background isolate use.
final _backgroundLocalNotifications = FlutterLocalNotificationsPlugin();
Future<void> _showBackgroundNotification(RemoteMessage message) async {
const androidInit = AndroidInitializationSettings('@drawable/ic_notification');
await _backgroundLocalNotifications.initialize(
const InitializationSettings(android: androidInit),
);
final notification = message.notification;
// Only show manually for data-only messages (FCM auto-shows notification messages)
if (notification != null) return;
final title = message.data['title'] as String?;
final body = message.data['body'] as String?;
if (title == null && body == null) return;
await _backgroundLocalNotifications.show(
message.hashCode,
title,
body,
const NotificationDetails(
android: AndroidNotificationDetails(
'high_importance_channel',
'High Importance Notifications',
importance: Importance.high,
priority: Priority.high,
icon: '@drawable/ic_notification',
),
),
payload: jsonEncode(message.data),
);
}
@lazySingleton
@@ -23,7 +62,10 @@ class FcmService {
'high_importance_channel',
'High Importance Notifications',
description: 'This channel is used for important notifications.',
importance: Importance.high,
importance: Importance.max, // max agar banner (heads-up) muncul
playSound: true,
enableVibration: true,
enableLights: true,
);
/// Call this once during app startup (after Firebase.initializeApp).
@@ -124,11 +166,19 @@ class FcmService {
_androidChannel.id,
_androidChannel.name,
channelDescription: _androidChannel.description,
icon: '@mipmap/launcher_icon',
importance: Importance.high,
icon: '@drawable/ic_notification',
importance: Importance.max,
priority: Priority.high,
playSound: true,
enableVibration: true,
// Heads-up notification (banner)
fullScreenIntent: false,
),
iOS: const DarwinNotificationDetails(
presentAlert: true,
presentBadge: true,
presentSound: true,
),
iOS: const DarwinNotificationDetails(),
),
payload: jsonEncode(message.data),
);
lib/presentation/pages/home/widgets/feature.dart
+30 -30
View File
@@ -62,36 +62,36 @@ class HomeFeature extends StatelessWidget {
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
HomeFeatureTile(
title: context.lang.form,
color: const Color(0xFFE91E63),
icon: LineIcons.fileAlt,
onTap: () => context.router.push(DailyTasksFormRoute()),
),
HomeFeatureTile(
title: context.lang.schedule,
color: const Color(0xFF9C27B0),
icon: LineIcons.calendar,
onTap: () => context.router.push(ScheduleRoute()),
),
HomeFeatureTile(
title: context.lang.inventory,
color: const Color(0xFF00BCD4),
icon: LineIcons.archive,
onTap: () => context.router.push(InventoryRoute()),
),
HomeFeatureTile(
title: context.lang.customer,
color: const Color(0xFFFF5722),
icon: LineIcons.userPlus,
onTap: () => context.router.push(CustomerRoute()),
),
],
),
// Row(
// mainAxisAlignment: MainAxisAlignment.spaceAround,
// crossAxisAlignment: CrossAxisAlignment.start,
// children: [
// HomeFeatureTile(
// title: context.lang.form,
// color: const Color(0xFFE91E63),
// icon: LineIcons.fileAlt,
// onTap: () => context.router.push(DailyTasksFormRoute()),
// ),
// HomeFeatureTile(
// title: context.lang.schedule,
// color: const Color(0xFF9C27B0),
// icon: LineIcons.calendar,
// onTap: () => context.router.push(ScheduleRoute()),
// ),
// HomeFeatureTile(
// title: context.lang.inventory,
// color: const Color(0xFF00BCD4),
// icon: LineIcons.archive,
// onTap: () => context.router.push(InventoryRoute()),
// ),
// HomeFeatureTile(
// title: context.lang.customer,
// color: const Color(0xFFFF5722),
// icon: LineIcons.userPlus,
// onTap: () => context.router.push(CustomerRoute()),
// ),
// ],
// ),
],
),
);
lib/presentation/pages/profile/profile_page.dart
+89 -2
View File
@@ -1,5 +1,7 @@
import 'package:auto_route/auto_route.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:line_icons/line_icons.dart';
import 'package:loader_overlay/loader_overlay.dart';
@@ -8,6 +10,7 @@ import '../../../application/auth/auth_bloc.dart';
import '../../../application/auth/logout_form/logout_form_bloc.dart';
import '../../../common/extension/extension.dart';
import '../../../common/theme/theme.dart';
import '../../../common/utils/fcm_service.dart';
import '../../../injection.dart';
import '../../components/button/button.dart';
import '../../components/spacer/spacer.dart';
@@ -61,7 +64,7 @@ class ProfilePage extends StatelessWidget implements AutoRouteWrapper {
backgroundColor: AppColor.primary,
elevation: 0,
pinned: true,
expandedHeight: 264.0,
expandedHeight: 270.0,
flexibleSpace: LayoutBuilder(
builder:
(BuildContext context, BoxConstraints constraints) {
@@ -70,7 +73,7 @@ class ProfilePage extends StatelessWidget implements AutoRouteWrapper {
final double collapsedHeight =
MediaQuery.of(context).padding.top +
kToolbarHeight;
final double expandedHeight = 264.0;
final double expandedHeight = 270.0;
final double shrinkRatio =
((expandedHeight - top) /
(expandedHeight - collapsedHeight))
@@ -125,6 +128,9 @@ class ProfilePage extends StatelessWidget implements AutoRouteWrapper {
const SpaceHeight(12),
ProfileDangerZone(),
const SpaceHeight(30),
// Debug only: FCM Token
if (kDebugMode) const _FcmTokenDebugWidget(),
const SpaceHeight(30),
],
),
),
@@ -140,3 +146,84 @@ class ProfilePage extends StatelessWidget implements AutoRouteWrapper {
Widget wrappedRoute(BuildContext context) =>
BlocProvider(create: (_) => getIt<LogoutFormBloc>(), child: this);
}
class _FcmTokenDebugWidget extends StatefulWidget {
const _FcmTokenDebugWidget();
@override
State<_FcmTokenDebugWidget> createState() => _FcmTokenDebugWidgetState();
}
class _FcmTokenDebugWidgetState extends State<_FcmTokenDebugWidget> {
String? _token;
@override
void initState() {
super.initState();
_loadToken();
}
Future<void> _loadToken() async {
final token = await getIt<FcmService>().getToken();
if (mounted) setState(() => _token = token);
}
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: Container(
width: double.infinity,
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: AppColor.black.withOpacity(0.05),
borderRadius: BorderRadius.circular(8),
border: Border.all(color: AppColor.black.withOpacity(0.1)),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
const Icon(Icons.bug_report, size: 14),
const SizedBox(width: 4),
Text(
'FCM Token (debug only)',
style: AppStyle.sm.copyWith(fontWeight: FontWeight.w700),
),
const Spacer(),
GestureDetector(
onTap: () async {
if (_token == null) return;
await Clipboard.setData(ClipboardData(text: _token!));
debugPrint('[FCM] Token copied: $_token');
if (context.mounted) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('FCM token copied!'),
duration: Duration(seconds: 2),
),
);
}
},
child: Text(
'Copy',
style: AppStyle.sm.copyWith(
color: AppColor.primary,
fontWeight: FontWeight.w600,
),
),
),
],
),
const SizedBox(height: 6),
Text(
_token ?? 'Loading...',
style: AppStyle.xs.copyWith(color: AppColor.black.withOpacity(0.6)),
),
],
),
),
);
}
}