feat: Add branch listing screen with Odoo service integration, accessible from login and dashboard.
This commit is contained in:
parent
0fe07fd555
commit
7e11c304a3
115
lib/screens/branches_screen.dart
Normal file
115
lib/screens/branches_screen.dart
Normal file
@ -0,0 +1,115 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import '../services/odoo_service.dart';
|
||||||
|
import '../theme/app_theme.dart';
|
||||||
|
|
||||||
|
class BranchesScreen extends StatefulWidget {
|
||||||
|
const BranchesScreen({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<BranchesScreen> createState() => _BranchesScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _BranchesScreenState extends State<BranchesScreen> {
|
||||||
|
List<dynamic> _branches = [];
|
||||||
|
bool _isLoading = true;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_fetchBranches();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _fetchBranches() async {
|
||||||
|
try {
|
||||||
|
final branches = await OdooService.getPublicBranches();
|
||||||
|
if (mounted) {
|
||||||
|
setState(() {
|
||||||
|
_branches = branches;
|
||||||
|
_isLoading = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
if (mounted) {
|
||||||
|
setState(() => _isLoading = false);
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Error loading branches. Check connection.')));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(title: const Text('Find Branch')),
|
||||||
|
body: _isLoading
|
||||||
|
? const Center(child: CircularProgressIndicator())
|
||||||
|
: _branches.isEmpty
|
||||||
|
? const Center(child: Text('No branches available.', style: TextStyle(fontSize: 16)))
|
||||||
|
: ListView.builder(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
|
||||||
|
itemCount: _branches.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final branch = _branches[index];
|
||||||
|
|
||||||
|
final street = branch['street'] != null && branch['street'] != false ? branch['street'] : '';
|
||||||
|
final city = branch['city'] != null && branch['city'] != false ? branch['city'] : '';
|
||||||
|
final phone = branch['phone'] != null && branch['phone'] != false ? branch['phone'] : '';
|
||||||
|
|
||||||
|
final addressParts = [street, city].where((e) => e.toString().isNotEmpty).join(', ');
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
margin: const EdgeInsets.only(bottom: 16),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: AppTheme.surfaceContainerLow,
|
||||||
|
borderRadius: BorderRadius.circular(16),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: AppTheme.onSurface.withOpacity(0.04),
|
||||||
|
blurRadius: 16,
|
||||||
|
offset: const Offset(0, 4),
|
||||||
|
)
|
||||||
|
]
|
||||||
|
),
|
||||||
|
child: ListTile(
|
||||||
|
contentPadding: const EdgeInsets.all(16),
|
||||||
|
leading: Container(
|
||||||
|
padding: const EdgeInsets.all(12),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: AppTheme.secondaryContainer.withOpacity(0.2),
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
),
|
||||||
|
child: const Icon(Icons.storefront, color: AppTheme.secondary),
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
branch['name'] ?? 'Mapan Branch',
|
||||||
|
style: Theme.of(context).textTheme.titleMedium,
|
||||||
|
),
|
||||||
|
subtitle: Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 8.0),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
addressParts.isEmpty ? 'No address specified' : addressParts,
|
||||||
|
style: Theme.of(context).textTheme.bodyMedium,
|
||||||
|
),
|
||||||
|
if (phone.isNotEmpty) ...[
|
||||||
|
const SizedBox(height: 4),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
const Icon(Icons.phone, size: 14, color: AppTheme.primary),
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
Text(phone, style: Theme.of(context).textTheme.bodySmall?.copyWith(color: AppTheme.primary)),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
]
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
trailing: const Icon(Icons.chevron_right, color: AppTheme.onSurfaceVariant),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -4,6 +4,7 @@ import 'package:odoo_rpc/odoo_rpc.dart';
|
|||||||
import 'package:shared_preferences/shared_preferences.dart';
|
import 'package:shared_preferences/shared_preferences.dart';
|
||||||
import '../services/odoo_service.dart';
|
import '../services/odoo_service.dart';
|
||||||
import 'loyalty_dashboard.dart';
|
import 'loyalty_dashboard.dart';
|
||||||
|
import 'branches_screen.dart';
|
||||||
import '../theme/app_theme.dart';
|
import '../theme/app_theme.dart';
|
||||||
|
|
||||||
class LoginScreen extends StatefulWidget {
|
class LoginScreen extends StatefulWidget {
|
||||||
@ -114,6 +115,11 @@ class _LoginScreenState extends State<LoginScreen> {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
TextButton(
|
||||||
|
onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (_) => const BranchesScreen())),
|
||||||
|
child: Text('Find Nearest Branch', style: TextStyle(fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.primary)),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
|
|||||||
import '../services/odoo_service.dart';
|
import '../services/odoo_service.dart';
|
||||||
import '../theme/app_theme.dart';
|
import '../theme/app_theme.dart';
|
||||||
import 'notifications_screen.dart';
|
import 'notifications_screen.dart';
|
||||||
|
import 'branches_screen.dart';
|
||||||
|
|
||||||
class LoyaltyDashboard extends StatefulWidget {
|
class LoyaltyDashboard extends StatefulWidget {
|
||||||
final int partnerId;
|
final int partnerId;
|
||||||
@ -42,6 +43,10 @@ class _LoyaltyDashboardState extends State<LoyaltyDashboard> {
|
|||||||
appBar: AppBar(
|
appBar: AppBar(
|
||||||
title: const Text('My Rewards'),
|
title: const Text('My Rewards'),
|
||||||
actions: [
|
actions: [
|
||||||
|
IconButton(
|
||||||
|
icon: const Icon(Icons.storefront_outlined),
|
||||||
|
onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (_) => const BranchesScreen())),
|
||||||
|
),
|
||||||
IconButton(
|
IconButton(
|
||||||
icon: const Icon(Icons.notifications_outlined),
|
icon: const Icon(Icons.notifications_outlined),
|
||||||
onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (_) => const NotificationsScreen())),
|
onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (_) => const NotificationsScreen())),
|
||||||
|
|||||||
@ -30,4 +30,27 @@ class OdooService {
|
|||||||
'kwargs': {'fields': ['points', 'program_id', 'code']}
|
'kwargs': {'fields': ['points', 'program_id', 'code']}
|
||||||
}) as List<dynamic>;
|
}) as List<dynamic>;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/// Fetch public branch information using our secure Odoo endpoint
|
||||||
|
/// This completely isolates the Admin API Key from the Flutter Source Code!
|
||||||
|
static Future<List<dynamic>> getPublicBranches() async {
|
||||||
|
final tempClient = OdooClient('https://erp.mapan.co.id');
|
||||||
|
try {
|
||||||
|
final res = await tempClient.callRPC(
|
||||||
|
'/api/loyalty/branches',
|
||||||
|
'call',
|
||||||
|
{}
|
||||||
|
);
|
||||||
|
if (res != null && res['status'] == 'success') {
|
||||||
|
return res['data'] as List<dynamic>;
|
||||||
|
} else {
|
||||||
|
throw Exception(res?['message'] ?? 'Failed to load branches');
|
||||||
}
|
}
|
||||||
|
} catch (e) {
|
||||||
|
rethrow;
|
||||||
|
} finally {
|
||||||
|
tempClient.close();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user