added cek suara bottom sheet and detail suara bottom sheet

lib/app/app.bottomsheets.dart

@@ -7,18 +7,23 @@
 import 'package:stacked_services/stacked_services.dart';
 
 import 'app.locator.dart';
-import '../ui/views/admin_index_tracking/halaman_caleg/coba_bottom_sheet/coba_bottom_sheet_view.dart';
+import '../ui/views/admin_index_tracking/detail_suara_bottom_sheet/detail_suara_bottom_sheet_view.dart';
+import '../ui/views/admin_index_tracking/detail_suara_pemilih_bottom_sheet/detail_suara_pemilih_bottom_sheet_view.dart';
 
 enum BottomSheetType {
-  cobaBottomSheetView,
+  detailSuaraBottomSheetView,
+  detailSuaraPemilihBottomSheetView,
 }
 
 void setupBottomSheetUi() {
   final bottomsheetService = locator<BottomSheetService>();
 
   final Map<BottomSheetType, SheetBuilder> builders = {
-    BottomSheetType.cobaBottomSheetView: (context, request, completer) =>
+    BottomSheetType.detailSuaraBottomSheetView: (context, request, completer) =>
-        CobaBottomSheetView(request: request, completer: completer),
+        DetailSuaraBottomSheetView(request: request, completer: completer),
+    BottomSheetType.detailSuaraPemilihBottomSheetView:
+        (context, request, completer) => DetailSuaraPemilihBottomSheetView(
+            request: request, completer: completer),
   };
 
   bottomsheetService.setCustomSheetBuilders(builders);

lib/app/app.dart

@@ -1,4 +1,4 @@
-import 'package:cek_suara/ui/views/admin_index_tracking/halaman_caleg/coba_bottom_sheet/coba_bottom_sheet_view.dart';
+import 'package:cek_suara/ui/views/admin_index_tracking/detail_suara_pemilih_bottom_sheet/detail_suara_pemilih_bottom_sheet_view.dart';
 import 'package:stacked_services/stacked_services.dart';
 import 'package:stacked/stacked_annotations.dart';
 
@@ -8,6 +8,7 @@ import '../services/my_easyloading.dart';
 import '../services/other_function.dart';
 import '../ui/views/admin_index_tracking/admin_first_page/admin_first_page_view.dart';
 import '../ui/views/admin_index_tracking/admin_index_tracking_view.dart';
+import '../ui/views/admin_index_tracking/detail_suara_bottom_sheet/detail_suara_bottom_sheet_view.dart';
 import '../ui/views/admin_index_tracking/halaman_area/halaman_area_view.dart';
 import '../ui/views/admin_index_tracking/halaman_caleg/halaman_caleg_view.dart';
 import '../ui/views/admin_index_tracking/halaman_caleg/tambah_edit_caleg/tambah_edit_caleg_view.dart';
@@ -45,10 +46,11 @@ import '../ui/views/splash_screen/splash_screen_view.dart';
   ],
   dialogs: [
     StackedDialog(classType: TambahEditCalegView),
-    StackedDialog(classType: TambahDetailTimSurveiView)
+    StackedDialog(classType: TambahDetailTimSurveiView),
   ],
   bottomsheets: [
-    StackedBottomsheet(classType: CobaBottomSheetView),
+    StackedBottomsheet(classType: DetailSuaraBottomSheetView),
+    StackedBottomsheet(classType: DetailSuaraPemilihBottomSheetView),
   ],
   dependencies: [
     LazySingleton(classType: NavigationService),

lib/model/pemilih_model.dart

@@ -0,0 +1,75 @@
+import '../app/app.locator.dart';
+import '../services/other_function.dart';
+
+class PemilihDetailModel {
+  List<PemilihModel>? pemilihModel;
+  int? jumlah;
+
+  PemilihDetailModel({this.pemilihModel, this.jumlah});
+
+  PemilihDetailModel.fromJson(Map<String, dynamic> json) {
+    if (json['data'] != null) {
+      pemilihModel = <PemilihModel>[];
+      json['data'].forEach((v) {
+        pemilihModel!.add(PemilihModel.fromJson(v));
+      });
+    }
+    jumlah = json['jumlah'];
+  }
+
+  Map<String, dynamic> toJson() {
+    final Map<String, dynamic> data = <String, dynamic>{};
+    if (pemilihModel != null) {
+      data['data'] = pemilihModel!.map((v) => v.toJson()).toList();
+    }
+    data['jumlah'] = jumlah;
+    return data;
+  }
+}
+
+class PemilihModel {
+  final myFunction = locator<MyFunction>();
+
+  String? nikNomorHp;
+  String? namaPemilih;
+  String? img;
+  String? nikTimSurvei;
+  String? namaTimSurvei;
+  String? namaCaleg;
+  String? namaArea;
+  String? createdAt;
+
+  PemilihModel(
+      {this.nikNomorHp,
+      this.namaPemilih,
+      this.img,
+      this.nikTimSurvei,
+      this.namaTimSurvei,
+      this.namaCaleg,
+      this.namaArea,
+      this.createdAt});
+
+  PemilihModel.fromJson(Map<String, dynamic> json) {
+    nikNomorHp = json['nik_nomor_hp'];
+    namaPemilih = json['nama_pemilih'];
+    img = json['img'];
+    nikTimSurvei = json['nik_tim_survei'];
+    namaTimSurvei = json['nama_tim_survei'];
+    namaCaleg = json['nama_caleg'];
+    namaArea = json['nama_area'];
+    createdAt = myFunction.convertDateTime(json['created_at']);
+  }
+
+  Map<String, dynamic> toJson() {
+    final Map<String, dynamic> data = <String, dynamic>{};
+    data['nik_nomor_hp'] = nikNomorHp;
+    data['nama_pemilih'] = namaPemilih;
+    data['img'] = img;
+    data['nik_tim_survei'] = nikTimSurvei;
+    data['nama_tim_survei'] = namaTimSurvei;
+    data['nama_caleg'] = namaCaleg;
+    data['nama_area'] = namaArea;
+    data['created_at'] = createdAt;
+    return data;
+  }
+}

lib/services/other_function.dart

@@ -7,4 +7,10 @@ class MyFunction {
         DateFormat('dd-MM-yyyy | hh.mm.ss a').format(dateTime);
     return formattedDateTime;
   }
+
+  // chnage | to \n in string
+  String convertDateTime2(String input) {
+    input = input.replaceAll('| ', '\n');
+    return input;
+  }
 }

