Aidil_Ardiansyah
/
Hama-Pengusiran-Guard
mirror of https://github.com/AIDILARDIANSYAH1/Hama-Pengusiran-Guard.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

updaet costum header

This commit is contained in:
Muhammad Iqbal 2025-05-16 23:39:03 +07:00
parent 283f2b1942
commit c36077c716
5 changed files with 135 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
lib/screens/control/control_screen.dart
View File

@ -1,4 +1,5 @@
import 'package:flutter/material.dart';
import '../../widgets/costum_header.dart';
class ControlScreen extends StatefulWidget {
const ControlScreen({super.key});
@ -26,10 +27,8 @@ class _ControlScreenState extends State<ControlScreen> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Kontrol Sistem'),
backgroundColor: Colors.green[700],
centerTitle: true,
appBar: const CustomHeader(
deviceName: 'HamaGuard', // ini wajib diisi
),
body: Padding(
padding: const EdgeInsets.all(20),

25
lib/screens/dashboard/dashboard_screen.dart
View File

@ -1,6 +1,7 @@
import 'dart:math';
import 'package:flutter/material.dart';
import '../../widgets/thermal_grid.dart';
import '../../widgets/costum_header.dart';
class DashboardScreen extends StatelessWidget {
const DashboardScreen({super.key});
@ -19,6 +20,9 @@ class DashboardScreen extends StatelessWidget {
return Scaffold(
backgroundColor: Colors.grey[100],
appBar: const CustomHeader(
deviceName: 'HamaGuard', // ini wajib diisi
),
body: SingleChildScrollView(
padding: const EdgeInsets.all(16.0),
child: Column(
@ -26,7 +30,8 @@ class DashboardScreen extends StatelessWidget {
// Thermal Sensor dalam Card
Card(
elevation: 4,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16)),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
@ -84,24 +89,6 @@ class DashboardScreen extends StatelessWidget {
icon: Icons.speaker,
color: Colors.green,
),
const SizedBox(height: 20),
// Tombol pengusir manual
ElevatedButton.icon(
onPressed: () {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('Fitur pengusir manual belum tersedia')),
);
},
icon: const Icon(Icons.play_arrow),
label: const Text('Aktifkan Pengusir Manual'),
style: ElevatedButton.styleFrom(
backgroundColor: Colors.green[700],
minimumSize: const Size.fromHeight(48),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
),
),
],
),
),

115
lib/widgets/costum_header.dart Normal file
View File

@ -0,0 +1,115 @@
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
class CustomHeader extends StatefulWidget implements PreferredSizeWidget {
final String deviceName;
final VoidCallback? onNotificationTap;
const CustomHeader({
super.key,
required this.deviceName,
this.onNotificationTap,
});
@override
Size get preferredSize => const Size.fromHeight(kToolbarHeight + 24);
@override
State<CustomHeader> createState() => _CustomHeaderState();
}
class _CustomHeaderState extends State<CustomHeader> {
late String _dateString;
late final ticker;
@override
void initState() {
super.initState();
_updateDate();
// Update setiap hari (atau bisa sesuaikan interval jika perlu)
ticker = Stream.periodic(const Duration(minutes: 1)).listen((_) {
if (mounted) {
_updateDate();
}
});
}
void _updateDate() {
final now = DateTime.now();
// Format hanya tanggal: Contoh "Fri, 16 May 2025"
final formatted = DateFormat('EEE, dd MMM yyyy').format(now);
setState(() {
_dateString = formatted;
});
}
@override
void dispose() {
ticker.cancel();
super.dispose();
}
@override
Widget build(BuildContext context) {
return AppBar(
backgroundColor: Colors.transparent,
elevation: 0,
automaticallyImplyLeading: false,
titleSpacing: 16,
title: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
// Nama alat dan tanggal di kiri
Padding(
padding: const EdgeInsets.only(right: 8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Text(
widget.deviceName,
style: const TextStyle(
fontSize: 18,
fontWeight: FontWeight.w600,
color: Colors.black87,
),
),
const SizedBox(height: 4),
Text(
_dateString,
style: TextStyle(
fontSize: 12,
color: Colors.grey[600],
height: 1.2,
),
),
],
),
),
const Spacer(),
// Lonceng dalam lingkaran abu-abu lembut
Padding(
padding: const EdgeInsets.only(left: 8.0),
child: Material(
color: Colors.grey.shade200,
shape: const CircleBorder(),
child: IconButton(
padding: const EdgeInsets.all(8),
icon: const Icon(Icons.notifications_none, color: Colors.black87, size: 28),
onPressed: widget.onNotificationTap ??
() {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('Notifikasi belum tersedia')),
);
},
splashRadius: 24,
),
),
),
],
),
);
}
}

8
pubspec.lock
View File

@ -75,6 +75,14 @@ packages:
description: flutter
source: sdk
version: "0.0.0"
intl:
dependency: "direct main"
description:
name: intl
sha256: "3bc132a9dbce73a7e4a21a17d06e1878839ffbf975568bc875c60537824b0c4d"
url: "https://pub.dev"
source: hosted
version: "0.18.1"
leak_tracker:
dependency: transitive
description:

3
pubspec.yaml
View File

@ -31,6 +31,9 @@ dependencies:
flutter:
sdk: flutter
intl: ^0.18.0
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^1.0.8