Skip to content

T
Tour Travel Agency AGR
Commit 23f2021e authored by Dio Maulana's avatar Dio Maulana
Browse files
Options

reimbursement page

parent d98a9848
Show whitespace changes
Inline Side-by-side
Showing with 194 additions and 5 deletions
lib/page/home/home.dart
View file @ 23f2021e
...@@ -99,11 +99,16 @@ class BodyWIdget extends StatelessWidget { ...@@ -99,11 +99,16 @@ class BodyWIdget extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.spaceAround, mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
CardSectionHome( GestureDetector(
onTap: () {
Navigator.pushNamed(context, Routes.reimburseRoute);
},
child: CardSectionHome(
title: "Reimburse", title: "Reimburse",
subtitle: "List Data Reimbursement", subtitle: "List Data Reimbursement",
logo: Assets.reimburseIcon, logo: Assets.reimburseIcon,
), ),
),
CardSectionHome( CardSectionHome(
title: "History", title: "History",
subtitle: "Riwayat Perjalanan", subtitle: "Riwayat Perjalanan",
......
lib/page/reimbursement/reimbursement.dart 0 → 100644
View file @ 23f2021e
import 'package:flutter/material.dart';
import 'package:tour_travel_agr/helper/components_widget/custom_appbar.dart';
import 'package:tour_travel_agr/resource/assets.dart';
import 'package:tour_travel_agr/resource/colors.dart';
import 'package:tour_travel_agr/resource/font.dart';
import 'package:tour_travel_agr/resource/size.dart';
import 'package:tour_travel_agr/resource/style.dart';
class ReimbursementView extends StatelessWidget {
const ReimbursementView({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: ColorManager.backgroundColor,
body: Container(
padding: EdgeInsets.only(
top: AppPadding.safeAreaTop(context),
left: AppPadding.p20,
right: AppPadding.p20,
bottom: AppPadding.safeAreaBot(context),
),
child: Column(
children: [
const CustomAppBar(text: "Reimbursement"),
Column(
mainAxisSize: MainAxisSize.max,
children: [
Container(
margin: EdgeInsets.only(
top: AppMargin.m16,
),
padding: EdgeInsets.only(
left: AppPadding.p20,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"24 Maret 2023",
style: getSemiBoldStyle(
color: Colors.black,
fontFamily: FontConstants.openSans,
),
),
Image(
image: AssetImage(
Assets.calenderIcon,
),
)
],
),
),
],
),
const SizedBox(
height: 12,
),
Expanded(
child: ListView.builder(
padding: EdgeInsets.zero,
itemCount: 10,
itemBuilder: (c, index) {
return const ListTransaction();
},
),
),
],
),
),
);
}
}
class ListTransaction extends StatelessWidget {
const ListTransaction({
super.key,
});
@override
Widget build(BuildContext context) {
return Container(
margin: const EdgeInsets.only(
bottom: 12,
),
padding: EdgeInsets.all(
AppPadding.p12,
),
height: 102,
width: double.infinity,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(
12,
),
border: Border.all(
width: 0.5,
color: Colors.grey.withOpacity(
0.25,
),
),
color: Colors.white,
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.3),
blurRadius: 2,
offset: const Offset(5, 5),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
const Spacer(),
Text(
"24 Maret 2023",
style: getRegularStyle(
color: ColorManager.grey,
fontFamily: FontConstants.openSans,
fontSize: FontSize.s12,
),
)
],
),
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(
100,
),
color: ColorManager.pink,
),
child: Center(
child: Image(
width: 20,
height: 20,
image: AssetImage(
Assets.transactionIcon,
),
),
),
),
Container(
margin: EdgeInsets.only(
left: AppMargin.m16,
),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"15 Transaksi",
style: getBoldStyle(
color: Colors.black,
fontFamily: FontConstants.mulish,
fontSize: 18,
),
),
Text(
"Rp 320.000",
style: getSemiBoldStyle(
color: ColorManager.primary,
fontFamily: FontConstants.openSans,
),
),
],
),
)
],
)
],
),
);
}
}
lib/resource/routes.dart
View file @ 23f2021e
...@@ -7,6 +7,7 @@ import 'package:tour_travel_agr/page/home/home.dart'; ...@@ -7,6 +7,7 @@ import 'package:tour_travel_agr/page/home/home.dart';
import 'package:tour_travel_agr/page/profile/edit_profile/edit_profile.dart'; import 'package:tour_travel_agr/page/profile/edit_profile/edit_profile.dart';
import 'package:tour_travel_agr/page/profile/profile.dart'; import 'package:tour_travel_agr/page/profile/profile.dart';
import 'package:tour_travel_agr/page/register/register.dart'; import 'package:tour_travel_agr/page/register/register.dart';
import 'package:tour_travel_agr/page/reimbursement/reimbursement.dart';
import 'package:tour_travel_agr/page/reset_password/reset_password.dart'; import 'package:tour_travel_agr/page/reset_password/reset_password.dart';
import 'package:tour_travel_agr/page/splash/splash.dart'; import 'package:tour_travel_agr/page/splash/splash.dart';
...@@ -56,6 +57,9 @@ class RouteGenerator { ...@@ -56,6 +57,9 @@ class RouteGenerator {
case Routes.editProfileRoute: case Routes.editProfileRoute:
return pageRouteCustom(const EditProfileView(), return pageRouteCustom(const EditProfileView(),
nameRoute: Routes.editProfileRoute); nameRoute: Routes.editProfileRoute);
case Routes.reimburseRoute:
return pageRouteCustom(const ReimbursementView(),
nameRoute: Routes.reimburseRoute);
default: default:
return unDefinedRoute(); return unDefinedRoute();
} }
...@@ -67,7 +71,7 @@ class RouteGenerator { ...@@ -67,7 +71,7 @@ class RouteGenerator {
pageBuilder: (context, a, b) => target, pageBuilder: (context, a, b) => target,
transitionDuration: Duration.zero, transitionDuration: Duration.zero,
reverseTransitionDuration: Duration.zero, reverseTransitionDuration: Duration.zero,
settings: RouteSettings(name: nameRoute.replaceAll("/", "")), settings: RouteSettings(name: nameRoute.replaceFirst("/", "")),
); );
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment