added kode otp page, input informasi diri page, and user index tracking page, repair the back button on UserIndexTrackingView
This commit is contained in:
31
lib/ui/views/user_ui/akun_user/akun_user_view.dart
Normal file
31
lib/ui/views/user_ui/akun_user/akun_user_view.dart
Normal file
@ -0,0 +1,31 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:stacked/stacked.dart';
|
||||
|
||||
import './akun_user_view_model.dart';
|
||||
|
||||
class AkunUserView extends StatelessWidget {
|
||||
const AkunUserView({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ViewModelBuilder<AkunUserViewModel>.reactive(
|
||||
viewModelBuilder: () => AkunUserViewModel(),
|
||||
onViewModelReady: (AkunUserViewModel model) async {
|
||||
await model.init();
|
||||
},
|
||||
builder: (
|
||||
BuildContext context,
|
||||
AkunUserViewModel model,
|
||||
Widget? child,
|
||||
) {
|
||||
return const Scaffold(
|
||||
body: Center(
|
||||
child: Text(
|
||||
'AkunUserView',
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
5
lib/ui/views/user_ui/akun_user/akun_user_view_model.dart
Normal file
5
lib/ui/views/user_ui/akun_user/akun_user_view_model.dart
Normal file
@ -0,0 +1,5 @@
|
||||
import 'package:reza_app/app/core/custom_base_view_model.dart';
|
||||
|
||||
class AkunUserViewModel extends CustomBaseViewModel {
|
||||
Future<void> init() async {}
|
||||
}
|
||||
31
lib/ui/views/user_ui/makanan_list/makanan_list_view.dart
Normal file
31
lib/ui/views/user_ui/makanan_list/makanan_list_view.dart
Normal file
@ -0,0 +1,31 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:stacked/stacked.dart';
|
||||
|
||||
import './makanan_list_view_model.dart';
|
||||
|
||||
class MakananListView extends StatelessWidget {
|
||||
const MakananListView({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ViewModelBuilder<MakananListViewModel>.reactive(
|
||||
viewModelBuilder: () => MakananListViewModel(),
|
||||
onViewModelReady: (MakananListViewModel model) async {
|
||||
await model.init();
|
||||
},
|
||||
builder: (
|
||||
BuildContext context,
|
||||
MakananListViewModel model,
|
||||
Widget? child,
|
||||
) {
|
||||
return const Scaffold(
|
||||
body: Center(
|
||||
child: Text(
|
||||
'MakananListView',
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
import 'package:reza_app/app/core/custom_base_view_model.dart';
|
||||
|
||||
class MakananListViewModel extends CustomBaseViewModel {
|
||||
Future<void> init() async {}
|
||||
}
|
||||
31
lib/ui/views/user_ui/pesanan_list/pesanan_list_view.dart
Normal file
31
lib/ui/views/user_ui/pesanan_list/pesanan_list_view.dart
Normal file
@ -0,0 +1,31 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:stacked/stacked.dart';
|
||||
|
||||
import './pesanan_list_view_model.dart';
|
||||
|
||||
class PesananListView extends StatelessWidget {
|
||||
const PesananListView({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ViewModelBuilder<PesananListViewModel>.reactive(
|
||||
viewModelBuilder: () => PesananListViewModel(),
|
||||
onViewModelReady: (PesananListViewModel model) async {
|
||||
await model.init();
|
||||
},
|
||||
builder: (
|
||||
BuildContext context,
|
||||
PesananListViewModel model,
|
||||
Widget? child,
|
||||
) {
|
||||
return const Scaffold(
|
||||
body: Center(
|
||||
child: Text(
|
||||
'PesananListView',
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
import 'package:reza_app/app/core/custom_base_view_model.dart';
|
||||
|
||||
class PesananListViewModel extends CustomBaseViewModel {
|
||||
Future<void> init() async {}
|
||||
}
|
||||
31
lib/ui/views/user_ui/reservasi_meja/reservasi_meja_view.dart
Normal file
31
lib/ui/views/user_ui/reservasi_meja/reservasi_meja_view.dart
Normal file
@ -0,0 +1,31 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:stacked/stacked.dart';
|
||||
|
||||
import './reservasi_meja_view_model.dart';
|
||||
|
||||
class ReservasiMejaView extends StatelessWidget {
|
||||
const ReservasiMejaView({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ViewModelBuilder<ReservasiMejaViewModel>.reactive(
|
||||
viewModelBuilder: () => ReservasiMejaViewModel(),
|
||||
onViewModelReady: (ReservasiMejaViewModel model) async {
|
||||
await model.init();
|
||||
},
|
||||
builder: (
|
||||
BuildContext context,
|
||||
ReservasiMejaViewModel model,
|
||||
Widget? child,
|
||||
) {
|
||||
return const Scaffold(
|
||||
body: Center(
|
||||
child: Text(
|
||||
'ReservasiMejaView',
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
import 'package:reza_app/app/core/custom_base_view_model.dart';
|
||||
|
||||
class ReservasiMejaViewModel extends CustomBaseViewModel {
|
||||
Future<void> init() async {}
|
||||
}
|
||||
@ -0,0 +1,89 @@
|
||||
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 'user_index_tracking_view_model.dart';
|
||||
|
||||
class UserIndexTrackingView extends StatelessWidget {
|
||||
const UserIndexTrackingView({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ViewModelBuilder<UserIndexTrackingViewModel>.reactive(
|
||||
viewModelBuilder: () => UserIndexTrackingViewModel(),
|
||||
onViewModelReady: (UserIndexTrackingViewModel model) async {
|
||||
await model.init();
|
||||
},
|
||||
builder: (
|
||||
BuildContext context,
|
||||
UserIndexTrackingViewModel model,
|
||||
Widget? child,
|
||||
) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text(
|
||||
model.header,
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 20,
|
||||
),
|
||||
),
|
||||
backgroundColor: mainColor,
|
||||
elevation: 0,
|
||||
automaticallyImplyLeading: false,
|
||||
),
|
||||
body: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 15),
|
||||
child: ExtendedNavigator(
|
||||
navigatorKey: StackedService.nestedNavigationKey(3),
|
||||
router: UserIndexTrackingViewRouter(),
|
||||
observers: [
|
||||
StackedService.routeObserver,
|
||||
],
|
||||
),
|
||||
),
|
||||
bottomNavigationBar: StylishBottomBar(
|
||||
items: [
|
||||
for (var item in model.bottomNavBarList)
|
||||
BottomBarItem(
|
||||
icon: Icon(item['icon'],
|
||||
color: model.currentIndex ==
|
||||
model.bottomNavBarList.indexOf(item)
|
||||
? sixthGrey
|
||||
: backgroundColor),
|
||||
title: Text(
|
||||
item['name'],
|
||||
style: regularTextStyle.copyWith(
|
||||
color: model.currentIndex ==
|
||||
model.bottomNavBarList.indexOf(item)
|
||||
? sixthGrey
|
||||
: 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),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,110 @@
|
||||
import 'package:back_button_interceptor/back_button_interceptor.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.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 '../../../../app/themes/app_colors.dart';
|
||||
|
||||
class UserIndexTrackingViewModel extends IndexTrackingViewModel {
|
||||
final log = getLogger('UserIndexTrackingViewModel');
|
||||
final navigationService = locator<NavigationService>();
|
||||
bool backPressed = true;
|
||||
Future<void> init() async {
|
||||
BackButtonInterceptor.add(myInterceptor);
|
||||
}
|
||||
|
||||
bool myInterceptor(bool stopDefaultButtonEvent, RouteInfo info) {
|
||||
// print("BACK BUTTON!"); // Do some stuff.
|
||||
|
||||
if (backPressed) {
|
||||
quitApp(null);
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
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 = [
|
||||
UserIndexTrackingViewRoutes.reservasiMejaView,
|
||||
UserIndexTrackingViewRoutes.makananListView,
|
||||
UserIndexTrackingViewRoutes.pesananListView,
|
||||
UserIndexTrackingViewRoutes.akunUserView,
|
||||
];
|
||||
|
||||
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: 3,
|
||||
);
|
||||
}
|
||||
|
||||
quitApp(BuildContext? context) {
|
||||
backPressed = false;
|
||||
showDialog(
|
||||
context: context ?? StackedService.navigatorKey!.currentContext!,
|
||||
builder: (BuildContext context) {
|
||||
return AlertDialog(
|
||||
title: const Text('Keluar'),
|
||||
content: const Text('Apakah Anda yakin ingin keluar?'),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
backPressed = true;
|
||||
Navigator.of(context).pop(false);
|
||||
},
|
||||
child: const Text('Batal'),
|
||||
),
|
||||
TextButton(
|
||||
onPressed: () => Navigator.of(context).pop(true),
|
||||
child: const Text(
|
||||
'Keluar',
|
||||
style: TextStyle(color: dangerColor),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
).then((value) {
|
||||
if (value == true) {
|
||||
SystemNavigator.pop();
|
||||
}
|
||||
});
|
||||
notifyListeners();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user