feat: sync data page

This commit is contained in:
efrilm 2025-08-01 15:12:09 +07:00
parent 15b27d8f67
commit 1384253e8a

View File

@ -1,4 +1,7 @@
import 'dart:developer'; import 'dart:developer';
import 'package:enaklo_pos/core/components/buttons.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:enaklo_pos/presentation/setting/widgets/settings_title.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:enaklo_pos/data/datasources/product_local_datasource.dart'; import 'package:enaklo_pos/data/datasources/product_local_datasource.dart';
@ -16,101 +19,154 @@ class _SyncDataPageState extends State<SyncDataPage> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
appBar: AppBar( backgroundColor: AppColors.background,
title: const Text('Sync Data'),
),
body: Column( body: Column(
children: [ children: [
BlocConsumer<SyncProductBloc, SyncProductState>( SettingsTitle('Sync Data'),
listener: (context, state) { Padding(
state.maybeWhen( padding: const EdgeInsets.all(16.0),
orElse: () {}, child: Column(
error: (message) { children: [
ScaffoldMessenger.of(context).showSnackBar( Container(
SnackBar( padding: const EdgeInsets.all(16.0),
content: Text(message), margin: const EdgeInsets.only(bottom: 16.0),
backgroundColor: Colors.red, decoration: BoxDecoration(
), color: AppColors.white,
); borderRadius: BorderRadius.circular(8.0),
}, ),
loaded: (productResponseModel) async { child: Row(
await ProductLocalDatasource.instance.deleteAllProducts(); mainAxisAlignment: MainAxisAlignment.spaceBetween,
await ProductLocalDatasource.instance.insertProducts( children: [
productResponseModel.data!, Text(
); 'Sinkronasikan Produk',
ScaffoldMessenger.of(context).showSnackBar( style: TextStyle(
const SnackBar( color: AppColors.black,
content: Text('Sync Product Success2'), fontSize: 16,
backgroundColor: Colors.green, fontWeight: FontWeight.w500,
), ),
); ),
}, BlocConsumer<SyncProductBloc, SyncProductState>(
); listener: (context, state) {
}, state.maybeWhen(
builder: (context, state) { orElse: () {},
return state.maybeWhen( error: (message) {
orElse: () { ScaffoldMessenger.of(context).showSnackBar(
return ElevatedButton( SnackBar(
onPressed: () { content: Text(message),
context backgroundColor: Colors.red,
.read<SyncProductBloc>() ),
.add(const SyncProductEvent.syncProduct()); );
}, },
child: const Text('Sync Product')); loaded: (productResponseModel) async {
}, await ProductLocalDatasource.instance
loading: () { .deleteAllProducts();
return const Center( await ProductLocalDatasource.instance
child: CircularProgressIndicator(), .insertProducts(
); productResponseModel.data!,
}, );
); ScaffoldMessenger.of(context).showSnackBar(
}, const SnackBar(
content: Text('Sync Product Success2'),
backgroundColor: Colors.green,
),
);
},
);
},
builder: (context, state) {
return state.maybeWhen(
orElse: () {
return Button.filled(
width: 100,
height: 40,
onPressed: () {
context.read<SyncProductBloc>().add(
const SyncProductEvent.syncProduct());
},
label: 'Sinkronasikan',
);
},
loading: () {
return const Center(
child: CircularProgressIndicator(),
);
},
);
},
),
],
),
),
Container(
padding: const EdgeInsets.all(16.0),
decoration: BoxDecoration(
color: AppColors.white,
borderRadius: BorderRadius.circular(8.0),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Sinkronasikan Pesanan',
style: TextStyle(
color: AppColors.black,
fontSize: 16,
fontWeight: FontWeight.w500,
),
),
BlocConsumer<SyncOrderBloc, SyncOrderState>(
listener: (context, state) {
state.maybeWhen(
orElse: () {},
error: (message) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(message),
backgroundColor: Colors.red,
),
);
},
loaded: () {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Sync Order Success'),
backgroundColor: Colors.green,
),
);
},
);
},
builder: (context, state) {
return state.maybeWhen(
orElse: () {
return Button.filled(
width: 100,
height: 40,
onPressed: () {
log("🔘 Sync Order button pressed");
log("🔘 SyncOrderBloc instance: ${context.read<SyncOrderBloc>()}");
context
.read<SyncOrderBloc>()
.add(const SyncOrderEvent.syncOrder());
log("🔘 SyncOrderEvent.syncOrder dispatched");
},
label: 'Sinkronasikan',
);
},
loading: () {
return const Center(
child: CircularProgressIndicator(),
);
},
);
},
)
],
),
),
],
),
), ),
BlocConsumer<SyncOrderBloc, SyncOrderState>(
listener: (context, state) {
state.maybeWhen(
orElse: () {},
error: (message) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(message),
backgroundColor: Colors.red,
),
);
},
loaded: () {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Sync Order Success'),
backgroundColor: Colors.green,
),
);
},
);
},
builder: (context, state) {
return state.maybeWhen(
orElse: () {
return ElevatedButton(
onPressed: () {
log("🔘 Sync Order button pressed");
log("🔘 SyncOrderBloc instance: ${context.read<SyncOrderBloc>()}");
context
.read<SyncOrderBloc>()
.add(const SyncOrderEvent.syncOrder());
log("🔘 SyncOrderEvent.syncOrder dispatched");
},
child: const Text('Sync Order'),
);
},
loading: () {
return const Center(
child: CircularProgressIndicator(),
);
},
);
},
)
], ],
), ),
); );