Compare commits

..

2 Commits

Author SHA1 Message Date
Aiman Hafiz
422ec9a6e1 Added Profile page and improved UI for list items 2025-12-15 16:06:48 +08:00
Aiman Hafiz
d93c603573 update to profile 2025-12-15 16:04:14 +08:00
9 changed files with 307 additions and 86 deletions

View File

@ -20,6 +20,7 @@ import 'screens/admin/item_movement/item_movement_station.dart';
import 'screens/admin/product_request/technician_to_invMaster.dart';
import 'screens/admin/product_request/invMaster_to_invMaster.dart';
import 'screens/admin/product_request/product_request_form.dart';
import 'screens/profile/profile_screen.dart'; // Add this import
import 'routes/slide_route.dart';
import 'package:inventory_system/services/api_service.dart';
@ -111,6 +112,9 @@ class InventorySystemApp extends StatelessWidget {
case '/scan-user':
page = const ScanUserScreen();
break;
case '/profile':
page = const ProfileScreen();
break;
case '/item_movement_all':
page = const ItemMovementAllScreen();
break;

View File

@ -328,7 +328,7 @@ class _ItemScreenState extends State<ItemScreen> {
extentRatio: 0.45,
children: [
SlidableAction(onPressed: (context) => Navigator.push(context, MaterialPageRoute(builder: (context) => ItemFormScreen(item: item))).then((success) => {if(success == true) _fetchItems()}), backgroundColor: Colors.blue, foregroundColor: Colors.white, icon: Icons.edit, label: 'Edit'),
SlidableAction(onPressed: (context) => _confirmDelete(item['itemID'], item['productName']), backgroundColor: Colors.red, foregroundColor: Colors.white, icon: Icons.delete, label: 'Delete'),
SlidableAction(onPressed: (context) => _confirmDelete(item['itemID'], item['productName']), backgroundColor: Colors.red, foregroundColor: Colors.white, icon: Icons.delete, label: 'Delete', borderRadius: const BorderRadius.horizontal(right: Radius.circular(16))),
],
),
child: Container(

View File

@ -246,42 +246,47 @@ class _ManufacturerScreenState extends State<ManufacturerScreen> {
final name = manufacturer['manufacturerName'] ?? 'No Name';
final id = manufacturer['manufacturerId'];
return Slidable(
key: Key(id.toString()),
endActionPane: ActionPane(
motion: const StretchMotion(),
children: [
SlidableAction(
onPressed: (context) => _showFormDialog(manufacturer: manufacturer),
backgroundColor: Colors.blue,
foregroundColor: Colors.white,
icon: Icons.edit,
label: 'Edit',
),
SlidableAction(
onPressed: (context) => _confirmDelete(id, name),
backgroundColor: Colors.red,
foregroundColor: Colors.white,
icon: Icons.delete,
label: 'Delete',
),
],
),
child: Card(
margin: const EdgeInsets.only(bottom: 12),
color: Colors.white,
elevation: 1,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
side: BorderSide(color: Colors.grey.shade300, width: 1),
return Padding(
padding: const EdgeInsets.only(bottom: 12),
child: Slidable(
key: Key(id.toString()),
endActionPane: ActionPane(
motion: const StretchMotion(),
children: [
SlidableAction(
onPressed: (context) => _showFormDialog(manufacturer: manufacturer),
backgroundColor: Colors.blue,
foregroundColor: Colors.white,
icon: Icons.edit,
label: 'Edit',
),
SlidableAction(
onPressed: (context) => _confirmDelete(id, name),
backgroundColor: Colors.red,
foregroundColor: Colors.white,
icon: Icons.delete,
label: 'Delete',
borderRadius: const BorderRadius.horizontal(
right: Radius.circular(16)),
),
],
),
child: ListTile(
title: Text(
name,
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: Colors.black87,
child: Card(
margin: EdgeInsets.zero,
color: Colors.white,
elevation: 1,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
side: BorderSide(color: Colors.grey.shade300, width: 1),
),
child: ListTile(
title: Text(
name,
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: Colors.black87,
),
),
),
),

View File

@ -249,6 +249,7 @@ class _ProductScreenState extends State<ProductScreen> {
foregroundColor: Colors.white,
label: 'Delete',
icon: Icons.delete,
borderRadius: const BorderRadius.horizontal(right: Radius.circular(16)),
),
],
),

View File

@ -186,59 +186,64 @@ class _StationScreenState extends State<StationScreen> {
itemCount: _filteredStations.length,
itemBuilder: (context, index) {
final station = _filteredStations[index];
return Slidable(
key: Key(station['stationId'].toString()),
endActionPane: ActionPane(
motion: const StretchMotion(),
children: [
SlidableAction(
onPressed: (context) {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
StationFormScreen(station: station)),
).then((_) => _fetchStations());
},
backgroundColor: Colors.blue,
foregroundColor: Colors.white,
icon: Icons.edit,
label: 'Edit',
),
SlidableAction(
onPressed: (context) => _confirmDelete(
station['stationId'],
station['stationName'],
return Padding(
padding: const EdgeInsets.only(bottom: 12),
child: Slidable(
key: Key(station['stationId'].toString()),
endActionPane: ActionPane(
motion: const StretchMotion(),
children: [
SlidableAction(
onPressed: (context) {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
StationFormScreen(station: station)),
).then((_) => _fetchStations());
},
backgroundColor: Colors.blue,
foregroundColor: Colors.white,
icon: Icons.edit,
label: 'Edit',
),
backgroundColor: Colors.red,
foregroundColor: Colors.white,
icon: Icons.delete,
label: 'Delete',
),
],
),
child: Card(
margin: const EdgeInsets.only(bottom: 12),
color: Colors.white,
elevation: 1,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
side: BorderSide(color: Colors.grey.shade300),
SlidableAction(
onPressed: (context) => _confirmDelete(
station['stationId'],
station['stationName'],
),
backgroundColor: Colors.red,
foregroundColor: Colors.white,
icon: Icons.delete,
label: 'Delete',
borderRadius: const BorderRadius.horizontal(
right: Radius.circular(16)),
),
],
),
child: ListTile(
contentPadding: const EdgeInsets.symmetric(
vertical: 8,
horizontal: 16),
title: Text(
station['stationName'] ?? 'No Name',
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: Colors.black87,
),
child: Card(
margin: EdgeInsets.zero,
color: Colors.white,
elevation: 1,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
side: BorderSide(color: Colors.grey.shade300),
),
child: ListTile(
contentPadding: const EdgeInsets.symmetric(
vertical: 8,
horizontal: 16),
title: Text(
station['stationName'] ?? 'No Name',
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: Colors.black87,
),
),
subtitle: Text(
station['departmentName'] ?? 'No Department'),
),
subtitle: Text(
station['departmentName'] ?? 'No Department'),
),
),
);

View File

@ -52,6 +52,16 @@ class BottomNavBar extends StatelessWidget {
return;
}
if (index == 2) {
final currentRoute = ModalRoute.of(context)?.settings.name;
const profileRoute = '/profile';
if (currentRoute != profileRoute) {
Navigator.pushNamed(context, profileRoute);
}
return;
}
onItemTapped(index);
},
backgroundColor: Colors.blue[800],

View File

@ -14,6 +14,7 @@ enum AppScreen {
productRequestUser,
itemMovementUser,
scan,
profile,
}
class NavBar extends StatelessWidget {

View File

@ -0,0 +1,162 @@
import 'package:flutter/material.dart';
import 'package:inventory_system/screens/bottom_nav_bar.dart';
import 'package:inventory_system/screens/title_bar.dart';
import 'package:inventory_system/services/auth_service.dart';
import 'package:inventory_system/screens/nav_bar.dart';
import 'package:inventory_system/services/session_manager.dart';
class ProfileScreen extends StatefulWidget {
const ProfileScreen({super.key});
@override
State<ProfileScreen> createState() => _ProfileScreenState();
}
class _ProfileScreenState extends State<ProfileScreen> {
final AuthService _authService = AuthService();
late Future<Map<String, dynamic>> _userProfileFuture;
@override
void initState() {
super.initState();
_userProfileFuture = _authService.fetchUserProfile();
}
@override
Widget build(BuildContext context) {
final isAdmin = SessionManager.instance.currentUser?['isAdmin'] ?? false;
return Scaffold(
backgroundColor: const Color(0xFFF5F5F7),
appBar: const TitleBar(title: 'Profile'),
drawer: NavBar(isAdmin: isAdmin, selectedScreen: AppScreen.profile),
body: FutureBuilder<Map<String, dynamic>>(
future: _userProfileFuture,
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: CircularProgressIndicator());
}
if (snapshot.hasError) {
return Center(child: Text('Error: ${snapshot.error}'));
}
final data = snapshot.data;
if (data == null || data['success'] != true) {
return Center(child: Text(data?['message'] ?? 'Failed to load profile'));
}
final userInfo = data['data'];
return SingleChildScrollView(
padding: const EdgeInsets.all(24.0),
child: Column(
children: [
const SizedBox(height: 20),
// Avatar
Container(
width: 100,
height: 100,
decoration: BoxDecoration(
color: Colors.white,
shape: BoxShape.circle,
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.1),
blurRadius: 10,
offset: const Offset(0, 5),
),
],
),
child: const Icon(Icons.person, size: 60, color: Colors.grey),
),
const SizedBox(height: 30),
_buildInfoCard(userInfo),
],
),
);
},
),
bottomNavigationBar: BottomNavBar(
selectedIndex: 2,
onItemTapped: (index) {
// Handled by BottomNavBar internal logic
},
),
);
}
Widget _buildInfoCard(Map<String, dynamic> user) {
final email = user['email'] ?? 'N/A';
final company = user['company'] ?? 'N/A';
final departmentObj = user['department'];
String deptName = 'N/A';
if (departmentObj != null) {
deptName = departmentObj['departmentName'] ?? 'N/A';
}
final roles = user['role'] as List<dynamic>?;
final roleStr = roles?.join(', ') ?? 'N/A';
return Container(
width: double.infinity,
padding: const EdgeInsets.all(24),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.05),
blurRadius: 15,
offset: const Offset(0, 5),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildInfoRow('Email', email, Icons.email_outlined),
const Divider(height: 32),
_buildInfoRow('Company', company, Icons.business_outlined),
const Divider(height: 32),
_buildInfoRow('Department', deptName, Icons.meeting_room_outlined),
const Divider(height: 32),
_buildInfoRow('Role', roleStr, Icons.admin_panel_settings_outlined),
],
),
);
}
Widget _buildInfoRow(String label, String value, IconData icon) {
return Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Icon(icon, color: Colors.blue.shade700, size: 24),
const SizedBox(width: 16),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
label,
style: TextStyle(
fontSize: 14,
color: Colors.grey.shade500,
fontWeight: FontWeight.w500,
),
),
const SizedBox(height: 4),
Text(
value,
style: const TextStyle(
fontSize: 16,
color: Colors.black87,
fontWeight: FontWeight.w600,
),
),
],
),
),
],
);
}
}

