first commit

lib/ui/views/admin_ui/admin_index_tracking/admin_index_tracking_view.dart

@@ -0,0 +1,78 @@
+import 'package:flutter/material.dart';
+import 'package:stacked/stacked.dart';
+import 'package:stacked_services/stacked_services.dart';
+import 'package:stylish_bottom_bar/model/bar_items.dart';
+import 'package:stylish_bottom_bar/stylish_bottom_bar.dart';
+
+import '../../../../app/app.router.dart';
+import '../../../../app/themes/app_colors.dart';
+import '../../../../app/themes/app_text.dart';
+import './admin_index_tracking_view_model.dart';
+
+class AdminIndexTrackingView extends StatelessWidget {
+  const AdminIndexTrackingView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return ViewModelBuilder<AdminIndexTrackingViewModel>.reactive(
+      viewModelBuilder: () => AdminIndexTrackingViewModel(),
+      onViewModelReady: (AdminIndexTrackingViewModel model) async {
+        await model.init();
+      },
+      builder: (
+        BuildContext context,
+        AdminIndexTrackingViewModel model,
+        Widget? child,
+      ) {
+        return Scaffold(
+          extendBody: false,
+          body: ExtendedNavigator(
+            navigatorKey: StackedService.nestedNavigationKey(2),
+            router: AdminIndexTrackingViewRouter(),
+            observers: [
+              StackedService.routeObserver,
+            ],
+          ),
+          bottomNavigationBar: StylishBottomBar(
+            items: [
+              for (var item in model.bottomNavBarList)
+                BottomBarItem(
+                  icon: Icon(item['icon'],
+                      color: model.currentIndex ==
+                              model.bottomNavBarList.indexOf(item)
+                          ? mainColor
+                          : backgroundColor),
+                  title: Align(
+                    alignment: Alignment.centerLeft,
+                    child: Text(
+                      item['name'],
+                      style: regularTextStyle.copyWith(
+                        color: model.currentIndex ==
+                                model.bottomNavBarList.indexOf(item)
+                            ? mainColor
+                            : Colors.grey,
+                      ),
+                    ),
+                  ),
+                  backgroundColor:
+                      model.currentIndex == model.bottomNavBarList.indexOf(item)
+                          ? Colors.white
+                          : Colors.grey,
+                ),
+            ],
+            currentIndex: model.currentIndex,
+            hasNotch: true,
+            backgroundColor: mainColor,
+            onTap: (value) {
+              model.handleNavigation(value);
+            },
+            option: BubbleBarOptions(
+                barStyle: BubbleBarStyle.horizotnal,
+                bubbleFillStyle: BubbleFillStyle.fill,
+                opacity: 0.3),
+          ),
+        );
+      },
+    );
+  }
+}

lib/ui/views/admin_ui/admin_index_tracking/admin_index_tracking_view_model.dart

@@ -0,0 +1,66 @@
+import 'package:flutter/material.dart';
+import 'package:stacked/stacked.dart';
+import 'package:stacked_services/stacked_services.dart';
+
+import '../../../../app/app.locator.dart';
+import '../../../../app/app.logger.dart';
+import '../../../../app/app.router.dart';
+import '../../../../services/global_var.dart';
+
+class AdminIndexTrackingViewModel extends IndexTrackingViewModel {
+  final log = getLogger('AdminIndexTrackingViewModel');
+  final globalVar = locator<GlobalVar>();
+  final navigationService = locator<NavigationService>();
+
+  final _bottomNavBarList = [
+    {
+      'name': 'Meja',
+      'icon': Icons.table_restaurant_outlined,
+      'header': 'RESERVASI MEJA',
+    },
+    {
+      'name': 'Makanan',
+      'icon': Icons.food_bank_outlined,
+      'header': 'LIST MAKANAN',
+    },
+    {
+      'name': 'Pesanan',
+      'icon': Icons.shopping_cart_outlined,
+      'header': 'LIST PESANAN',
+    },
+    {
+      'name': 'Akun',
+      'icon': Icons.person_outline,
+      'header': 'AKUN',
+    },
+  ];
+
+  String header = 'RESERVASI MEJA';
+
+  List<Map<String, dynamic>> get bottomNavBarList => _bottomNavBarList;
+
+  final List<String> _views = [
+    AdminIndexTrackingViewRoutes.mejaListView,
+    AdminIndexTrackingViewRoutes.makananListView,
+    AdminIndexTrackingViewRoutes.pesananListView,
+    AdminIndexTrackingViewRoutes.akunAdminView,
+  ];
+
+  Future<void> init() async {
+    globalVar.backPressed = 'exitApp';
+  }
+
+  void handleNavigation(int index) {
+    // log.d("handleNavigation: $index");
+    // log.d("currentIndex: $currentIndex");
+
+    if (currentIndex == index) return;
+
+    setIndex(index);
+    header = _bottomNavBarList[index]['header'] as String;
+    navigationService.navigateTo(
+      _views[index],
+      id: 2,
+    );
+  }
+}