step 10 : proses insert transaksi

app_petty_cash/lib/repository/transaksi_repository.dart

@@ -46,4 +46,48 @@ class TransaksiRepository extends BaseRepository {
     });
     return result;
   }
+
+  // insert transaksi
+  Future<String> insertTransaksi(
+      String tanggal,
+      String tipe,
+      String kategoriid,
+      String jumlah,
+      String catatan,
+      String userid,
+      String sender,
+      String url) async {
+    String paramPostInUrl = "";
+    if (tipe == "KREDIT") {
+      sender = "";
+      paramPostInUrl =
+          "?tanggal=$tanggal&tipe=$tipe&kategoriid=$kategoriid&jumlah=$jumlah&catatan=$catatan&url=$url&userid=$userid&sender=$sender";
+    } else {
+      if (tipe == "DEBIT") {
+        kategoriid = "0";
+        paramPostInUrl =
+            "?tanggal=$tanggal&tipe=$tipe&kategoriid=$kategoriid&jumlah=$jumlah&catatan=$catatan&url=$url&userid=$userid&sender=$sender";
+      }
+    }
+    // /?tanggal=2023-12-29&tipe=KREDIT&kategoriid=3&jumlah=5000&catatan=Lakban%20Besar&url=&userid=1&sender=
+
+    final service =
+        "${Constant.baseUrlDevone}transaction/addtransaction/$paramPostInUrl";
+    final resp = await get(
+      // param: {
+      //   "": "",
+      // },
+      service: service,
+    );
+
+    print("url insert transaksi : $service");
+
+    // final result = List<ListCategory>.empty(growable: true);
+    // resp['data'].forEach((e) {
+    //   final model = ListCategory.fromJson(e);
+    //   result.add(model);
+    // });
+
+    return resp['status'];
+  }
 }

app_petty_cash/lib/screen/transaksi/insert_transaksi_provider.dart

@@ -0,0 +1,84 @@
+
+import 'package:equatable/equatable.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+import '../../repository/transaksi_repository.dart';
+import '../../provider/dio_provider.dart';
+import '../../repository/base_repository.dart';
+
+abstract class InsertTransaksiState extends Equatable {
+  final DateTime date;
+  const InsertTransaksiState(this.date);
+  @override
+  List<Object?> get props => [date];
+}
+
+class InsertTransaksiStateInit extends InsertTransaksiState {
+  InsertTransaksiStateInit() : super(DateTime.now());
+}
+
+class InsertTransaksiStateLoading extends InsertTransaksiState {
+  InsertTransaksiStateLoading() : super(DateTime.now());
+}
+
+class InsertTransaksiStateError extends InsertTransaksiState {
+  final String message;
+  InsertTransaksiStateError({
+    required this.message,
+  }) : super(DateTime.now());
+}
+
+class InsertTransaksiStateDone extends InsertTransaksiState {
+  // final List<ListType> model;
+  final String resp;
+  InsertTransaksiStateDone({
+    required this.resp,
+  }) : super(DateTime.now());
+}
+
+//notifier
+class InsertTransaksiNotifier extends StateNotifier<InsertTransaksiState> {
+  final Ref ref;
+  InsertTransaksiNotifier({
+    required this.ref,
+  }) : super(InsertTransaksiStateInit());
+
+  void insertTransaksi(
+    String tanggal,
+    String tipe,
+    String kategoriid,
+    String jumlah,
+    String catatan,
+    String userid,
+    String sender,
+    String url,
+  ) async {
+    try {
+      state = InsertTransaksiStateLoading();
+      final dio = ref.read(dioProvider);
+      final resp = await TransaksiRepository(dio: dio).insertTransaksi(
+        tanggal,
+        tipe,
+        kategoriid,
+        jumlah,
+        catatan,
+        userid,
+        sender,
+        url,
+      );
+      state = InsertTransaksiStateDone(resp: resp);
+    } catch (e) {
+      if (e is BaseRepositoryException) {
+        state = InsertTransaksiStateError(message: e.message.toString());
+      } else {
+        state = InsertTransaksiStateError(message: e.toString());
+      }
+    }
+  }
+}
+
+//provider
+final insertTransaksiProvider =
+    StateNotifierProvider<InsertTransaksiNotifier, InsertTransaksiState>(
+  (ref) => InsertTransaksiNotifier(ref: ref),
+);

app_petty_cash/lib/screen/transaksi/transaksi_screen.dart

@@ -1,5 +1,7 @@
 import 'package:app_petty_cash/app/app_extension.dart';