lib/ui/views/admin_index_tracking/admin_index_tracking_view.dart

@@ -24,45 +24,47 @@ class AdminIndexTrackingView extends StatelessWidget {
         AdminIndexTrackingViewModel model,
         Widget? child,
       ) {
-        return Scaffold(
+        return SafeArea(
-          extendBody: false,
+          child: Scaffold(
-          body: ExtendedNavigator(
+            extendBody: false,
-            router: AdminIndexTrackingViewRouter(),
+            body: ExtendedNavigator(
-            navigatorKey: StackedService.nestedNavigationKey(2),
+              router: AdminIndexTrackingViewRouter(),
-          ),
+              navigatorKey: StackedService.nestedNavigationKey(2),
-          bottomNavigationBar: StylishBottomBar(
+            ),
-            items: [
+            bottomNavigationBar: StylishBottomBar(
-              for (var item in model.bottomNavBarList)
+              items: [
-                BottomBarItem(
+                for (var item in model.bottomNavBarList)
-                  icon: Icon(item['icon'],
+                  BottomBarItem(
-                      color: model.currentIndex ==
+                    icon: Icon(item['icon'],
-                              model.bottomNavBarList.indexOf(item)
+                        color: model.currentIndex ==
-                          ? warningColor
+                                model.bottomNavBarList.indexOf(item)
-                          : fontColor),
+                            ? warningColor
-                  title: Text(
+                            : fontColor),
-                    item['name'],
+                    title: Text(
-                    style: regularTextStyle.copyWith(
+                      item['name'],
-                      color: model.currentIndex ==
+                      style: regularTextStyle.copyWith(
-                              model.bottomNavBarList.indexOf(item)
+                        color: model.currentIndex ==
-                          ? warningColor
+                                model.bottomNavBarList.indexOf(item)
-                          : fontColor,
+                            ? warningColor
+                            : fontColor,
+                      ),
+                      // textAlign: TextAlign.l,
                     ),
-                    // textAlign: TextAlign.l,
+                    backgroundColor: model.currentIndex ==
+                            model.bottomNavBarList.indexOf(item)
+                        ? fontColor
+                        : fontColor,
                   ),
-                  backgroundColor:
+              ],
-                      model.currentIndex == model.bottomNavBarList.indexOf(item)
+              currentIndex: model.currentIndex,
-                          ? fontColor
+              option: BubbleBarOptions(),
-                          : fontColor,
+              hasNotch: true,
-                ),
+              backgroundColor: warningColor,
-            ],
+              onTap: (value) {
-            currentIndex: model.currentIndex,
+                model.handleNavigation(value);
-            option: BubbleBarOptions(),
+              },
-            hasNotch: true,
+              // fabLocation: StylishBarFabLocation.center,
-            backgroundColor: warningColor,
+            ),
-            onTap: (value) {
-              model.handleNavigation(value);
-            },
-            // fabLocation: StylishBarFabLocation.center,
           ),
         );
       },

lib/ui/views/admin_index_tracking/detail_suara_bottom_sheet/detail_suara_bottom_sheet_view.dart

@@ -0,0 +1,141 @@
+import 'package:cek_suara/app/themes/app_colors.dart';
+import 'package:cek_suara/app/themes/app_text.dart';
+import 'package:flutter/material.dart';
+import 'package:stacked/stacked.dart';
+import 'package:stacked_services/stacked_services.dart';
+
+import './detail_suara_bottom_sheet_view_model.dart';
+
+class DetailSuaraBottomSheetView extends StatelessWidget {
+  final SheetRequest? request;
+  final Function(SheetResponse)? completer;
+
+  const DetailSuaraBottomSheetView({
+    Key? key,
+    this.request,
+    this.completer,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return ViewModelBuilder<DetailSuaraBottomSheetViewModel>.reactive(
+      viewModelBuilder: () => DetailSuaraBottomSheetViewModel(),
+      onViewModelReady: (DetailSuaraBottomSheetViewModel model) async {
+        await model.init(request!);
+      },
+      builder: (
+        BuildContext context,
+        DetailSuaraBottomSheetViewModel model,
+        Widget? child,
+      ) {
+        return SafeArea(
+          child: Container(
+            width: MediaQuery.of(context).size.width,
+            padding: const EdgeInsets.all(20),
+            alignment: Alignment.topCenter,
+            decoration: const BoxDecoration(
+              color: Colors.white,
+              borderRadius: BorderRadius.only(
+                topLeft: Radius.circular(20),
+                topRight: Radius.circular(20),
+              ),
+            ),
+            child: Column(
+              children: [
+                Text(
+                  request!.title!,
+                  style: italicTextStyle.copyWith(
+                    fontSize: 15,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+                const SizedBox(height: 20),
+                Expanded(
+                  child: Container(
+                    padding: const EdgeInsets.all(15),
+                    decoration: BoxDecoration(
+                      color: warningColor,
+                      borderRadius: BorderRadius.circular(10),
+                    ),
+                    child: SingleChildScrollView(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        // mainAxisSize: MainAxisSize.min,
+                        children: [
+                          Text(
+                            'Jumlah Suara: ${model.counter}',
+                            style: boldTextStyle,
+                          ),
+                          const SizedBox(height: 10),
+                          if (model.isBusy)
+                            const Center(child: CircularProgressIndicator()),
+                          if (!model.isBusy &&
+                              model.status == true &&
+                              model.counter > 0)
+                            for (var i = 0; i < model.counter; i++)
+                              Card(
+                                child: ListTile(
+                                  // leading is datetime dummy
+                                  leading: Text(model.myFunction
+                                      .convertDateTime2(
+                                          model.listPemilih[i].createdAt!)),
+                                  title: Text(
+                                    model.listPemilih[i].namaPemilih!,
+                                    style: boldTextStyle,
+                                  ),
+                                  subtitle: Column(
+                                    crossAxisAlignment:
+                                        CrossAxisAlignment.start,
+                                    children: [
+                                      if (request!.description == 'Caleg')
+                                        Text(
+                                          model.listPemilih[i].namaTimSurvei!,
+                                          style: italicTextStyle,
+                                        ),
+                                      Text(
+                                        model.listPemilih[i].namaArea!,
+                                      ),
+                                    ],
+                                  ),
+                                  trailing: IconButton(
+                                    icon: const Icon(
+                                      Icons.info_outline,
+                                      color: mainColor,
+                                    ),
+                                    onPressed: () {
+                                      model.showDetailPemilih(
+                                        model.listPemilih[i],
+                                      );
+                                    },
+                                  ),
+                                ),
+                              ),
+                          if (!model.isBusy &&
+                              model.status == true &&
+                              model.counter == 0)
+                            const Center(
+                              child: Text(
+                                'Belum ada data',
+                                style: boldTextStyle,
+                              ),
+                            ),
+                          if (!model.isBusy && model.status == false)
+                            const Center(
+                              child: Text(
+                                'Error: Gagal mengambil data dari server',
+                                style: boldTextStyle,
+                              ),
+                            ),
+                        ],
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

lib/ui/views/admin_index_tracking/detail_suara_bottom_sheet/detail_suara_bottom_sheet_view_model.dart

@@ -0,0 +1,50 @@
+import 'package:cek_suara/model/pemilih_model.dart';
+
+import '../../../../app/app.bottomsheets.dart';
+import '../../../../app/app.logger.dart';
+import '../../../../app/core/custom_base_view_model.dart';
+import '../../../../model/my_response.model.dart';
+
+class DetailSuaraBottomSheetViewModel extends CustomBaseViewModel {
+  final log = getLogger('DetailSuaraBottomSheetViewModel');
+  bool status = false;
+
+  List<PemilihModel> listPemilih = [];
+  int counter = 0;
+
+  Future<void> init(sheetRequest) async {
+    String id = sheetRequest.data.toString();
+    String status = sheetRequest.description;
+
+    await getData(id, status);
+  }
+
+  getData(String id, String status) async {
+    setBusy(true);
+
+    try {
+      var response = await httpService.get('caleg/suara/$id');
+      MyResponseModel myResponseModel = MyResponseModel.fromJson(response.data);
+      PemilihDetailModel pemilihDetailModel =
+          PemilihDetailModel.fromJson(myResponseModel.data);
+
+      listPemilih = pemilihDetailModel.pemilihModel!;
+      counter = pemilihDetailModel.jumlah!;
+      this.status = true;
+    } catch (e) {
+      this.status = false;
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  showDetailPemilih(PemilihModel listPemilih) async {
+    await bottomSheetService.showCustomSheet(
+      variant: BottomSheetType.detailSuaraPemilihBottomSheetView,
+      title: 'Detail Suara Pemilih',
+      description: 'Detail Suara Pemilih',
+      // isScrollControlled: true,
+      data: listPemilih,
+    );
+  }
+}

lib/ui/views/admin_index_tracking/detail_suara_pemilih_bottom_sheet/detail_suara_pemilih_bottom_sheet_view.dart

@@ -0,0 +1,157 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_dotenv/flutter_dotenv.dart';
+import 'package:stacked/stacked.dart';
+import 'package:stacked_services/stacked_services.dart';
+
+import '../../../../../app/themes/app_colors.dart';
+import '../../../../../app/themes/app_text.dart';
+import './detail_suara_pemilih_bottom_sheet_view_model.dart';
+
+class DetailSuaraPemilihBottomSheetView extends StatelessWidget {
+  final SheetRequest request;
+  final Function(SheetResponse)? completer;
+
+  const DetailSuaraPemilihBottomSheetView({
+    Key? key,
+    required this.request,
+    this.completer,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return ViewModelBuilder<DetailSuaraPemilihBottomSheetViewModel>.reactive(
+      viewModelBuilder: () => DetailSuaraPemilihBottomSheetViewModel(),
+      onViewModelReady: (DetailSuaraPemilihBottomSheetViewModel model) async {
+        await model.init();
+      },
+      builder: (
+        BuildContext context,
+        DetailSuaraPemilihBottomSheetViewModel model,
+        Widget? child,
+      ) {
+        return SafeArea(
+          child: Container(
+            width: MediaQuery.of(context).size.width,
+            padding: const EdgeInsets.all(20),
+            alignment: Alignment.topCenter,
+            decoration: const BoxDecoration(
+              color: Colors.white,
+              borderRadius: BorderRadius.only(
+                topLeft: Radius.circular(16.0),
+                topRight: Radius.circular(16.0),
+              ),
+            ),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Text(
+                  request.title!,
+                  style: boldTextStyle.copyWith(
+                    fontSize: 16,
+                    color: fontColor,
+                  ),
+                ),
+                const SizedBox(height: 15),
+                Container(
+                  height: 100,
+                  width: 150,
+                  decoration: BoxDecoration(
+                    color: mainColor,
+                    borderRadius: BorderRadius.circular(10),
+                  ),
+                  child: GestureDetector(
+                    onTap: () {
+                      model.showImage(
+                        context,
+                        dotenv.env['url']! + request.data!.img!,
+                      );
+                    },
+                    child: ClipRRect(
+                      borderRadius: BorderRadius.circular(10),
+                      child: Image.network(
+                        dotenv.env['url']! + request.data!.img!,
+                        fit: BoxFit.fill,
+                        errorBuilder: (context, error, stackTrace) {
+                          return const Center(
+                            child: Icon(
+                              Icons.error,
+                              color: backgroundColor,
+                              size: 50,
+                            ),
+                          );
+                        },
+                      ),
+                    ),
+                  ),
+                ),
+                _DetailChildWidget(
+                  title: 'Nama',
+                  value: request.data!.namaPemilih!,
+                ),
+                _DetailChildWidget(
+                  title: 'No KTP /\nNo HP',
+                  value: request.data!.nikNomorHp!,
+                ),
+                _DetailChildWidget(
+                  title: 'Tanggal/\nWaktu',
+                  value: request.data!.createdAt!,
+                ),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+}
+
+class _DetailChildWidget extends StatelessWidget {
+  const _DetailChildWidget({
+    Key? key,
+    required this.title,
+    required this.value,
+  }) : super(key: key);
+  final String title;
+  final String value;
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.only(top: 15),
+      child: Row(
+        children: [
+          Expanded(
+            flex: 3,
+            child: Text(
+              title,
+              style: boldTextStyle.copyWith(
+                fontSize: 16,
+                color: fontColor,
+              ),
+            ),
+          ),
+          Expanded(
+            flex: 1,
+            child: Text(
+              ' : ',
+              style: boldTextStyle.copyWith(
+                fontSize: 16,
+                color: fontColor,
+              ),
+            ),
+          ),
+          Expanded(
+            flex: 7,
+            child: Text(
+              value,
+              style: italicTextStyle.copyWith(
+                fontSize: 16,
+                color: fontColor,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/ui/views/admin_index_tracking/detail_suara_pemilih_bottom_sheet/detail_suara_pemilih_bottom_sheet_view_model.dart

@@ -0,0 +1,23 @@
+import 'package:easy_image_viewer/easy_image_viewer.dart';
+import 'package:flutter/material.dart';
+
+import '../../../../../app/app.logger.dart';
+import '../../../../../app/core/custom_base_view_model.dart';
+
+class DetailSuaraPemilihBottomSheetViewModel extends CustomBaseViewModel {
+  final log = getLogger('DetailSuaraPemilihBottomSheetViewModel');
+  Future<void> init() async {}
+
+  showImage(BuildContext context, String? url) async {
+    log.i(url);
+    showImageViewer(
+      context,
+      Image.network(
+        url!,
+        fit: BoxFit.fill,
+      ).image,
+      swipeDismissible: true,
+      doubleTapZoomable: true,
+    );
+  }
+}

lib/ui/views/admin_index_tracking/halaman_caleg/coba_bottom_sheet/coba_bottom_sheet_view.dart

@@ -1,44 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:stacked/stacked.dart';
-import 'package:stacked_services/stacked_services.dart';
-
-import './coba_bottom_sheet_view_model.dart';
-
-class CobaBottomSheetView extends StatelessWidget {
-  final SheetRequest? request;
-  final Function(SheetResponse)? completer;
-
-  const CobaBottomSheetView({
-    Key? key,
-    this.request,
-    this.completer,
-  }) : super(key: key);
-  @override
-  Widget build(BuildContext context) {
-    return ViewModelBuilder<CobaBottomSheetViewModel>.reactive(
-      viewModelBuilder: () => CobaBottomSheetViewModel(),
-      onViewModelReady: (CobaBottomSheetViewModel model) async {
-        await model.init();
-      },
-      builder: (
-        BuildContext context,
-        CobaBottomSheetViewModel model,
-        Widget? child,
-      ) {
-        return SafeArea(
-          child: Container(
-            padding: const EdgeInsets.all(20),
-            decoration: const BoxDecoration(
-              color: Colors.white,
-              borderRadius: BorderRadius.only(
-                topLeft: Radius.circular(20),
-                topRight: Radius.circular(20),
-              ),
-            ),
-            child: const Text('Coba Bottom Sheet'),
-          ),
-        );
-      },
-    );
-  }
-}

lib/ui/views/admin_index_tracking/halaman_caleg/coba_bottom_sheet/coba_bottom_sheet_view_model.dart

@@ -1,5 +0,0 @@
-import 'package:cek_suara/app/core/custom_base_view_model.dart';
-
-class CobaBottomSheetViewModel extends CustomBaseViewModel {
-  Future<void> init() async {}
-}

lib/ui/views/admin_index_tracking/halaman_caleg/halaman_caleg_view.dart

@@ -55,79 +55,84 @@ class HalamanCalegView extends StatelessWidget {
                           borderRadius: BorderRadius.circular(10),
                           color: warningColor,
                         ),
-                        child: Column(
+                        child: SingleChildScrollView(
-                          // mainAxisSize: MainAxisSize.max,
+                          child: Column(
-                          crossAxisAlignment: CrossAxisAlignment.start,
+                            // mainAxisSize: MainAxisSize.max,
-                          mainAxisAlignment: model.isBusy
+                            crossAxisAlignment: CrossAxisAlignment.start,
-                              ? MainAxisAlignment.center
+                            mainAxisAlignment: model.isBusy
-                              : (model.listCalegModel.isNotEmpty
+                                ? MainAxisAlignment.center
-                                  ? MainAxisAlignment.start
+                                : (model.listCalegModel.isNotEmpty
-                                  : MainAxisAlignment.center),
+                                    ? MainAxisAlignment.start
-                          children: [
+                                    : MainAxisAlignment.center),
-                            if (model.isBusy)
+                            children: [
-                              const LinearProgressIndicator(
+                              if (model.isBusy)
-                                minHeight: 5,
+                                const LinearProgressIndicator(
-                                color: mainColor,
+                                  minHeight: 5,
-                              ),
+                                  color: mainColor,
-                            if (!model.isBusy &&
+                                ),
-                                model.listCalegModel.isNotEmpty)
+                              if (!model.isBusy &&
-                              SingleChildScrollView(
+                                  model.listCalegModel.isNotEmpty)
-                                child: Column(
+                                SingleChildScrollView(
-                                  children: [
+                                  child: Column(
-                                    for (var i = 0; i < model.jumlahCaleg; i++)
+                                    children: [
-                                      Card(
+                                      for (var i = 0;
-                                        child: ListTile(
+                                          i < model.jumlahCaleg;
-                                          leading: Text('${i + 1}'),
+                                          i++)
-                                          title: Text(
+                                        Card(
-                                            model.listCalegModel[i].namaCaleg!,
+                                          child: ListTile(
-                                            style: boldTextStyle,
+                                            leading: Text('${i + 1}'),
-                                          ),
+                                            title: Text(
-                                          subtitle: Text(
+                                              model
-                                            'No. Urut: ${model.listCalegModel[i].nomorUrutCaleg!}',
+                                                  .listCalegModel[i].namaCaleg!,
-                                            style: italicTextStyle,
+                                              style: boldTextStyle,
-                                          ),
+                                            ),
-                                          trailing: Row(
+                                            subtitle: Text(
-                                            mainAxisSize: MainAxisSize.min,
+                                              'No. Urut: ${model.listCalegModel[i].nomorUrutCaleg!}',
-                                            children: [
+                                              style: italicTextStyle,
-                                              IconButton(
+                                            ),
-                                                icon: const Icon(
+                                            trailing: Row(
-                                                  Icons.info_outline,
+                                              mainAxisSize: MainAxisSize.min,
-                                                  color: mainColor,
+                                              children: [
+                                                IconButton(
+                                                  icon: const Icon(
+                                                    Icons.info_outline,
+                                                    color: mainColor,
+                                                  ),
+                                                  onPressed: () {
+                                                    model.showDetailCaleg(model
+                                                        .listCalegModel[i]);
+                                                  },
                                                 ),
-                                                onPressed: () {
+                                                IconButton(
-                                                  model.showDetailCaleg(
+                                                  icon: const Icon(
-                                                      model.listCalegModel[i]);
+                                                    // trash
-                                                },
+                                                    Icons.delete_outline,
-                                              ),
+                                                    color: dangerColor,
-                                              IconButton(
+                                                  ),
-                                                icon: const Icon(
+                                                  onPressed: () {
-                                                  // trash
+                                                    model.deleteCaleg(model
-                                                  Icons.delete_outline,
+                                                        .listCalegModel[i]);
-                                                  color: dangerColor,
+                                                  },
                                                 ),
-                                                onPressed: () {
+                                              ],
-                                                  model.deleteCaleg(
+                                            ),
-                                                      model.listCalegModel[i]);
-                                                },
-                                              ),
-                                            ],
                                           ),
                                         ),
-                                      ),
+                                    ],
-                                  ],
+                                  ),
                                 ),
-                              ),
+                              if (!model.isBusy && model.listCalegModel.isEmpty)
-                            if (!model.isBusy && model.listCalegModel.isEmpty)
+                                Center(
-                              Center(
+                                  child: Text(
-                                child: Text(
+                                    model.status == true
-                                  model.status == true
+                                        ? 'Tidak ada data caleg diinput sebelumnya'
-                                      ? 'Tidak ada data caleg diinput sebelumnya'
+                                        : 'Gagal mengambil data caleg',
-                                      : 'Gagal mengambil data caleg',
+                                    style: italicTextStyle,
-                                  style: italicTextStyle,
+                                    textAlign: TextAlign.center,
-                                  textAlign: TextAlign.center,
+                                  ),
                                 ),
-                              ),
+                            ],
-                          ],
+                          ),
                         ),
                       ),
                     ),

lib/ui/views/admin_index_tracking/halaman_caleg/tambah_edit_caleg/tambah_edit_caleg_view.dart

@@ -217,7 +217,8 @@ class TambahEditCalegView extends StatelessWidget {
                       ),
                     ),
                     const SizedBox(height: 10),
-                    if (model.calegModel == null)
+                    if (model.calegModel == null &&
+                        request.title == 'Tambah Caleg')
                       SizedBox(
                         width: 250,
                         child: MyButton(
@@ -291,13 +292,15 @@ class TambahEditCalegView extends StatelessWidget {
                             width: 50,
                             height: 50,
                             decoration: BoxDecoration(
-                              color: mainColor.withOpacity(0.5),
+                              color: mainColor,
                               borderRadius: BorderRadius.circular(50),
                             ),
                             child: IconButton(
-                              onPressed: () {},
+                              onPressed: () {
+                                model.checkSuara(model.calegModel!);
+                              },
                               icon: const Icon(
-                                Icons.info,
+                                Icons.list_alt,
                                 color: Colors.white,
                               ),
                             ),

lib/ui/views/admin_index_tracking/halaman_caleg/tambah_edit_caleg/tambah_edit_caleg_view_model.dart

@@ -5,6 +5,7 @@ import 'package:dio/dio.dart';
 import 'package:flutter/material.dart';
 import 'package:http_parser/http_parser.dart';
 
+import '../../../../../app/app.bottomsheets.dart';
 import '../../../../../app/app.logger.dart';
 import '../../../../../app/core/custom_base_view_model.dart';
 
@@ -190,4 +191,17 @@ class TambahEditCalegViewModel extends CustomBaseViewModel {
       // remove all dialog
     }
   }
+
+  checkSuara(CalegModel calegModel) async {
+    log.i('calegModel: ${calegModel.toJson()}');
+    await bottomSheetService.showCustomSheet(
+      data: calegModel.idCaleg,
+      barrierDismissible: true,
+      isScrollControlled: true,
+      title: 'Detail Suara Caleg ${calegModel.namaCaleg}',
+      description: 'Caleg',
+      ignoreSafeArea: false,
+      variant: BottomSheetType.detailSuaraBottomSheetView,
+    );
+  }
 }

lib/ui/views/splash_screen/splash_screen_view.dart

@@ -20,67 +20,69 @@ class SplashScreenView extends StatelessWidget {
         SplashScreenViewModel model,
         Widget? child,
       ) {
-        return Scaffold(
+        return SafeArea(
-          backgroundColor: warningColor,
+          child: Scaffold(
-          body: Center(
+            backgroundColor: warningColor,
-            child: Column(
+            body: Center(
-              children: [
+              child: Column(
-                const Expanded(
+                children: [
-                  flex: 1,
+                  const Expanded(
-                  child: SizedBox(
+                    flex: 1,
-                    height: 100,
+                    child: SizedBox(
+                      height: 100,
+                    ),
                   ),
-                ),
+                  Image.asset(
-                Image.asset(
+                    'assets/logo.png',
-                  'assets/logo.png',
+                    width: 200,
-                  width: 200,
+                    height: 200,
-                  height: 200,
-                ),
-                const SizedBox(
-                  height: 10,
-                ),
-                Text(
-                  'SISTEM CEK SUARA',
-                  style: boldTextStyle.copyWith(
-                    // color: backgroundColor,
-                    fontSize: 20,
                   ),
-                  textAlign: TextAlign.center,
+                  const SizedBox(
-                ),
+                    height: 10,
-                Text(
-                  '(Admin App)',
-                  style: boldTextStyle.copyWith(
-                    // color: backgroundColor,
-                    fontStyle: FontStyle.italic,
                   ),
-                  textAlign: TextAlign.center,
+                  Text(
-                ),
+                    'SISTEM CEK SUARA',
-                const Expanded(child: SizedBox()),
+                    style: boldTextStyle.copyWith(
-                Text(
+                      // color: backgroundColor,
-                  'Created By',
+                      fontSize: 20,
-                  style: regularTextStyle.copyWith(
+                    ),
-                    fontSize: 12,
+                    textAlign: TextAlign.center,
                   ),
-                  textAlign: TextAlign.center,
+                  Text(
-                ),
+                    '(Admin App)',
-                Text(
+                    style: boldTextStyle.copyWith(
-                  'Kicap Karan',
+                      // color: backgroundColor,
-                  style: boldTextStyle.copyWith(
+                      fontStyle: FontStyle.italic,
-                    fontSize: 13,
+                    ),
-                    fontStyle: FontStyle.italic,
+                    textAlign: TextAlign.center,
                   ),
-                  textAlign: TextAlign.center,
+                  const Expanded(child: SizedBox()),
-                ),
+                  Text(
-                Text(
+                    'Created By',
-                  'www.kicap-karan.com',
+                    style: regularTextStyle.copyWith(
-                  style: boldTextStyle.copyWith(
+                      fontSize: 12,
-                    fontSize: 13,
+                    ),
+                    textAlign: TextAlign.center,
                   ),
-                ),
+                  Text(
-                const SizedBox(
+                    'Kicap Karan',
-                  height: 20,
+                    style: boldTextStyle.copyWith(
-                )
+                      fontSize: 13,
-              ],
+                      fontStyle: FontStyle.italic,
+                    ),
+                    textAlign: TextAlign.center,
+                  ),
+                  Text(
+                    'www.kicap-karan.com',
+                    style: boldTextStyle.copyWith(
+                      fontSize: 13,
+                    ),
+                  ),
+                  const SizedBox(
+                    height: 20,
+                  )
+                ],
+              ),
             ),
           ),
         );

pubspec.lock

@@ -193,6 +193,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "5.3.3"
+  easy_image_viewer:
+    dependency: "direct main"
+    description:
+      name: easy_image_viewer
+      sha256: "8d11a4630e9beb7aacf043c98da2dd4b3bc3b47aa4073d2016ba696376161272"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.1"
   fake_async:
     dependency: transitive
     description:

pubspec.yaml

@@ -51,6 +51,7 @@ dependencies:
   validatorless: ^1.2.3
   http_parser:
   intl:
+  easy_image_viewer: 
 
 
 dev_dependencies: