581 lines
17 KiB
Dart
581 lines
17 KiB
Dart
import 'dart:developer';
|
|
import 'package:enaklo_pos/core/components/flushbar.dart';
|
|
import 'package:enaklo_pos/core/components/buttons.dart';
|
|
import 'package:enaklo_pos/data/repositories/product/product_repository.dart';
|
|
import 'package:enaklo_pos/data/repositories/category/category_repository.dart';
|
|
import 'package:enaklo_pos/data/datasources/product/product_local_datasource.dart';
|
|
import 'package:enaklo_pos/data/datasources/category/category_local_datasource.dart';
|
|
import 'package:enaklo_pos/presentation/setting/widgets/settings_title.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
class SettingSyncPage extends StatefulWidget {
|
|
const SettingSyncPage({super.key});
|
|
|
|
@override
|
|
State<SettingSyncPage> createState() => _SettingSyncPageState();
|
|
}
|
|
|
|
class _SettingSyncPageState extends State<SettingSyncPage> {
|
|
final ProductRepository _productRepository = ProductRepository.instance;
|
|
final CategoryRepository _categoryRepository = CategoryRepository.instance;
|
|
final ProductLocalDatasource _productLocalDatasource =
|
|
ProductLocalDatasource.instance;
|
|
final CategoryLocalDatasource _categoryLocalDatasource =
|
|
CategoryLocalDatasource.instance;
|
|
|
|
bool _isLoading = false;
|
|
bool _isSyncing = false;
|
|
Map<String, dynamic> _productStats = {};
|
|
Map<String, dynamic> _categoryStats = {};
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loadStats();
|
|
}
|
|
|
|
Future<void> _loadStats() async {
|
|
setState(() => _isLoading = true);
|
|
try {
|
|
final productStats = await _productRepository.getDatabaseStats();
|
|
final categoryStats = await _categoryRepository.getDatabaseStats();
|
|
|
|
setState(() {
|
|
_productStats = productStats;
|
|
_categoryStats = categoryStats;
|
|
_isLoading = false;
|
|
});
|
|
} catch (e) {
|
|
log('Error loading stats: $e');
|
|
setState(() => _isLoading = false);
|
|
}
|
|
}
|
|
|
|
Future<void> _syncAllData() async {
|
|
setState(() => _isSyncing = true);
|
|
|
|
try {
|
|
// Show loading dialog
|
|
showDialog(
|
|
context: context,
|
|
barrierDismissible: false,
|
|
builder: (context) => AlertDialog(
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
CircularProgressIndicator(),
|
|
SizedBox(height: 16),
|
|
Text('Sinkronisasi semua data...'),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
// Sync categories first
|
|
final categoryResult = await _categoryRepository.syncAllCategories();
|
|
|
|
await categoryResult.fold(
|
|
(error) async {
|
|
Navigator.of(context).pop();
|
|
AppFlushbar.showError(context, 'Gagal sync kategori: $error');
|
|
return;
|
|
},
|
|
(success) async {
|
|
log('Categories synced successfully');
|
|
},
|
|
);
|
|
|
|
// Sync products after categories
|
|
final productResult = await _productRepository.syncAllProducts();
|
|
|
|
await productResult.fold(
|
|
(error) async {
|
|
Navigator.of(context).pop();
|
|
AppFlushbar.showError(context, 'Gagal sync produk: $error');
|
|
return;
|
|
},
|
|
(success) async {
|
|
log('Products synced successfully');
|
|
},
|
|
);
|
|
|
|
Navigator.of(context).pop();
|
|
AppFlushbar.showSuccess(context, 'Sinkronisasi berhasil');
|
|
_loadStats(); // Refresh stats
|
|
} catch (e) {
|
|
Navigator.of(context).pop();
|
|
AppFlushbar.showError(context, 'Gagal sinkronisasi: $e');
|
|
} finally {
|
|
setState(() => _isSyncing = false);
|
|
}
|
|
}
|
|
|
|
Future<void> _clearAllData() async {
|
|
// Show confirmation dialog
|
|
final confirmed = await showDialog<bool>(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: Text('Hapus Semua Data'),
|
|
content: Text(
|
|
'Apakah Anda yakin ingin menghapus semua data lokal? Tindakan ini tidak dapat dibatalkan.'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(false),
|
|
child: Text('Batal'),
|
|
),
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(true),
|
|
child: Text('Hapus', style: TextStyle(color: Colors.red)),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
if (confirmed != true) return;
|
|
|
|
setState(() => _isLoading = true);
|
|
|
|
try {
|
|
// Clear products and categories using datasource
|
|
await _productLocalDatasource.clearAllProducts();
|
|
await _categoryLocalDatasource.clearAllCategories();
|
|
|
|
// Clear caches
|
|
_productRepository.clearCache();
|
|
_categoryRepository.clearCache();
|
|
|
|
AppFlushbar.showSuccess(context, 'Semua data berhasil dihapus');
|
|
_loadStats(); // Refresh stats
|
|
} catch (e) {
|
|
AppFlushbar.showError(context, 'Gagal menghapus data: $e');
|
|
} finally {
|
|
setState(() => _isLoading = false);
|
|
}
|
|
}
|
|
|
|
Future<void> _syncProducts() async {
|
|
setState(() => _isLoading = true);
|
|
|
|
try {
|
|
final result = await _productRepository.syncAllProducts();
|
|
|
|
await result.fold(
|
|
(error) async {
|
|
AppFlushbar.showError(context, 'Gagal sync produk: $error');
|
|
},
|
|
(success) async {
|
|
AppFlushbar.showSuccess(context, success);
|
|
_loadStats(); // Refresh stats
|
|
},
|
|
);
|
|
} catch (e) {
|
|
AppFlushbar.showError(context, 'Gagal sync produk: $e');
|
|
} finally {
|
|
setState(() => _isLoading = false);
|
|
}
|
|
}
|
|
|
|
Future<void> _syncCategories() async {
|
|
setState(() => _isLoading = true);
|
|
|
|
try {
|
|
final result = await _categoryRepository.syncAllCategories();
|
|
|
|
await result.fold(
|
|
(error) async {
|
|
AppFlushbar.showError(context, 'Gagal sync kategori: $error');
|
|
},
|
|
(success) async {
|
|
AppFlushbar.showSuccess(context, success);
|
|
_loadStats(); // Refresh stats
|
|
},
|
|
);
|
|
} catch (e) {
|
|
AppFlushbar.showError(context, 'Gagal sync kategori: $e');
|
|
} finally {
|
|
setState(() => _isLoading = false);
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SingleChildScrollView(
|
|
padding: EdgeInsets.symmetric(horizontal: 16),
|
|
child: Column(
|
|
children: [
|
|
SettingsTitle(
|
|
'Sinkronisasi',
|
|
subtitle: 'Sinkronisasi data dengan server',
|
|
),
|
|
|
|
SizedBox(height: 24),
|
|
|
|
// Quick Actions
|
|
_buildQuickActions(),
|
|
|
|
SizedBox(height: 24),
|
|
|
|
// Sync Tables
|
|
_buildSyncTables(),
|
|
|
|
SizedBox(height: 24),
|
|
|
|
// Database Stats
|
|
_buildDatabaseStats(),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildQuickActions() {
|
|
return Container(
|
|
padding: EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(color: Colors.grey.shade200),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Aksi Cepat',
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
color: Colors.grey.shade800,
|
|
),
|
|
),
|
|
SizedBox(height: 16),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Button.filled(
|
|
onPressed: _isSyncing || _isLoading ? null : _syncAllData,
|
|
label: _isSyncing ? 'Menyinkronkan...' : 'Sync Semua Data',
|
|
),
|
|
),
|
|
SizedBox(width: 12),
|
|
Expanded(
|
|
child: Button.outlined(
|
|
onPressed: _isLoading || _isSyncing ? null : _clearAllData,
|
|
label: 'Hapus Semua Data',
|
|
textColor: Colors.red,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSyncTables() {
|
|
return Container(
|
|
padding: EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(color: Colors.grey.shade200),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Sinkronisasi per Tabel',
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
color: Colors.grey.shade800,
|
|
),
|
|
),
|
|
SizedBox(height: 16),
|
|
|
|
// Categories Sync
|
|
_buildSyncTableItem(
|
|
title: 'Kategori',
|
|
subtitle: 'Sinkronkan data kategori produk',
|
|
icon: Icons.category,
|
|
color: Colors.blue,
|
|
count: _categoryStats['total_categories'] ?? 0,
|
|
onSync: _syncCategories,
|
|
onClear: () async {
|
|
final confirmed = await _showClearConfirmation('kategori');
|
|
if (confirmed) {
|
|
await _categoryLocalDatasource.clearAllCategories();
|
|
_categoryRepository.clearCache();
|
|
AppFlushbar.showSuccess(
|
|
context, 'Data kategori berhasil dihapus');
|
|
_loadStats();
|
|
}
|
|
},
|
|
),
|
|
|
|
SizedBox(height: 12),
|
|
Divider(),
|
|
SizedBox(height: 12),
|
|
|
|
// Products Sync
|
|
_buildSyncTableItem(
|
|
title: 'Produk',
|
|
subtitle: 'Sinkronkan data produk dan variant',
|
|
icon: Icons.inventory_2,
|
|
color: Colors.green,
|
|
count: _productStats['total_products'] ?? 0,
|
|
onSync: _syncProducts,
|
|
onClear: () async {
|
|
final confirmed = await _showClearConfirmation('produk');
|
|
if (confirmed) {
|
|
await _productLocalDatasource.clearAllProducts();
|
|
_productRepository.clearCache();
|
|
AppFlushbar.showSuccess(
|
|
context, 'Data produk berhasil dihapus');
|
|
_loadStats();
|
|
}
|
|
},
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSyncTableItem({
|
|
required String title,
|
|
required String subtitle,
|
|
required IconData icon,
|
|
required Color color,
|
|
required int count,
|
|
required VoidCallback onSync,
|
|
required VoidCallback onClear,
|
|
}) {
|
|
return Row(
|
|
children: [
|
|
// Icon and info
|
|
Container(
|
|
padding: EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: color.withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Icon(icon, color: color, size: 24),
|
|
),
|
|
|
|
SizedBox(width: 12),
|
|
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
SizedBox(width: 8),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
|
decoration: BoxDecoration(
|
|
color: color.withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(4),
|
|
),
|
|
child: Text(
|
|
'$count',
|
|
style: TextStyle(
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.w600,
|
|
color: color,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Text(
|
|
subtitle,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: Colors.grey.shade600,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
// Actions
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
IconButton(
|
|
onPressed: _isLoading || _isSyncing ? null : onSync,
|
|
icon: Icon(Icons.sync, size: 20),
|
|
tooltip: 'Sync $title',
|
|
style: IconButton.styleFrom(
|
|
backgroundColor: color.withOpacity(0.1),
|
|
foregroundColor: color,
|
|
),
|
|
),
|
|
SizedBox(width: 4),
|
|
IconButton(
|
|
onPressed: _isLoading || _isSyncing ? null : onClear,
|
|
icon: Icon(Icons.delete_outline, size: 20),
|
|
tooltip: 'Hapus $title',
|
|
style: IconButton.styleFrom(
|
|
backgroundColor: Colors.red.withOpacity(0.1),
|
|
foregroundColor: Colors.red,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildDatabaseStats() {
|
|
return Container(
|
|
padding: EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(color: Colors.grey.shade200),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
'Statistik Database',
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
color: Colors.grey.shade800,
|
|
),
|
|
),
|
|
Spacer(),
|
|
if (_isLoading)
|
|
SizedBox(
|
|
width: 16,
|
|
height: 16,
|
|
child: CircularProgressIndicator(strokeWidth: 2),
|
|
)
|
|
else
|
|
IconButton(
|
|
onPressed: _loadStats,
|
|
icon: Icon(Icons.refresh, size: 20),
|
|
tooltip: 'Refresh Stats',
|
|
),
|
|
],
|
|
),
|
|
SizedBox(height: 16),
|
|
if (_isLoading)
|
|
Center(
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 20),
|
|
child: CircularProgressIndicator(),
|
|
),
|
|
)
|
|
else
|
|
Column(
|
|
children: [
|
|
// Category stats
|
|
_buildStatRow(
|
|
'Kategori',
|
|
_categoryStats['total_categories']?.toString() ?? '0',
|
|
Icons.category,
|
|
Colors.blue,
|
|
),
|
|
SizedBox(height: 8),
|
|
|
|
// Product stats
|
|
_buildStatRow(
|
|
'Produk',
|
|
_productStats['total_products']?.toString() ?? '0',
|
|
Icons.inventory_2,
|
|
Colors.green,
|
|
),
|
|
SizedBox(height: 8),
|
|
|
|
// Variant stats
|
|
_buildStatRow(
|
|
'Variant',
|
|
_productStats['total_variants']?.toString() ?? '0',
|
|
Icons.tune,
|
|
Colors.orange,
|
|
),
|
|
SizedBox(height: 8),
|
|
|
|
// Cache stats
|
|
_buildStatRow(
|
|
'Cache Entries',
|
|
'${(_productStats['cache_entries'] ?? 0) + (_categoryStats['cache_entries'] ?? 0)}',
|
|
Icons.memory,
|
|
Colors.purple,
|
|
),
|
|
SizedBox(height: 8),
|
|
|
|
// Database size
|
|
_buildStatRow(
|
|
'Ukuran Database',
|
|
'${((_productStats['database_size_mb'] ?? 0.0) + (_categoryStats['database_size_mb'] ?? 0.0)).toStringAsFixed(2)} MB',
|
|
Icons.storage,
|
|
Colors.grey.shade600,
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildStatRow(String label, String value, IconData icon, Color color) {
|
|
return Row(
|
|
children: [
|
|
Icon(icon, size: 16, color: color),
|
|
SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
label,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Colors.grey.shade700,
|
|
),
|
|
),
|
|
),
|
|
Text(
|
|
value,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w600,
|
|
color: color,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Future<bool> _showClearConfirmation(String dataType) async {
|
|
return await showDialog<bool>(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: Text('Hapus Data $dataType'),
|
|
content:
|
|
Text('Apakah Anda yakin ingin menghapus semua data $dataType?'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(false),
|
|
child: Text('Batal'),
|
|
),
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(true),
|
|
child: Text('Hapus', style: TextStyle(color: Colors.red)),
|
|
),
|
|
],
|
|
),
|
|
) ??
|
|
false;
|
|
}
|
|
}
|