View File

@ -50,6 +50,39 @@ class AuthService {
}
}
Future<Map<String, dynamic>> fetchUserProfile() async {
final String? sessionCookie = SessionManager.instance.getCookie();
if (sessionCookie == null) {
return {'success': false, 'message': 'No active session found.'};
}
final Uri userInfoUri = Uri.parse('${ApiService.baseUrl}/IdentityAPI/GetUserInformation');
final headers = {'Cookie': sessionCookie};
try {
final response = await http.post(userInfoUri, headers: headers);
if (response.statusCode == 200) {
final userInfoResponse = jsonDecode(response.body);
final Map<String, dynamic>? userData = userInfoResponse['userInfo'];
if (userData == null) {
return {'success': false, 'message': 'User profile data is missing from the API response.'};
}
return {
'success': true,
'data': userData // Return raw user data as requested for display
};
} else {
return {'success': false, 'message': 'Failed to retrieve user profile. Status: ${response.statusCode}'};
}
} catch (e) {
debugPrint('Error fetching user profile: $e');
return {'success': false, 'message': 'Error fetching user details.'};
}
}
Future<Map<String, dynamic>> _fetchLdapUserDetails(String sessionCookie, String username) async {
final Uri userInfoUri = Uri.parse('${ApiService.baseUrl}/IdentityAPI/GetUserInformation');
final headers = {'Cookie': sessionCookie};