Files
numstation-flutter/lib/bookkeeping/bk_checkout1/bk_checkout1_widget.dart
2023-12-27 16:10:09 +08:00

1001 lines
50 KiB
Dart

import '/components/appbar_widget.dart';
import '/components/nav_bar1_widget.dart';
import '/flutterlib/flutter_theme.dart';
import '/flutterlib/flutter_util.dart';
import '/flutterlib/flutter_widgets.dart';
import 'package:styled_divider/styled_divider.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:provider/provider.dart';
import 'bk_checkout1_model.dart';
export 'bk_checkout1_model.dart';
class BkCheckout1Widget extends StatefulWidget {
const BkCheckout1Widget({Key? key}) : super(key: key);
@override
_BkCheckout1WidgetState createState() => _BkCheckout1WidgetState();
}
class _BkCheckout1WidgetState extends State<BkCheckout1Widget> {
late BkCheckout1Model _model;
final scaffoldKey = GlobalKey<ScaffoldState>();
@override
void initState() {
super.initState();
_model = createModel(context, () => BkCheckout1Model());
}
@override
void dispose() {
_model.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
if (isiOS) {
SystemChrome.setSystemUIOverlayStyle(
SystemUiOverlayStyle(
statusBarBrightness: Theme.of(context).brightness,
systemStatusBarContrastEnforced: true,
),
);
}
context.watch<FFAppState>();
return GestureDetector(
onTap: () => _model.unfocusNode.canRequestFocus
? FocusScope.of(context).requestFocus(_model.unfocusNode)
: FocusScope.of(context).unfocus(),
child: Scaffold(
key: scaffoldKey,
backgroundColor: Color(0xFFEBEBE4),
drawer: Container(
width: 180.0,
child: Drawer(
elevation: 16.0,
child: Container(
width: 100.0,
height: 100.0,
decoration: BoxDecoration(
color: Color(0xFF009B9A),
),
child: Column(
mainAxisSize: MainAxisSize.max,
children: [
Padding(
padding:
EdgeInsetsDirectional.fromSTEB(0.0, 80.0, 0.0, 0.0),
child: Row(
mainAxisSize: MainAxisSize.max,
children: [
Container(
width: 180.0,
height: 61.0,
decoration: BoxDecoration(
color: Color(0xFF009B9A),
),
child: InkWell(
splashColor: Colors.transparent,
focusColor: Colors.transparent,
hoverColor: Colors.transparent,
highlightColor: Colors.transparent,
onTap: () async {
context.pushNamed('account');
},
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
children: [
Padding(
padding: EdgeInsetsDirectional.fromSTEB(
15.0, 8.0, 0.0, 0.0),
child: Container(
width: 40.0,
height: 40.0,
decoration: BoxDecoration(
color: FlutterTheme.of(context)
.secondaryBackground,
shape: BoxShape.circle,
),
child: Align(
alignment: AlignmentDirectional(0.0, 0.0),
child: ClipRRect(
borderRadius:
BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/company.svg',
width: 30.0,
height: 30.0,
fit: BoxFit.contain,
),
),
),
),
),
Padding(
padding: EdgeInsetsDirectional.fromSTEB(
8.0, 8.0, 0.0, 0.0),
child: Text(
FFLocalizations.of(context).getText(
'8qfqb93k' /* ABC Ltd */,
),
style: FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily: 'Readex Pro',
color: Colors.white,
fontSize: 16.0,
),
),
),
],
),
),
),
],
),
),
Container(
width: 180.0,
height: 61.0,
decoration: BoxDecoration(
color: Color(0xFF009B9A),
),
child: InkWell(
splashColor: Colors.transparent,
focusColor: Colors.transparent,
hoverColor: Colors.transparent,
highlightColor: Colors.transparent,
onTap: () async {
context.pushNamed('account1');
},
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
children: [
ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/Group_2640.svg',
width: 0.0,
height: 0.0,
fit: BoxFit.contain,
),
),
Align(
alignment: AlignmentDirectional(0.0, 0.0),
child: Padding(
padding: EdgeInsetsDirectional.fromSTEB(
5.0, 0.0, 0.0, 0.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: Image.asset(
'assets/images/account.png',
width: 50.0,
height: 50.0,
fit: BoxFit.cover,
),
),
),
),
Padding(
padding: EdgeInsetsDirectional.fromSTEB(
8.0, 0.0, 0.0, 0.0),
child: Text(
FFLocalizations.of(context).getText(
'ovpqfq45' /* Account */,
),
style: FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily: 'Readex Pro',
color: Colors.white,
fontSize: 16.0,
),
),
),
],
),
),
),
Container(
width: 180.0,
height: 61.0,
decoration: BoxDecoration(
color: Color(0xFF009B9A),
),
child: InkWell(
splashColor: Colors.transparent,
focusColor: Colors.transparent,
hoverColor: Colors.transparent,
highlightColor: Colors.transparent,
onTap: () async {
context.pushNamed('tnc');
},
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
children: [
ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/document.svg',
width: 0.0,
height: 0.0,
fit: BoxFit.contain,
),
),
Align(
alignment: AlignmentDirectional(0.0, 0.0),
child: Padding(
padding: EdgeInsetsDirectional.fromSTEB(
16.0, 0.0, 0.0, 0.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/tnc.svg',
width: 30.0,
height: 30.0,
fit: BoxFit.cover,
),
),
),
),
Padding(
padding: EdgeInsetsDirectional.fromSTEB(
17.0, 0.0, 0.0, 0.0),
child: Text(
FFLocalizations.of(context).getText(
'6ydx9uar' /* T&C */,
),
style: FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily: 'Readex Pro',
color: Colors.white,
fontSize: 16.0,
),
),
),
ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/Group_2640.svg',
width: 0.0,
height: 0.0,
fit: BoxFit.fitHeight,
),
),
],
),
),
),
Container(
width: 180.0,
height: 61.0,
decoration: BoxDecoration(
color: Color(0xFF009B9A),
),
child: InkWell(
splashColor: Colors.transparent,
focusColor: Colors.transparent,
hoverColor: Colors.transparent,
highlightColor: Colors.transparent,
onTap: () async {
context.pushNamed('policy');
},
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
children: [
ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/Group_2640.svg',
width: 0.0,
height: 0.0,
fit: BoxFit.contain,
),
),
Align(
alignment: AlignmentDirectional(0.0, 0.0),
child: Padding(
padding: EdgeInsetsDirectional.fromSTEB(
16.0, 0.0, 0.0, 0.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/pp.svg',
width: 30.0,
height: 30.0,
fit: BoxFit.cover,
),
),
),
),
Padding(
padding: EdgeInsetsDirectional.fromSTEB(
16.0, 0.0, 0.0, 0.0),
child: Text(
FFLocalizations.of(context).getText(
'9nvr6m6c' /* Privacy
Policy */
,
),
style: FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily: 'Readex Pro',
color: Colors.white,
fontSize: 16.0,
),
),
),
],
),
),
),
Container(
width: 180.0,
height: 61.0,
decoration: BoxDecoration(
color: Color(0xFF009B9A),
),
child: InkWell(
splashColor: Colors.transparent,
focusColor: Colors.transparent,
hoverColor: Colors.transparent,
highlightColor: Colors.transparent,
onTap: () async {
context.pushNamed('language');
},
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
children: [
ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/Group_2640.svg',
width: 0.0,
height: 0.0,
fit: BoxFit.contain,
),
),
Align(
alignment: AlignmentDirectional(0.0, 0.0),
child: Padding(
padding: EdgeInsetsDirectional.fromSTEB(
16.0, 0.0, 0.0, 0.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/language.svg',
width: 30.0,
height: 30.0,
fit: BoxFit.contain,
),
),
),
),
Padding(
padding: EdgeInsetsDirectional.fromSTEB(
15.0, 0.0, 0.0, 0.0),
child: Text(
FFLocalizations.of(context).getText(
'prb5njr1' /* Languages */,
),
style: FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily: 'Readex Pro',
color: Colors.white,
fontSize: 16.0,
),
),
),
],
),
),
),
Container(
width: 180.0,
height: 61.0,
decoration: BoxDecoration(
color: Color(0xFF009B9A),
),
child: InkWell(
splashColor: Colors.transparent,
focusColor: Colors.transparent,
hoverColor: Colors.transparent,
highlightColor: Colors.transparent,
onTap: () async {
context.pushNamed('setting');
},
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
children: [
ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/Group_2640.svg',
width: 0.0,
height: 0.0,
fit: BoxFit.contain,
),
),
Align(
alignment: AlignmentDirectional(0.0, 0.0),
child: Padding(
padding: EdgeInsetsDirectional.fromSTEB(
16.0, 0.0, 0.0, 0.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/setting-2.svg',
width: 30.0,
height: 30.0,
fit: BoxFit.contain,
),
),
),
),
Padding(
padding: EdgeInsetsDirectional.fromSTEB(
15.0, 0.0, 0.0, 0.0),
child: Text(
FFLocalizations.of(context).getText(
'7qpz82wt' /* Settings */,
),
style: FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily: 'Readex Pro',
color: Colors.white,
fontSize: 16.0,
),
),
),
],
),
),
),
],
),
),
),
),
appBar: PreferredSize(
preferredSize: Size.fromHeight(0.0),
child: AppBar(
backgroundColor: Color(0xFFE7E36B),
automaticallyImplyLeading: false,
actions: [],
centerTitle: false,
elevation: 0.0,
),
),
body: SafeArea(
top: true,
child: Stack(
children: [
SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.max,
children: [
Padding(
padding:
EdgeInsetsDirectional.fromSTEB(0.0, 120.0, 0.0, 0.0),
child: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.end,
children: [
Align(
alignment: AlignmentDirectional(0.0, 0.0),
child: Container(
width: 358.0,
height: 500.0,
decoration: BoxDecoration(
color: FlutterTheme.of(context)
.secondaryBackground,
borderRadius: BorderRadius.circular(0.0),
),
child: Column(
mainAxisSize: MainAxisSize.max,
children: [
Row(
mainAxisSize: MainAxisSize.max,
children: [
Container(
width: 358.0,
height: 50.0,
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
Color(0xFF7DB979),
Color(0xFF26BBAA)
],
stops: [0.0, 1.0],
begin:
AlignmentDirectional(-1.0, 0.0),
end: AlignmentDirectional(1.0, 0),
),
),
child: Align(
alignment:
AlignmentDirectional(0.0, 0.0),
child: Text(
FFLocalizations.of(context).getText(
'y2scszit' /* Checkout */,
),
style: FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily: 'Roboto',
color: Colors.white,
fontSize: 24.0,
),
),
),
),
],
),
Column(
mainAxisSize: MainAxisSize.max,
children: [
Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment:
MainAxisAlignment.center,
children: [
Padding(
padding:
EdgeInsetsDirectional.fromSTEB(
10.0, 10.0, 0.0, 16.0),
child: Text(
FFLocalizations.of(context)
.getText(
'l4ugcg2n' /* Cart Summary */,
),
style:
FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily:
'Readex Pro',
fontSize: 20.0,
),
),
),
],
),
Padding(
padding: EdgeInsetsDirectional.fromSTEB(
0.0, 10.0, 0.0, 16.0),
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment:
MainAxisAlignment.center,
children: [
ClipRRect(
borderRadius:
BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/tick-circle.svg',
width: 40.0,
height: 40.0,
fit: BoxFit.none,
),
),
Padding(
padding: EdgeInsetsDirectional
.fromSTEB(
10.0, 0.0, 0.0, 0.0),
child: Text(
FFLocalizations.of(context)
.getText(
'lxh4iwhk' /* Payment successful */,
),
style:
FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily:
'Readex Pro',
fontSize: 20.0,
),
),
),
],
),
),
],
),
Container(
width: 328.0,
height: 214.0,
decoration: BoxDecoration(
color: Color(0xFFEBEBE4),
boxShadow: [
BoxShadow(
blurRadius: 4.0,
color: Color(0x33000000),
offset: Offset(0.0, 2.0),
)
],
borderRadius: BorderRadius.circular(16.0),
),
child: Column(
mainAxisSize: MainAxisSize.max,
children: [
Row(
mainAxisSize: MainAxisSize.max,
children: [
Expanded(
child: Padding(
padding: EdgeInsetsDirectional
.fromSTEB(
24.0, 12.0, 0.0, 18.0),
child: Text(
FFLocalizations.of(context)
.getText(
'95fcj1ag' /* Total amount paid */,
),
textAlign: TextAlign.start,
style: FlutterTheme.of(
context)
.bodyMedium
.override(
fontFamily:
'Readex Pro',
fontSize: 16.0,
),
),
),
),
],
),
SizedBox(
width: 300.0,
child: StyledDivider(
thickness: 1.0,
color: Color(0xFF364257),
lineStyle: DividerLineStyle.dashed,
),
),
Row(
mainAxisSize: MainAxisSize.max,
children: [
Padding(
padding: EdgeInsetsDirectional
.fromSTEB(
24.0, 20.0, 0.0, 0.0),
child: Text(
FFLocalizations.of(context)
.getText(
'yg5fi47w' /* Payment method */,
),
textAlign: TextAlign.start,
style:
FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily:
'Readex Pro',
fontSize: 16.0,
),
),
),
Expanded(
child: Align(
alignment: AlignmentDirectional(
1.0, 0.0),
child: Padding(
padding: EdgeInsetsDirectional
.fromSTEB(
0.0, 20.0, 24.0, 0.0),
child: Text(
FFLocalizations.of(context)
.getText(
'j08n9hie' /* Credit card */,
),
style: FlutterTheme.of(
context)
.bodyMedium
.override(
fontFamily:
'Readex Pro',
color:
Color(0xFF009B9A),
fontSize: 16.0,
),
),
),
),
),
],
),
Row(
mainAxisSize: MainAxisSize.max,
children: [
Padding(
padding: EdgeInsetsDirectional
.fromSTEB(
24.0, 20.0, 0.0, 0.0),
child: Text(
FFLocalizations.of(context)
.getText(
'7940t72x' /* Transaction date */,
),
textAlign: TextAlign.start,
style:
FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily:
'Readex Pro',
fontSize: 16.0,
),
),
),
Expanded(
child: Align(
alignment: AlignmentDirectional(
1.0, 0.0),
child: Padding(
padding: EdgeInsetsDirectional
.fromSTEB(
0.0, 20.0, 24.0, 0.0),
child: Text(
FFLocalizations.of(context)
.getText(
'no0ejgm8' /* 2023/05/25 18:28 */,
),
style: FlutterTheme.of(
context)
.bodyMedium
.override(
fontFamily:
'Readex Pro',
color:
Color(0xFF009B9A),
fontSize: 16.0,
),
),
),
),
),
],
),
Row(
mainAxisSize: MainAxisSize.max,
children: [
Padding(
padding: EdgeInsetsDirectional
.fromSTEB(
24.0, 20.0, 0.0, 0.0),
child: Text(
FFLocalizations.of(context)
.getText(
'gtlbzx7h' /* Transaction number */,
),
textAlign: TextAlign.start,
style:
FlutterTheme.of(context)
.bodyMedium
.override(
fontFamily:
'Readex Pro',
fontSize: 16.0,
),
),
),
Expanded(
child: Align(
alignment: AlignmentDirectional(
1.0, 0.0),
child: Padding(
padding: EdgeInsetsDirectional
.fromSTEB(
0.0, 20.0, 24.0, 0.0),
child: Text(
FFLocalizations.of(context)
.getText(
'y0j6lor5' /* 254678943 */,
),
style: FlutterTheme.of(
context)
.bodyMedium
.override(
fontFamily:
'Readex Pro',
color:
Color(0xFF009B9A),
fontSize: 16.0,
),
),
),
),
),
],
),
],
),
),
Expanded(
child: Padding(
padding: EdgeInsetsDirectional.fromSTEB(
10.0, 0.0, 10.0, 0.0),
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
Padding(
padding:
EdgeInsetsDirectional.fromSTEB(
0.0, 0.0, 10.0, 0.0),
child: FFButtonWidget(
onPressed: () async {
context.safePop();
},
text: FFLocalizations.of(context)
.getText(
'4vayp2up' /* Back */,
),
options: FFButtonOptions(
width: 159.0,
height: 50.0,
padding: EdgeInsetsDirectional
.fromSTEB(
24.0, 0.0, 24.0, 0.0),
iconPadding:
EdgeInsetsDirectional
.fromSTEB(
0.0, 0.0, 0.0, 0.0),
color: Color(0xFF9B0025),
textStyle:
FlutterTheme.of(context)
.titleSmall
.override(
fontFamily:
'Readex Pro',
color: Colors.white,
fontSize: 20.0,
),
elevation: 3.0,
borderSide: BorderSide(
color: Colors.transparent,
width: 1.0,
),
borderRadius:
BorderRadius.circular(40.0),
),
),
),
Padding(
padding:
EdgeInsetsDirectional.fromSTEB(
10.0, 0.0, 0.0, 0.0),
child: FFButtonWidget(
onPressed: () {
print('Button pressed ...');
},
text: FFLocalizations.of(context)
.getText(
'j3z2o0z4' /* Print */,
),
options: FFButtonOptions(
width: 159.0,
height: 50.0,
padding: EdgeInsetsDirectional
.fromSTEB(
24.0, 0.0, 24.0, 0.0),
iconPadding:
EdgeInsetsDirectional
.fromSTEB(
0.0, 0.0, 0.0, 0.0),
color: Color(0xFFF3CF5D),
textStyle: FlutterTheme.of(
context)
.titleSmall
.override(
fontFamily: 'Readex Pro',
color: Color(0xFF364257),
fontSize: 20.0,
),
elevation: 3.0,
borderSide: BorderSide(
color: Colors.transparent,
width: 1.0,
),
borderRadius:
BorderRadius.circular(40.0),
),
),
),
],
),
),
),
],
),
),
),
],
),
),
],
),
),
Align(
alignment: AlignmentDirectional(0.0, 1.0),
child: wrapWithModel(
model: _model.navBar1Model,
updateCallback: () => setState(() {}),
child: NavBar1Widget(),
),
),
Align(
alignment: AlignmentDirectional(0.0, -1.0),
child: wrapWithModel(
model: _model.appbarModel,
updateCallback: () => setState(() {}),
child: AppbarWidget(),
),
),
Align(
alignment: AlignmentDirectional(1.07, -0.97),
child: Padding(
padding:
EdgeInsetsDirectional.fromSTEB(0.0, 550.0, 30.0, 0.0),
child: InkWell(
splashColor: Colors.transparent,
focusColor: Colors.transparent,
hoverColor: Colors.transparent,
highlightColor: Colors.transparent,
onTap: () async {
context.pushNamed('chatbox');
},
child: Container(
width: 71.0,
height: 71.0,
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [Color(0xFFE7E63B), Color(0xFFC6E6D7)],
stops: [0.0, 1.0],
begin: AlignmentDirectional(-1.0, 0.0),
end: AlignmentDirectional(1.0, 0),
),
shape: BoxShape.circle,
),
child: ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: SvgPicture.asset(
'assets/images/message-2.svg',
width: 100.0,
height: 100.0,
fit: BoxFit.none,
),
),
),
),
),
),
],
),
),
),
);
}
}