11 changed files with 1366 additions and 82 deletions
@ -0,0 +1,629 @@ |
|||||||
|
import 'dart:convert'; |
||||||
|
|
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_form_builder/flutter_form_builder.dart'; |
||||||
|
import 'package:intl/date_symbol_data_local.dart'; |
||||||
|
import 'package:intl/intl.dart'; |
||||||
|
import 'package:provider/provider.dart'; |
||||||
|
import 'package:qr_code_scanner/qr_code_scanner.dart'; |
||||||
|
import 'package:shared_preferences/shared_preferences.dart'; |
||||||
|
import 'package:siopas/connection/connection.dart'; |
||||||
|
import 'package:http/http.dart' as http; |
||||||
|
import 'package:siopas/models/asset_status_model.dart'; |
||||||
|
import 'package:siopas/models/m_asset_status_model.dart'; |
||||||
|
// import 'package:siopas/models/m_asset_status_model.dart'; |
||||||
|
import 'package:siopas/models/user_model.dart'; |
||||||
|
import 'package:siopas/models/warehouse_mode.dart'; |
||||||
|
import 'package:siopas/providers/auth_provider.dart'; |
||||||
|
|
||||||
|
class EditTransferPetiPage extends StatefulWidget { |
||||||
|
const EditTransferPetiPage({super.key}); |
||||||
|
|
||||||
|
@override |
||||||
|
State<EditTransferPetiPage> createState() => EditTransferPetiPageState(); |
||||||
|
} |
||||||
|
|
||||||
|
class EditTransferPetiPageState extends State<EditTransferPetiPage> { |
||||||
|
List<PetiAssetModel> _dataAsset = []; |
||||||
|
List<WarehouseModel> _dataWarehouse = []; |
||||||
|
bool _isLoading = false; |
||||||
|
String? token; |
||||||
|
PetiAssetModel? _valAsset; |
||||||
|
WarehouseModel? _valWarehouse_asal_gudang; |
||||||
|
WarehouseModel? _valWarehouse_tujuan_gudang; |
||||||
|
// TextEditingController _exit_atController = TextEditingController(); |
||||||
|
// TextEditingController _est_pengembalianController = TextEditingController(); |
||||||
|
// TextEditingController _penanggungJawabController = TextEditingController(); |
||||||
|
final _formKey = GlobalKey<FormState>(); |
||||||
|
|
||||||
|
final GlobalKey qrKey = GlobalKey(debugLabel: 'QR'); |
||||||
|
Barcode? result; |
||||||
|
QRViewController? controller; |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
_getUserToken(); |
||||||
|
fetchDataWarehouse(); |
||||||
|
fetchDataAsset(); |
||||||
|
initializeDateFormatting('id_ID'); |
||||||
|
} |
||||||
|
|
||||||
|
void _getUserToken() async { |
||||||
|
SharedPreferences prefs = await SharedPreferences.getInstance(); |
||||||
|
if (mounted) { |
||||||
|
setState(() { |
||||||
|
token = prefs.getString('token'); |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
Future<void> fetchDataAsset() async { |
||||||
|
setState(() { |
||||||
|
_isLoading = true; |
||||||
|
}); |
||||||
|
|
||||||
|
final response = await http.get(Uri.parse('$baseUrl/peti-asset')); |
||||||
|
|
||||||
|
if (mounted) { |
||||||
|
// Periksa apakah widget masih "mounted" |
||||||
|
if (response.statusCode == 200) { |
||||||
|
final jsonData = json.decode(response.body)['data']['petis']; |
||||||
|
|
||||||
|
final List<PetiAssetModel> newDataAsset = (jsonData as List) |
||||||
|
.map((item) => PetiAssetModel.fromJson(item)) |
||||||
|
.toList(); |
||||||
|
|
||||||
|
if (mounted) { |
||||||
|
// Periksa lagi sebelum memanggil setState |
||||||
|
setState(() { |
||||||
|
_dataAsset.addAll(newDataAsset); |
||||||
|
_isLoading = false; |
||||||
|
}); |
||||||
|
} |
||||||
|
} else { |
||||||
|
if (mounted) { |
||||||
|
setState(() { |
||||||
|
_isLoading = false; |
||||||
|
}); |
||||||
|
} |
||||||
|
throw Exception('Failed to fetch data Asset Status'); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
Future<void> fetchDataWarehouse() async { |
||||||
|
setState(() { |
||||||
|
_isLoading = true; |
||||||
|
}); |
||||||
|
|
||||||
|
final response = await http.get(Uri.parse('$baseUrl/m-warehouse')); |
||||||
|
|
||||||
|
if (mounted) { |
||||||
|
if (response.statusCode == 200) { |
||||||
|
final jsonData = json.decode(response.body)['data']['warehouse']; |
||||||
|
|
||||||
|
final List<WarehouseModel> newDataWarehouse = (jsonData as List) |
||||||
|
.map((item) => WarehouseModel.fromJson(item)) |
||||||
|
.toList(); |
||||||
|
|
||||||
|
if (mounted) { |
||||||
|
setState(() { |
||||||
|
_dataWarehouse.addAll(newDataWarehouse); |
||||||
|
_isLoading = false; |
||||||
|
}); |
||||||
|
} |
||||||
|
} else { |
||||||
|
if (mounted) { |
||||||
|
setState(() { |
||||||
|
_isLoading = false; |
||||||
|
}); |
||||||
|
} |
||||||
|
throw Exception('Failed to fetch data Warehouse'); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
Future<void> _onQRViewCreated(QRViewController controller) async { |
||||||
|
this.controller = controller; |
||||||
|
bool scanned = false; |
||||||
|
|
||||||
|
// code to auto focus kamera belakang |
||||||
|
controller.flipCamera(); |
||||||
|
await Future.delayed(const Duration(milliseconds: 400)); |
||||||
|
controller.flipCamera(); |
||||||
|
|
||||||
|
controller.scannedDataStream.listen((scanData) { |
||||||
|
if (!scanned) { |
||||||
|
try { |
||||||
|
setState(() { |
||||||
|
result = scanData; |
||||||
|
|
||||||
|
List<String> lines = result!.code!.split('\n'); |
||||||
|
|
||||||
|
String idPeti = ''; |
||||||
|
String idWarehouse = ''; |
||||||
|
|
||||||
|
for (String line in lines) { |
||||||
|
if (line.contains(';')) { |
||||||
|
List<String> values = line.split(';'); |
||||||
|
if (values.length >= 3) { |
||||||
|
idPeti = values[1]; |
||||||
|
idWarehouse = values[2]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
int? petiId = int.tryParse(idPeti); |
||||||
|
int? warehouseId = int.tryParse(idWarehouse); |
||||||
|
|
||||||
|
if (petiId != null && warehouseId != null) { |
||||||
|
_valAsset = _dataAsset.firstWhere( |
||||||
|
(peti) => peti.id == petiId, |
||||||
|
orElse: () => _valAsset!, |
||||||
|
); |
||||||
|
|
||||||
|
_valWarehouse_asal_gudang = _dataWarehouse.firstWhere( |
||||||
|
(warehouse) => warehouse.id == warehouseId, |
||||||
|
orElse: () => _valWarehouse_asal_gudang!, |
||||||
|
); |
||||||
|
} else { |
||||||
|
// Jika nilai yang dipindai tidak sesuai, tampilkan pesan kesalahan |
||||||
|
ScaffoldMessenger.of(context).showSnackBar( |
||||||
|
SnackBar( |
||||||
|
content: Row( |
||||||
|
children: [ |
||||||
|
Icon( |
||||||
|
Icons.warning, |
||||||
|
color: Colors.black, // Warna ikon |
||||||
|
), |
||||||
|
SizedBox(width: 8), // Jarak antara ikon dan teks |
||||||
|
Text( |
||||||
|
'Nilai QR Code tidak sesuai dengan yang diharapkan.', |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 12, |
||||||
|
), // Warna teks |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
backgroundColor: |
||||||
|
Colors.yellow[700], // Warna latar belakang SnackBar |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
scanned = true; |
||||||
|
}); |
||||||
|
|
||||||
|
controller.stopCamera(); |
||||||
|
|
||||||
|
Future.delayed(Duration(milliseconds: 500), () { |
||||||
|
if (mounted) { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
} |
||||||
|
}); |
||||||
|
} catch (e) { |
||||||
|
print('Error scanning QR Code: $e'); |
||||||
|
ScaffoldMessenger.of(context).showSnackBar( |
||||||
|
SnackBar( |
||||||
|
content: Text('Error scanning QR Code: $e'), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
void dispose() { |
||||||
|
super.dispose(); |
||||||
|
controller?.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
AuthProvider authProvider = |
||||||
|
Provider.of<AuthProvider>(context, listen: false); |
||||||
|
UserModel user = authProvider.user; |
||||||
|
var scanArea = (MediaQuery.of(context).size.width < 400 || |
||||||
|
MediaQuery.of(context).size.height < 400) |
||||||
|
? 150.0 |
||||||
|
: 300.0; |
||||||
|
|
||||||
|
// var now = DateTime.now(); |
||||||
|
// var dt = DateTime(DateTime.now().year, DateTime.now().month, |
||||||
|
// DateTime.now().day, DateTime.now().hour, DateTime.now().minute); |
||||||
|
|
||||||
|
// // _exit_atController.text = DateFormat('yyyy-MM-dd HH:mm:ss').format(dt); |
||||||
|
// _exit_atController.text = DateFormat('dd-MM-yyyy').format(dt); |
||||||
|
|
||||||
|
Future<void> _updateTransferPeti() async { |
||||||
|
setState(() { |
||||||
|
_isLoading = true; |
||||||
|
}); |
||||||
|
|
||||||
|
try { |
||||||
|
final response = await http.put( |
||||||
|
Uri.parse('$baseUrl/peti-asset/update/${_valAsset!.id}'), |
||||||
|
headers: { |
||||||
|
'Content-Type': 'application/json', |
||||||
|
'Authorization': token!, |
||||||
|
}, |
||||||
|
body: jsonEncode({ |
||||||
|
'warehouse_id': _valWarehouse_tujuan_gudang!.id, |
||||||
|
'updated_by': user.fullname, |
||||||
|
}), |
||||||
|
); |
||||||
|
|
||||||
|
print(response.body); |
||||||
|
|
||||||
|
if (response.statusCode == 200) { |
||||||
|
final jsonData = json.decode(response.body)['data']['petis']; |
||||||
|
|
||||||
|
print('Berhasil memperbarui data: $jsonData'); |
||||||
|
|
||||||
|
// Tampilkan snackbar |
||||||
|
ScaffoldMessenger.of(context).showSnackBar( |
||||||
|
SnackBar( |
||||||
|
backgroundColor: Colors.greenAccent[700], |
||||||
|
content: Row( |
||||||
|
children: [ |
||||||
|
Icon( |
||||||
|
Icons.check_circle_outline, |
||||||
|
color: Colors.white, |
||||||
|
), |
||||||
|
SizedBox(width: 5), |
||||||
|
Text('Data berhasil ditransferkan'), |
||||||
|
], |
||||||
|
), |
||||||
|
duration: Duration(seconds: 3), // Durasi tampilan snackbar |
||||||
|
), |
||||||
|
); |
||||||
|
|
||||||
|
// Reset form input |
||||||
|
_valAsset = null; |
||||||
|
_valWarehouse_asal_gudang = null; |
||||||
|
_valWarehouse_tujuan_gudang = null; |
||||||
|
// _enterAtController.text = ''; |
||||||
|
// _enterPicController.text = ''; |
||||||
|
// _kondisiPetiController.text = ''; |
||||||
|
// _valWarehouse = null; |
||||||
|
} else { |
||||||
|
_valAsset = null; |
||||||
|
_valWarehouse_asal_gudang = null; |
||||||
|
_valWarehouse_tujuan_gudang = null; |
||||||
|
throw Exception('Gagal memperbarui data Asset Status'); |
||||||
|
} |
||||||
|
} catch (e) { |
||||||
|
print('Error updating data: $e'); |
||||||
|
ScaffoldMessenger.of(context).showSnackBar( |
||||||
|
SnackBar( |
||||||
|
backgroundColor: Colors.redAccent[700], |
||||||
|
content: Row( |
||||||
|
children: [ |
||||||
|
Icon( |
||||||
|
Icons.error_outline, |
||||||
|
color: Colors.white, |
||||||
|
), |
||||||
|
SizedBox(width: 5), |
||||||
|
Text('Gagal memperbarui data'), |
||||||
|
], |
||||||
|
), |
||||||
|
duration: Duration(seconds: 2), // Durasi tampilan snackbar |
||||||
|
), |
||||||
|
); |
||||||
|
} finally { |
||||||
|
if (mounted) { |
||||||
|
setState(() { |
||||||
|
_isLoading = false; |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return Scaffold( |
||||||
|
appBar: AppBar( |
||||||
|
automaticallyImplyLeading: false, |
||||||
|
backgroundColor: Colors.indigo[700], |
||||||
|
elevation: 0, |
||||||
|
title: Text('Buat Peminjaman Barang', |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 16, |
||||||
|
)), |
||||||
|
), |
||||||
|
body: _isLoading |
||||||
|
? const Center(child: CircularProgressIndicator()) |
||||||
|
: SingleChildScrollView( |
||||||
|
child: Padding( |
||||||
|
padding: const EdgeInsets.all(16), |
||||||
|
child: Form( |
||||||
|
key: _formKey, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Expanded( |
||||||
|
child: Card( |
||||||
|
elevation: 2, |
||||||
|
child: Container( |
||||||
|
margin: EdgeInsets.all(8), |
||||||
|
child: DropdownButtonFormField<PetiAssetModel>( |
||||||
|
validator: (value) { |
||||||
|
if (value == null) { |
||||||
|
return 'Harus diisi'; |
||||||
|
} |
||||||
|
return null; |
||||||
|
}, |
||||||
|
decoration: InputDecoration( |
||||||
|
labelText: 'Peti', |
||||||
|
border: OutlineInputBorder(), |
||||||
|
), |
||||||
|
hint: Text("Pilih Peti"), |
||||||
|
value: _valAsset, |
||||||
|
items: _dataAsset.map((PetiAssetModel item) { |
||||||
|
return DropdownMenuItem<PetiAssetModel>( |
||||||
|
child: Text('${item.fix_lot}'), |
||||||
|
value: item, |
||||||
|
); |
||||||
|
}).toList(), |
||||||
|
onChanged: (PetiAssetModel? value) { |
||||||
|
setState(() { |
||||||
|
_valAsset = value; |
||||||
|
if (value != null) { |
||||||
|
// Set _valWarehouse berdasarkan warehouse_id dari PetiAssetModel |
||||||
|
_valWarehouse_asal_gudang = |
||||||
|
_dataWarehouse.firstWhere( |
||||||
|
(warehouse) => |
||||||
|
warehouse.id == |
||||||
|
int.parse(value.warehouse_id |
||||||
|
.toString()), |
||||||
|
); |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox(width: 8), // Spacer antara dua card |
||||||
|
Card( |
||||||
|
elevation: 2, |
||||||
|
child: Container( |
||||||
|
margin: EdgeInsets.all(8), |
||||||
|
height: MediaQuery.of(context).size.height / 10, |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.indigoAccent, |
||||||
|
borderRadius: BorderRadius.circular(5), |
||||||
|
), |
||||||
|
child: IconButton( |
||||||
|
onPressed: () { |
||||||
|
showModalBottomSheet( |
||||||
|
context: context, |
||||||
|
isScrollControlled: |
||||||
|
true, // Set modal menjadi fullscreen |
||||||
|
builder: (BuildContext context) { |
||||||
|
return Stack( |
||||||
|
alignment: Alignment.center, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
height: double.infinity, |
||||||
|
width: double.infinity, |
||||||
|
child: QRView( |
||||||
|
key: qrKey, |
||||||
|
onQRViewCreated: _onQRViewCreated, |
||||||
|
overlay: QrScannerOverlayShape( |
||||||
|
borderColor: Colors.red, |
||||||
|
borderRadius: 10, |
||||||
|
borderLength: 30, |
||||||
|
borderWidth: 10, |
||||||
|
cutOutSize: scanArea, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
Positioned( |
||||||
|
bottom: 30, |
||||||
|
height: 60, |
||||||
|
child: Container( |
||||||
|
height: |
||||||
|
60, // Lebar dan tinggi sesuai kebutuhan |
||||||
|
width: 60, |
||||||
|
decoration: BoxDecoration( |
||||||
|
shape: BoxShape.circle, |
||||||
|
color: Colors |
||||||
|
.red, // Warna merah untuk close |
||||||
|
), |
||||||
|
|
||||||
|
child: IconButton( |
||||||
|
onPressed: () { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}, |
||||||
|
icon: Icon( |
||||||
|
Icons.close, |
||||||
|
size: 40, |
||||||
|
), |
||||||
|
color: Colors.white, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
}, |
||||||
|
icon: Icon( |
||||||
|
Icons.qr_code, |
||||||
|
size: 30, |
||||||
|
), |
||||||
|
color: Colors.white, // Warna ikon |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox(height: 16), |
||||||
|
Card( |
||||||
|
elevation: 2, |
||||||
|
child: Padding( |
||||||
|
padding: const EdgeInsets.all(8), |
||||||
|
child: DropdownButtonFormField<WarehouseModel>( |
||||||
|
validator: (value) { |
||||||
|
if (value == null) { |
||||||
|
return 'Harus diisi'; |
||||||
|
} |
||||||
|
return null; |
||||||
|
}, |
||||||
|
decoration: InputDecoration( |
||||||
|
labelText: 'Asal Gudang', |
||||||
|
border: OutlineInputBorder(), |
||||||
|
), |
||||||
|
hint: Text("Asal Gudang"), |
||||||
|
value: _valWarehouse_asal_gudang, |
||||||
|
items: |
||||||
|
_dataWarehouse.map((WarehouseModel warehouse) { |
||||||
|
return DropdownMenuItem<WarehouseModel>( |
||||||
|
child: Text('${warehouse.name}'), |
||||||
|
value: warehouse, |
||||||
|
); |
||||||
|
}).toList(), |
||||||
|
onChanged: null, |
||||||
|
// (WarehouseModel? value) { |
||||||
|
// setState(() { |
||||||
|
// _valWarehouse_asal_gudang = value; |
||||||
|
// }); |
||||||
|
// }, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox(height: 16), |
||||||
|
Card( |
||||||
|
elevation: 2, |
||||||
|
child: Padding( |
||||||
|
padding: const EdgeInsets.all(8), |
||||||
|
child: DropdownButtonFormField<WarehouseModel>( |
||||||
|
validator: (value) { |
||||||
|
if (value == null) { |
||||||
|
return 'Harus diisi'; |
||||||
|
} |
||||||
|
return null; |
||||||
|
}, |
||||||
|
decoration: InputDecoration( |
||||||
|
labelText: 'Tujuan Gudang', |
||||||
|
border: OutlineInputBorder(), |
||||||
|
), |
||||||
|
hint: Text("Tujuan Gudang"), |
||||||
|
value: _valWarehouse_tujuan_gudang, |
||||||
|
items: |
||||||
|
_dataWarehouse.map((WarehouseModel warehouse) { |
||||||
|
return DropdownMenuItem<WarehouseModel>( |
||||||
|
child: Text('${warehouse.name}'), |
||||||
|
value: warehouse, |
||||||
|
); |
||||||
|
}).toList(), |
||||||
|
onChanged: (WarehouseModel? value) { |
||||||
|
setState(() { |
||||||
|
_valWarehouse_tujuan_gudang = value; |
||||||
|
}); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
Visibility( |
||||||
|
visible: false, |
||||||
|
child: FractionallySizedBox( |
||||||
|
widthFactor: 1.0, |
||||||
|
child: Card( |
||||||
|
elevation: 1, |
||||||
|
child: Padding( |
||||||
|
padding: const EdgeInsets.all(8), |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
'Data dari QR Code:', |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 16, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox(height: 8), |
||||||
|
Text( |
||||||
|
result != null && result!.code != null |
||||||
|
? result!.code! |
||||||
|
: 'Belum ada data QR Code terpindai', |
||||||
|
style: TextStyle(fontSize: 14), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
bottomNavigationBar: BottomAppBar( |
||||||
|
height: MediaQuery.of(context).size.height / 8, |
||||||
|
color: Color.fromARGB(255, 5, 28, 158), // Warna latar belakang |
||||||
|
child: Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: MediaQuery.of(context).size.width / 3, |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
height: 50, // Lebar dan tinggi sesuai kebutuhan |
||||||
|
width: 50, |
||||||
|
decoration: BoxDecoration( |
||||||
|
shape: BoxShape.circle, |
||||||
|
color: Colors.red, // Warna merah untuk close |
||||||
|
), |
||||||
|
child: IconButton( |
||||||
|
onPressed: () { |
||||||
|
// Navigator.pop(context); |
||||||
|
Navigator.pushNamed(context, '/transfer-peti'); |
||||||
|
}, |
||||||
|
icon: Icon(Icons.close, color: Colors.white), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
width: MediaQuery.of(context).size.width / 3, |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
height: 50, // Lebar dan tinggi sesuai kebutuhan |
||||||
|
width: 50, |
||||||
|
decoration: BoxDecoration( |
||||||
|
shape: BoxShape.circle, |
||||||
|
color: Colors.green, // Warna hijau untuk save |
||||||
|
), |
||||||
|
child: IconButton( |
||||||
|
onPressed: () { |
||||||
|
if (_formKey.currentState!.validate()) { |
||||||
|
try { |
||||||
|
_updateTransferPeti(); |
||||||
|
} catch (e) { |
||||||
|
print('Error storing data: $e'); |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
icon: Icon(Icons.save, color: Colors.white), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,175 @@ |
|||||||
|
import 'dart:convert'; |
||||||
|
|
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:intl/intl.dart'; |
||||||
|
import 'package:siopas/connection/connection.dart'; |
||||||
|
import 'package:http/http.dart' as http; |
||||||
|
|
||||||
|
class DetailTransferPetiPage extends StatefulWidget { |
||||||
|
final int petiId; |
||||||
|
const DetailTransferPetiPage({Key? key, required this.petiId}) |
||||||
|
: super(key: key); |
||||||
|
|
||||||
|
@override |
||||||
|
State<DetailTransferPetiPage> createState() => _DetailTransferPetiPageState(); |
||||||
|
} |
||||||
|
|
||||||
|
class _DetailTransferPetiPageState extends State<DetailTransferPetiPage> { |
||||||
|
Map<String, dynamic>? petiStatusData; |
||||||
|
String _formatDate(String date) { |
||||||
|
DateTime parsedDate = DateTime.parse(date); |
||||||
|
String formattedDate = |
||||||
|
DateFormat('EEEE, dd MMMM yyyy', 'id_ID').format(parsedDate); |
||||||
|
return formattedDate; |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
_fetchAssetStatusDataPengembalian(); |
||||||
|
} |
||||||
|
|
||||||
|
Future<void> _fetchAssetStatusDataPengembalian() async { |
||||||
|
try { |
||||||
|
final response = await http.get( |
||||||
|
Uri.parse('$baseUrl/peti-asset/show/${widget.petiId}'), |
||||||
|
headers: { |
||||||
|
'Content-Type': 'application/json', |
||||||
|
}, |
||||||
|
); |
||||||
|
|
||||||
|
if (response.statusCode == 200) { |
||||||
|
setState(() { |
||||||
|
petiStatusData = json.decode(response.body)['data']['peti']; |
||||||
|
}); |
||||||
|
} else { |
||||||
|
throw Exception('Failed to load data'); |
||||||
|
} |
||||||
|
} catch (e) { |
||||||
|
print('Error fetching data: $e'); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Scaffold( |
||||||
|
backgroundColor: Colors.grey[200], |
||||||
|
appBar: AppBar( |
||||||
|
backgroundColor: Colors.indigo[700], |
||||||
|
elevation: 0, |
||||||
|
title: Text('Detail Peti', |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.white, |
||||||
|
fontSize: 16, |
||||||
|
)), |
||||||
|
leading: IconButton( |
||||||
|
icon: Icon(Icons.arrow_back, color: Colors.white), |
||||||
|
onPressed: () { |
||||||
|
Navigator.pushNamed(context, '/transfer-peti'); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
body: Padding( |
||||||
|
padding: EdgeInsets.all(16.0), |
||||||
|
child: Card( |
||||||
|
shape: RoundedRectangleBorder( |
||||||
|
borderRadius: BorderRadius.circular(15.0), |
||||||
|
), |
||||||
|
elevation: 5, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Card( |
||||||
|
shape: RoundedRectangleBorder( |
||||||
|
borderRadius: |
||||||
|
BorderRadius.vertical(top: Radius.circular(15.0)), |
||||||
|
), |
||||||
|
elevation: 0, |
||||||
|
margin: EdgeInsets.all(0), |
||||||
|
color: Colors.indigo[700], |
||||||
|
child: Padding( |
||||||
|
padding: const EdgeInsets.all(16.0), |
||||||
|
child: Row( |
||||||
|
children: [ |
||||||
|
Icon(Icons.article, |
||||||
|
size: 40, |
||||||
|
color: Colors.white), // Ganti ikon sesuai kebutuhan |
||||||
|
SizedBox(width: 10), |
||||||
|
Text( |
||||||
|
'ID: ${widget.petiId}', |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 20, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
color: Colors.white, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox(height: 10), |
||||||
|
if (petiStatusData != null) ...[ |
||||||
|
_buildDetailItem( |
||||||
|
'Tipe Peti', |
||||||
|
petiStatusData!['tipe_peti']['type'], |
||||||
|
), |
||||||
|
Divider(thickness: 1), |
||||||
|
_buildDetailItem( |
||||||
|
'Warna Peti', |
||||||
|
petiStatusData!['warna'] != null |
||||||
|
? petiStatusData!['warna'].toString() |
||||||
|
: '-'), |
||||||
|
Divider(thickness: 1), |
||||||
|
_buildDetailItem( |
||||||
|
'Customer', |
||||||
|
petiStatusData!['customer']['name'] != null |
||||||
|
? petiStatusData!['customer']['name'].toString() |
||||||
|
: '-'), |
||||||
|
Divider(thickness: 1), |
||||||
|
_buildDetailItem( |
||||||
|
'Warehouse', |
||||||
|
petiStatusData!['warehouse']['name'] != null |
||||||
|
? petiStatusData!['warehouse']['name'].toString() |
||||||
|
: '-'), |
||||||
|
Divider(thickness: 1), |
||||||
|
_buildDetailItem( |
||||||
|
'Status Peti', |
||||||
|
petiStatusData!['status_disposal'] != null |
||||||
|
? petiStatusData!['status_disposal'].toString() |
||||||
|
: '-'), |
||||||
|
Divider(thickness: 1), |
||||||
|
_buildDetailItem( |
||||||
|
'Jumlah Peti', |
||||||
|
petiStatusData!['jumlah'] != null |
||||||
|
? petiStatusData!['jumlah'].toString() |
||||||
|
: '-', |
||||||
|
), |
||||||
|
Divider(thickness: 1), |
||||||
|
_buildDetailItem( |
||||||
|
'Tgl Pembuatan Peti', |
||||||
|
petiStatusData!['created_at'] != null |
||||||
|
? _formatDate(petiStatusData!['created_at']) |
||||||
|
: '-'), |
||||||
|
], |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Widget _buildDetailItem(String label, String value) { |
||||||
|
return Padding( |
||||||
|
padding: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 16.0), |
||||||
|
child: Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
label, |
||||||
|
style: TextStyle(fontSize: 12.5, fontWeight: FontWeight.bold), |
||||||
|
), |
||||||
|
Text(value), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,287 @@ |
|||||||
|
import 'dart:convert'; |
||||||
|
import 'dart:developer'; |
||||||
|
|
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:data_table_2/data_table_2.dart'; |
||||||
|
import 'package:intl/intl.dart'; |
||||||
|
import 'package:provider/provider.dart'; |
||||||
|
import 'package:shared_preferences/shared_preferences.dart'; |
||||||
|
import 'package:siopas/models/asset_status_model.dart'; |
||||||
|
import 'package:siopas/models/m_asset_status_model.dart'; |
||||||
|
import 'package:siopas/pages/pengembalian_barang/show.dart'; |
||||||
|
import 'package:siopas/pages/transfer_peti/show.dart'; |
||||||
|
import 'package:siopas/providers/asset_status_provider.dart'; |
||||||
|
import 'package:http/http.dart' as http; |
||||||
|
|
||||||
|
import '../../connection/connection.dart'; |
||||||
|
import '../peminjaman_barang/show.dart'; |
||||||
|
|
||||||
|
class TransferPetiPage extends StatefulWidget { |
||||||
|
const TransferPetiPage({super.key}); |
||||||
|
|
||||||
|
@override |
||||||
|
State<TransferPetiPage> createState() => TransferPetiPageState(); |
||||||
|
} |
||||||
|
|
||||||
|
class TransferPetiPageState extends State<TransferPetiPage> { |
||||||
|
String? token; |
||||||
|
int _currentPage = 1; |
||||||
|
int _pageSize = 10; |
||||||
|
List<PetiAssetModel> _data = []; |
||||||
|
bool _isLoading = false; |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
_getUserToken(); |
||||||
|
fetchData(); |
||||||
|
} |
||||||
|
|
||||||
|
void _getUserToken() async { |
||||||
|
SharedPreferences prefs = await SharedPreferences.getInstance(); |
||||||
|
if (mounted) { |
||||||
|
setState(() { |
||||||
|
token = prefs.getString('token'); |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
Future<void> fetchData() async { |
||||||
|
if (mounted) { |
||||||
|
setState(() { |
||||||
|
_isLoading = true; |
||||||
|
}); |
||||||
|
|
||||||
|
try { |
||||||
|
final response = await http.get(Uri.parse('$baseUrl/peti-asset')); |
||||||
|
|
||||||
|
if (response.statusCode == 200) { |
||||||
|
final jsonData = json.decode(response.body)['data']['petis']; |
||||||
|
|
||||||
|
final List<PetiAssetModel> newData = (jsonData as List) |
||||||
|
.map((item) => PetiAssetModel.fromJson(item)) |
||||||
|
.toList(); |
||||||
|
|
||||||
|
if (mounted) { |
||||||
|
setState(() { |
||||||
|
_data.addAll(newData); |
||||||
|
_isLoading = false; |
||||||
|
}); |
||||||
|
} |
||||||
|
} else { |
||||||
|
if (mounted) { |
||||||
|
setState(() { |
||||||
|
_isLoading = false; |
||||||
|
}); |
||||||
|
} |
||||||
|
throw Exception('Failed to fetch data'); |
||||||
|
} |
||||||
|
} catch (e) { |
||||||
|
if (mounted) { |
||||||
|
setState(() { |
||||||
|
_isLoading = false; |
||||||
|
}); |
||||||
|
} |
||||||
|
print('Error fetching data: $e'); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
void _loadMoreData() { |
||||||
|
if (mounted && !_isLoading) { |
||||||
|
setState(() { |
||||||
|
_currentPage++; |
||||||
|
}); |
||||||
|
fetchData(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Scaffold( |
||||||
|
appBar: AppBar( |
||||||
|
backgroundColor: Colors.indigo[700], |
||||||
|
elevation: 0, |
||||||
|
title: Text('Data Peti (Transfer Peti)', |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 16, |
||||||
|
)), |
||||||
|
leading: IconButton( |
||||||
|
icon: Icon(Icons.arrow_back, color: Colors.white), |
||||||
|
onPressed: () { |
||||||
|
Navigator.pushNamed(context, '/home'); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
body: _isLoading |
||||||
|
? const Center(child: CircularProgressIndicator()) |
||||||
|
: SingleChildScrollView( |
||||||
|
child: SizedBox( |
||||||
|
width: double.infinity, |
||||||
|
child: PaginatedDataTable( |
||||||
|
header: const Text('Menu Peti'), |
||||||
|
rowsPerPage: _pageSize, |
||||||
|
availableRowsPerPage: const [10, 25, 50], |
||||||
|
onRowsPerPageChanged: (value) { |
||||||
|
setState(() { |
||||||
|
_pageSize = value!; |
||||||
|
}); |
||||||
|
}, |
||||||
|
columns: const [ |
||||||
|
DataColumn(label: Text('No')), |
||||||
|
DataColumn(label: Text('')), |
||||||
|
DataColumn(label: Text('Customer')), |
||||||
|
DataColumn(label: Text('Gudang')), |
||||||
|
DataColumn(label: Text('Fix Lot')), |
||||||
|
DataColumn(label: Text('Tipe Peti')), |
||||||
|
DataColumn(label: Text('Ukuran Peti')), |
||||||
|
DataColumn(label: Text('Lot No')), |
||||||
|
DataColumn(label: Text('Status Peti')), |
||||||
|
DataColumn(label: Text('Packing No')), |
||||||
|
], |
||||||
|
source: _DataSource(data: _data, context: context), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
bottomNavigationBar: BottomAppBar( |
||||||
|
color: Color.fromARGB(255, 5, 28, 158), // Warna latar belakang |
||||||
|
child: Container( |
||||||
|
height: 65.0, |
||||||
|
child: Row( |
||||||
|
mainAxisSize: MainAxisSize.max, |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
children: <Widget>[ |
||||||
|
InkWell( |
||||||
|
customBorder: CircleBorder(), |
||||||
|
onTap: () { |
||||||
|
// Aksi ketika ikon diklik |
||||||
|
Navigator.pushNamed(context, '/transfer-peti/edit'); |
||||||
|
}, |
||||||
|
child: Container( |
||||||
|
width: 45, |
||||||
|
height: 45, |
||||||
|
decoration: BoxDecoration( |
||||||
|
shape: BoxShape.circle, |
||||||
|
color: Colors.yellow[800], |
||||||
|
), |
||||||
|
child: Icon( |
||||||
|
Icons.local_shipping, |
||||||
|
size: 30, |
||||||
|
color: Colors.white, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class _DataSource extends DataTableSource { |
||||||
|
final List<PetiAssetModel> data; |
||||||
|
final BuildContext context; |
||||||
|
|
||||||
|
_DataSource({required this.data, required this.context}); |
||||||
|
@override |
||||||
|
DataRow? getRow(int index) { |
||||||
|
if (index >= data.length) { |
||||||
|
return null; |
||||||
|
} |
||||||
|
|
||||||
|
final item = data[index]; |
||||||
|
|
||||||
|
return DataRow(cells: [ |
||||||
|
DataCell( |
||||||
|
Text( |
||||||
|
(index + 1).toString(), |
||||||
|
), |
||||||
|
), |
||||||
|
DataCell( |
||||||
|
GestureDetector( |
||||||
|
onTap: () { |
||||||
|
if (item.id != null) { |
||||||
|
Navigator.push( |
||||||
|
context, |
||||||
|
MaterialPageRoute( |
||||||
|
builder: (context) => DetailTransferPetiPage( |
||||||
|
petiId: item.id!, |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
|
||||||
|
print('asset id: ${item.id}'); |
||||||
|
} |
||||||
|
}, |
||||||
|
child: Icon( |
||||||
|
Icons.article_outlined, |
||||||
|
size: 30, |
||||||
|
color: Colors.indigo[700], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
DataCell( |
||||||
|
Text( |
||||||
|
item.customer!.name!.toString() != 'null' |
||||||
|
? item.customer!.name.toString() |
||||||
|
: '-', |
||||||
|
), |
||||||
|
), |
||||||
|
DataCell( |
||||||
|
Text( |
||||||
|
item.warehouse!.name!.toString() != 'null' |
||||||
|
? item.warehouse!.name.toString() |
||||||
|
: '-', |
||||||
|
), |
||||||
|
), |
||||||
|
DataCell( |
||||||
|
Text( |
||||||
|
item.fix_lot.toString() != 'null' ? item.fix_lot.toString() : '-', |
||||||
|
), |
||||||
|
), |
||||||
|
DataCell( |
||||||
|
Text( |
||||||
|
item.tipe_peti!.type.toString() != 'null' |
||||||
|
? item.tipe_peti!.type.toString() |
||||||
|
: '-', |
||||||
|
), |
||||||
|
), |
||||||
|
DataCell( |
||||||
|
Text(item.tipe_peti!.size_peti.toString() != 'null' |
||||||
|
? item.tipe_peti!.size_peti.toString() |
||||||
|
: '-'), |
||||||
|
), |
||||||
|
DataCell( |
||||||
|
Text( |
||||||
|
item.customer!.lot_no.toString() != 'null' |
||||||
|
? item.customer!.lot_no.toString() |
||||||
|
: '-', |
||||||
|
), |
||||||
|
), |
||||||
|
DataCell( |
||||||
|
Text( |
||||||
|
item.status_disposal.toString() != 'null' |
||||||
|
? item.status_disposal.toString() |
||||||
|
: '-', |
||||||
|
), |
||||||
|
), |
||||||
|
DataCell( |
||||||
|
Text( |
||||||
|
item.packing_no.toString() != 'null' |
||||||
|
? item.packing_no.toString() |
||||||
|
: '-', |
||||||
|
), |
||||||
|
), |
||||||
|
]); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
bool get isRowCountApproximate => false; |
||||||
|
|
||||||
|
@override |
||||||
|
int get rowCount => data.length; |
||||||
|
|
||||||
|
@override |
||||||
|
int get selectedRowCount => 0; |
||||||
|
} |
||||||
Loading…
Reference in new issue