+import 'package:app_petty_cash/app/route.dart';
 import 'package:app_petty_cash/model/list_type_model.dart';
+import 'package:app_petty_cash/screen/transaksi/insert_transaksi_provider.dart';
 import 'package:app_petty_cash/screen/transaksi/list_category_provider.dart';
 import 'package:app_petty_cash/screen/transaksi/list_type_provider.dart';
 import 'package:dropdown_button2/dropdown_button2.dart';
@@ -66,6 +68,9 @@ class TransaksiScreen extends HookConsumerWidget {
       ),
     );
 
+    // transaksi
+    final transaksiIsLoading = useState(false);
+
     // A. LISTEN PROVIDER
     ref.listen(
       listTypeProvider,
@@ -73,7 +78,7 @@ class TransaksiScreen extends HookConsumerWidget {
         if (next is ListTypeStateLoading) {
           listTypeLoading.value = true;
         } else if (next is ListTypeStateError) {
-          print(next.message);
+          // print(next.message);
           listTypeLoading.value = false;
           SanckbarWidget(context, next.message, snackbarType.error);
         } else if (next is ListTypeStateDone) {
@@ -100,7 +105,7 @@ class TransaksiScreen extends HookConsumerWidget {
         if (next is ListCategoryStateLoading) {
           listCategoryLoading.value = true;
         } else if (next is ListCategoryStateError) {
-          print(next.message);
+          // print(next.message);
           listCategoryLoading.value = false;
           SanckbarWidget(context, next.message, snackbarType.error);
         } else if (next is ListCategoryStateDone) {
@@ -113,6 +118,31 @@ class TransaksiScreen extends HookConsumerWidget {
       },
     );
 
+    // insert transaksi provider
+    ref.listen(
+      insertTransaksiProvider,
+      (previous, next) {
+        if (next is InsertTransaksiStateLoading) {
+          transaksiIsLoading.value = true;
+        } else if (next is InsertTransaksiStateError) {
+          print(next.message);
+          transaksiIsLoading.value = false;
+          SanckbarWidget(context, next.message, snackbarType.error);
+        } else if (next is InsertTransaksiStateDone) {
+          // print(jsonEncode(next.model));
+          // print(next.model.length);
+          transaksiIsLoading.value = false;
+          SanckbarWidget(
+            context,
+            'Data Berhasil Disimpan',
+            snackbarType.success,
+          );
+          Navigator.of(context).pop();
+          Navigator.of(context).pushNamed(homeRoute);
+        }
+      },
+    );
+
     useEffect(() {
       WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
         // list Type Provider
@@ -254,13 +284,25 @@ class TransaksiScreen extends HookConsumerWidget {
                   SizedBox(
                     width: Constant.getActualXPhone(context: context, x: 340),
                     height: Constant.getActualYPhone(context: context, y: 36),
-                    child: Row(
+                    child: (listTypeLoading.value)
+                        ? SizedBox(
+                            width: Constant.getActualXPhone(
+                                context: context, x: 24),
+                            height: Constant.getActualYPhone(
+                                context: context, y: 32),
+                            child: Center(
+                              child: CircularProgressIndicator(),
+                            ),
+                          )
+                        : Row(
                             mainAxisAlignment: MainAxisAlignment.start,
                             children: [
                               if (listTypeData.value.isEmpty)
                                 Text('Radio Button Empty')
                               else
-                          for (var i = 0; i < listTypeData.value.length; i++)
+                                for (var i = 0;
+                                    i < listTypeData.value.length;
+                                    i++)
                                   Padding(
                                     padding: const EdgeInsets.only(right: 20),
                                     child: Row(
@@ -268,10 +310,12 @@ class TransaksiScreen extends HookConsumerWidget {
                                         Radio<ListType>(
                                           activeColor: Constant.confirmed,
                                           value: listTypeData.value[i],
-                                    groupValue: selectedListTypeData.value,
+                                          groupValue:
+                                              selectedListTypeData.value,
                                           onChanged: (ListType? index) {
                                             if (isMounted()) {
-                                        selectedListTypeData.value = index!;
+                                              selectedListTypeData.value =
+                                                  index!;
                                             } else {
                                               return;
                                             }
@@ -279,7 +323,8 @@ class TransaksiScreen extends HookConsumerWidget {
                                         ),
                                         Text(
                                           listTypeData.value[i].typename ?? "",
-                                    style: Constant.body1(context: context)
+                                          style:
+                                              Constant.body1(context: context)
                                                   .copyWith(
                                             color: Constant.textBlack,
                                             fontWeight: FontWeight.w400,
@@ -297,19 +342,31 @@ class TransaksiScreen extends HookConsumerWidget {
                   ),
 
                   // Kategori
-                  if (selectedListTypeData.value.typeid != "KREDIT") ...[
+                  if (selectedListTypeData.value.typeid == "KREDIT") ...[
                     Text(
                       'Kategori',
                       style: Constant.body1(context: context).copyWith(
                         fontWeight: FontWeight.w600,
-                          color: Constant.textBlack),
+                        color: Constant.textBlack,
+                      ),
                     ),
                     SizedBox(
                       height: Constant.getActualYPhone(context: context, y: 10),
                     ),
                     // Dropdown kategori
-                    SizedBox(
+                    (listCategoryLoading.value)
-                      width: Constant.getActualXPhone(context: context, x: 390),
+                        ? SizedBox(
+                            width: Constant.getActualXPhone(
+                                context: context, x: 24),
+                            height: Constant.getActualYPhone(
+                                context: context, y: 32),
+                            child: Center(
+                              child: CircularProgressIndicator(),
+                            ),
+                          )
+                        : SizedBox(
+                            width: Constant.getActualXPhone(
+                                context: context, x: 390),
                             child: DropdownButtonHideUnderline(
                               child: DropdownButton2<ListCategory>(
                                 isExpanded: true,
@@ -327,8 +384,8 @@ class TransaksiScreen extends HookConsumerWidget {
                                     ),
                                   ],
                                 ),
-                          items:
+                                items: listCategoryData.value
-                              listCategoryData.value.map((ListCategory option) {
+                                    .map((ListCategory option) {
                                   return DropdownMenuItem<ListCategory>(
                                     value: option,
                                     child: Text(
@@ -348,15 +405,15 @@ class TransaksiScreen extends HookConsumerWidget {
                                   // }
                                 },
                                 buttonStyleData: ButtonStyleData(
-                            height:
+                                  height: Constant.getActualY(
-                                Constant.getActualY(context: context, y: 56),
+                                      context: context, y: 56),
-                            width:
+                                  width: Constant.getActualX(
-                                Constant.getActualX(context: context, x: 320),
+                                      context: context, x: 320),
                                   padding: EdgeInsets.only(
-                              left:
+                                    left: Constant.getActualX(
-                                  Constant.getActualX(context: context, x: 10),
+                                        context: context, x: 10),
-                              right:
+                                    right: Constant.getActualX(
-                                  Constant.getActualX(context: context, x: 10),
+                                        context: context, x: 10),
                                   ),
                                   decoration: BoxDecoration(
                                     color: Constant.white,
@@ -375,17 +432,18 @@ class TransaksiScreen extends HookConsumerWidget {
                                   iconDisabledColor: Colors.grey,
                                 ),
                                 dropdownStyleData: DropdownStyleData(
-                            maxHeight:
+                                  maxHeight: Constant.getActualY(
-                                Constant.getActualY(context: context, y: 200),
+                                      context: context, y: 200),
                                   // width: Constant.getActualX(context: context, x: 320),
                                   padding: EdgeInsets.only(
-                              top: Constant.getActualY(context: context, y: 10),
+                                    top: Constant.getActualY(
-                              left:
+                                        context: context, y: 10),
-                                  Constant.getActualX(context: context, x: 10),
+                                    left: Constant.getActualX(
-                              right:
+                                        context: context, x: 10),
-                                  Constant.getActualX(context: context, x: 10),
+                                    right: Constant.getActualX(
-                              bottom:
+                                        context: context, x: 10),
-                                  Constant.getActualY(context: context, y: 10),
+                                    bottom: Constant.getActualY(
+                                        context: context, y: 10),
                                   ),
                                   decoration: BoxDecoration(
                                     color: Constant.white,
@@ -403,20 +461,22 @@ class TransaksiScreen extends HookConsumerWidget {
                                   offset: const Offset(0, -10),
                                   scrollbarTheme: ScrollbarThemeData(
                                     radius: const Radius.circular(40),
-                              thickness: MaterialStateProperty.all<double>(6),
+                                    thickness:
+                                        MaterialStateProperty.all<double>(6),
                                     thumbVisibility:
                                         MaterialStateProperty.all<bool>(true),
                                   ),
                                 ),
                                 menuItemStyleData: MenuItemStyleData(
-                            height:
+                                  height: Constant.getActualY(
-                                Constant.getActualY(context: context, y: 56),
+                                      context: context, y: 56),
                                   padding: EdgeInsets.only(
-                              top: Constant.getActualY(context: context, y: 10),
+                                    top: Constant.getActualY(
-                              left:
+                                        context: context, y: 10),
-                                  Constant.getActualX(context: context, x: 10),
+                                    left: Constant.getActualX(
-                              right:
+                                        context: context, x: 10),
-                                  Constant.getActualX(context: context, x: 10),
+                                    right: Constant.getActualX(
+                                        context: context, x: 10),
                                   ),
                                 ),
                               ),
@@ -428,10 +488,13 @@ class TransaksiScreen extends HookConsumerWidget {
                     ),
                   ],
 
+                  // Nama Pengirim
+                  if (selectedListTypeData.value.typeid == "DEBIT") ...[
                     Text(
                       'Nama Pengirim',
                       style: Constant.body1(context: context).copyWith(
-                        fontWeight: FontWeight.w600, color: Constant.textBlack),
+                          fontWeight: FontWeight.w600,
+                          color: Constant.textBlack),
                     ),
                     SizedBox(
                       height: Constant.getActualYPhone(context: context, y: 10),
@@ -439,10 +502,12 @@ class TransaksiScreen extends HookConsumerWidget {
                     TextField(
                       controller: ctrlNamaPengirim,
                       decoration: InputDecoration(
-                      hintStyle: Constant.body2_400(context: context).copyWith(
+                        hintStyle:
+                            Constant.body2_400(context: context).copyWith(
                           color: Colors.orange,
                         ),
-                      labelStyle: Constant.body2_400(context: context).copyWith(
+                        labelStyle:
+                            Constant.body2_400(context: context).copyWith(
                           color: Colors.orange,
                         ),
                         border: OutlineInputBorder(
@@ -461,6 +526,7 @@ class TransaksiScreen extends HookConsumerWidget {
                         // hintText: 'Nama Pengirim',
                       ),
                     ),
+                  ],
                   // CustomTextField(
                   //   isNumber: false,
                   //   isReadOnly: false,
@@ -618,12 +684,67 @@ class TransaksiScreen extends HookConsumerWidget {
               width: Constant.getActualXPhone(context: context, x: 336),
               height: Constant.getActualYPhone(context: context, y: 42),
               child: ElevatedButton(
-                child: Text(
+                child: Stack(
+                  children: [
+                    (transaksiIsLoading.value)
+                        ? SizedBox(
+                            width: Constant.getActualXPhone(
+                                context: context, x: 24),
+                            height: Constant.getActualYPhone(
+                                context: context, y: 32),
+                            child: CircularProgressIndicator(
+                              color: Colors.white,
+                            ),
+                          )
+                        : Text(
                             'Simpan',
                             style: Constant.body1(context: context).copyWith(
-                      fontWeight: FontWeight.w600, color: Constant.textBlack),
+                                fontWeight: FontWeight.w600,
+                                color: Constant.textBlack),
                           ),
-                onPressed: () {},
+                  ],
+                ),
+                onPressed: () {
+                  if (selectedListTypeData.value.typeid.toString() ==
+                      "KREDIT") {
+                    ctrlNamaPengirim.text = "";
+                    //  validasi form
+                  } else {
+                    if (selectedListTypeData.value.typeid.toString() ==
+                        "DEBIT") {
+                      selectedListCategory.value.categoryid = "0";
+                      // validasi form
+                    }
+                  }
+
+                  DateTime parsedDate = DateFormat('dd-MM-yyyy').parse(
+                    ctrlTglAwal.value.text.toString(),
+                  );
+                  String formattedDateTransaksi =
+                      DateFormat('yyyy-MM-dd').format(parsedDate);
+                  var param = {
+                    "tgltransaksi": formattedDateTransaksi,
+                    "typeid": selectedListTypeData.value.typeid.toString(),
+                    "categoryid":
+                        selectedListCategory.value.categoryid.toString(),
+                    "jumlah": ctrlJumlah.value.text.toString(),
+                    "catatan": ctrlCatatan.value.text.toString(),
+                    "userid": "1",
+                    "namapengirim": ctrlNamaPengirim.value.text.toString(),
+                    "url": "",
+                  };
+                  print(param);
+                  ref.read(insertTransaksiProvider.notifier).insertTransaksi(
+                        formattedDateTransaksi,
+                        selectedListTypeData.value.typeid.toString(),
+                        selectedListCategory.value.categoryid.toString(),
+                        ctrlJumlah.value.text.toString(),
+                        ctrlCatatan.value.text.toString(),
+                        "1",
+                        ctrlNamaPengirim.value.text.toString(),
+                        "",
+                      );
+                },
               ),
             ),
           ),