kicap/currency-exchange
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

decorate input tukaran page

Browse Source
This commit is contained in:
kicap
2023-08-18 02:07:04 +08:00
parent 3b437c4f82
commit 7a66245b7e
7 changed files with 262 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -45,4 +45,6 @@ app.*.map.json
# .env file # .env file
.env .env
.gitignore

2
lib/ui/views/app_index_tracking/app_index_tracking_view.dart
View File

@ -1,10 +1,10 @@
import 'package:curreny_exchange/app/app.router.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart'; import 'package:stacked/stacked.dart';
import 'package:stacked_services/stacked_services.dart'; import 'package:stacked_services/stacked_services.dart';
import 'package:stylish_bottom_bar/model/bar_items.dart'; import 'package:stylish_bottom_bar/model/bar_items.dart';
import 'package:stylish_bottom_bar/stylish_bottom_bar.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_colors.dart';
import '../../../app/themes/app_text.dart'; import '../../../app/themes/app_text.dart';
import './app_index_tracking_view_model.dart'; import './app_index_tracking_view_model.dart';

397
lib/ui/views/app_index_tracking/custom_currency/custom_currency_view.dart
View File

@ -62,169 +62,278 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
RichText(
text: TextSpan(
text: 'Terakhir diperbarui : ',
style: regularTextStyle,
children: [
TextSpan(
text: viewModel.otherFunction.timeStampConverter(
viewModel.conversionResultModel!.timeLastUpdateUnix!),
style: boldTextStyle.copyWith(
color: greenColor,
),
),
],
),
),
const SizedBox( const SizedBox(
height: 10, height: 15,
),
RichText(
text: TextSpan(
text: 'Update berikutnya : ',
style: regularTextStyle,
children: [
TextSpan(
text: viewModel.otherFunction.timeStampConverter(
viewModel.conversionResultModel!.timeNextUpdateUnix!),
style: boldTextStyle.copyWith(
color: mainColor,
),
),
],
),
),
const SizedBox(
height: 10,
), ),
Row( Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [ children: [
const Text('Mata Uang : ', style: regularTextStyle), Container(
const SizedBox( width: 100,
width: 3, height: 100,
), decoration: BoxDecoration(
Image.asset( borderRadius: BorderRadius.circular(100),
'assets/flags/${viewModel.currencyInfoModel!.alphabeticCode!.toLowerCase()}.png', border: Border.all(
width: 30, color: Colors.grey,
height: 30, width: 2,
), ),
const SizedBox( boxShadow: const [
width: 5, BoxShadow(
), color: Colors.grey,
Text( spreadRadius: 2,
viewModel.currencyInfoModel!.entity!, blurRadius: 5,
style: boldTextStyle.copyWith( offset: Offset(0, 3), // changes position of shadow
color: redColor, ),
],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(100),
child: Image.asset(
'assets/flags/${viewModel.currencyInfoModel!.alphabeticCode!.toLowerCase()}.png',
width: 100,
height: 100,
fit: BoxFit.cover,
errorBuilder: (context, error, stackTrace) {
return const Icon(Icons.error);
},
),
), ),
), ),
const SizedBox( const SizedBox(
width: 3, width: 10,
), ),
Text( const Icon(
'( ${viewModel.currencyInfoModel!.alphabeticCode} )', Icons.arrow_forward,
style: italicTextStyle.copyWith( size: 30,
color: redColor, ),
const SizedBox(
width: 10,
),
Container(
width: 100,
height: 100,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100),
border: Border.all(
color: Colors.grey,
width: 2,
),
boxShadow: const [
BoxShadow(
color: Colors.grey,
spreadRadius: 2,
blurRadius: 5,
offset: Offset(0, 3), // changes position of shadow
),
],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(100),
child: Image.asset(
'assets/flags/${viewModel.konversiInfoModel!.alphabeticCode!.toLowerCase()}.png',
width: 100,
height: 100,
fit: BoxFit.cover,
errorBuilder: (context, error, stackTrace) {
return const Icon(Icons.error);
},
),
), ),
), ),
], ],
), ),
const SizedBox( const SizedBox(
height: 10, height: 20,
), ),
RichText( Card(
text: TextSpan( elevation: 5,
text: 'Jumlah Tukaran : ', child: Padding(
style: regularTextStyle, padding: const EdgeInsets.all(10),
children: [ child: Column(
TextSpan( mainAxisAlignment: MainAxisAlignment.start,
text: crossAxisAlignment: CrossAxisAlignment.start,
'${viewModel.currencyInfoModel!.alphabeticCode} ${viewModel.otherFunction.commaFormat(int.parse(viewModel.nilaiTukaran!))}', children: [
style: boldTextStyle.copyWith( RichText(
color: redColor, text: TextSpan(
text: 'Terakhir diperbarui : ',
style: regularTextStyle,
children: [
TextSpan(
text: viewModel.otherFunction.timeStampConverter(
viewModel
.conversionResultModel!.timeLastUpdateUnix!),
style: boldTextStyle.copyWith(
color: greenColor,
fontSize: 12,
),
),
],
),
), ),
), const SizedBox(
], height: 15,
),
RichText(
text: TextSpan(
text: 'Update berikutnya : ',
style: regularTextStyle,
children: [
TextSpan(
text: viewModel.otherFunction.timeStampConverter(
viewModel
.conversionResultModel!.timeNextUpdateUnix!),
style: boldTextStyle.copyWith(
color: mainColor,
fontSize: 12,
),
),
],
),
),
const SizedBox(
height: 15,
),
Row(
children: [
const Text('Mata Uang : ', style: regularTextStyle),
const SizedBox(
width: 3,
),
Image.asset(
'assets/flags/${viewModel.currencyInfoModel!.alphabeticCode!.toLowerCase()}.png',
width: 30,
height: 30,
),
const SizedBox(
width: 5,
),
Text(
viewModel.currencyInfoModel!.entity!,
style: boldTextStyle.copyWith(
color: redColor,
),
),
const SizedBox(
width: 3,
),
Text(
'( ${viewModel.currencyInfoModel!.alphabeticCode} )',
style: italicTextStyle.copyWith(
color: redColor,
),
),
],
),
const SizedBox(
height: 15,
),
RichText(
text: TextSpan(
text: 'Jumlah Tukaran : ',
style: regularTextStyle,
children: [
TextSpan(
text:
'${viewModel.currencyInfoModel!.alphabeticCode} ${viewModel.otherFunction.commaFormat(int.parse(viewModel.nilaiTukaran!))}',
style: boldTextStyle.copyWith(
color: redColor,
),
),
],
),
),
const SizedBox(
height: 15,
),
RichText(
text: TextSpan(
text: 'Konversi Tukaran : ',
style: regularTextStyle,
children: [
TextSpan(
text:
'1 ${viewModel.currencyInfoModel!.alphabeticCode}',
style: boldTextStyle.copyWith(
color: redColor,
),
),
const TextSpan(
text: ' = ',
style: regularTextStyle,
),
TextSpan(
text:
'${viewModel.conversionResultModel!.conversionRate} ${viewModel.konversiInfoModel!.alphabeticCode}',
style: boldTextStyle.copyWith(
color: orangeColor,
),
),
],
),
),
const SizedBox(
height: 15,
),
Row(
children: [
const Text('Uang Konversi: ', style: regularTextStyle),
const SizedBox(
width: 3,
),
Image.asset(
'assets/flags/${viewModel.konversiInfoModel!.alphabeticCode!.toLowerCase()}.png',
width: 30,
height: 30,
),
const SizedBox(
width: 5,
),
Text(
viewModel.konversiInfoModel!.entity!,
style: boldTextStyle.copyWith(
color: orangeColor,
),
),
const SizedBox(
width: 3,
),
Text(
'( ${viewModel.konversiInfoModel!.alphabeticCode} )',
style: italicTextStyle.copyWith(
color: orangeColor,
),
),
],
),
const SizedBox(
height: 15,
),
RichText(
text: TextSpan(
text: 'Nilai Konversi : ',
style: regularTextStyle,
children: [
TextSpan(
text:
'${viewModel.konversiInfoModel!.alphabeticCode} ${viewModel.conversionResultModel!.conversionResult}',
style: boldTextStyle.copyWith(
color: orangeColor,
),
),
],
),
),
],
),
), ),
), ),
const SizedBox( const SizedBox(
height: 10, height: 15,
), ),
RichText( const Center(
text: TextSpan( child: Text(
text: 'Konversi Tukaran : ', 'Sila Klik Icon Untuk\nKonversi Tukaran Mata Uang',
style: regularTextStyle, textAlign: TextAlign.center,
children: [
TextSpan(
text: '1 ${viewModel.currencyInfoModel!.alphabeticCode}',
style: boldTextStyle.copyWith(
color: redColor,
),
),
const TextSpan(
text: ' = ',
style: regularTextStyle,
),
TextSpan(
text:
'${viewModel.conversionResultModel!.conversionRate} ${viewModel.konversiInfoModel!.alphabeticCode}',
style: boldTextStyle.copyWith(
color: orangeColor,
),
),
],
),
),
const SizedBox(
height: 10,
),
Row(
children: [
const Text('Uang Konversi: ', style: regularTextStyle),
const SizedBox(
width: 3,
),
Image.asset(
'assets/flags/${viewModel.konversiInfoModel!.alphabeticCode!.toLowerCase()}.png',
width: 30,
height: 30,
),
const SizedBox(
width: 5,
),
Text(
viewModel.konversiInfoModel!.entity!,
style: boldTextStyle.copyWith(
color: orangeColor,
),
),
const SizedBox(
width: 3,
),
Text(
'( ${viewModel.konversiInfoModel!.alphabeticCode} )',
style: italicTextStyle.copyWith(
color: orangeColor,
),
),
],
),
const SizedBox(
height: 10,
),
RichText(
text: TextSpan(
text: 'Nilai Konversi : ',
style: regularTextStyle,
children: [
TextSpan(
text:
'${viewModel.konversiInfoModel!.alphabeticCode} ${viewModel.conversionResultModel!.conversionResult}',
style: boldTextStyle.copyWith(
color: orangeColor,
),
),
],
), ),
), ),
], ],

4
lib/ui/views/app_index_tracking/custom_currency/konversi_dialog/konversi_dialog_view.dart
View File

@ -1,9 +1,9 @@
import 'package:curreny_exchange/app/themes/app_colors.dart';
import 'package:curreny_exchange/ui/widgets/my_textformfield.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart'; import 'package:stacked/stacked.dart';
import 'package:stacked_services/stacked_services.dart'; import 'package:stacked_services/stacked_services.dart';
import '../../../../../app/themes/app_colors.dart';
import '../../../../widgets/my_textformfield.dart';
import './konversi_dialog_view_model.dart'; import './konversi_dialog_view_model.dart';
class KonversiDialogView extends StatelessWidget { class KonversiDialogView extends StatelessWidget {

2
lib/ui/views/app_index_tracking/custom_currency/konversi_dialog/pilih_negara_bottom_sheet/pilih_negara_bottom_sheet_view.dart
View File

@ -1,8 +1,8 @@
import 'package:curreny_exchange/app/themes/app_colors.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart'; import 'package:stacked/stacked.dart';
import 'package:stacked_services/stacked_services.dart'; import 'package:stacked_services/stacked_services.dart';
import '../../../../../../app/themes/app_colors.dart';
import '../../../../../../app/themes/app_text.dart'; import '../../../../../../app/themes/app_text.dart';
import './pilih_negara_bottom_sheet_view_model.dart'; import './pilih_negara_bottom_sheet_view_model.dart';

4
lib/ui/views/app_index_tracking/today_currency/today_currency_view.dart
View File

@ -1,8 +1,8 @@
import 'package:curreny_exchange/app/themes/app_colors.dart';
import 'package:curreny_exchange/app/themes/app_text.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart'; import 'package:stacked/stacked.dart';
import '../../../../app/themes/app_colors.dart';
import '../../../../app/themes/app_text.dart';
import './today_currency_view_model.dart'; import './today_currency_view_model.dart';
class TodayCurrencyView extends StatelessWidget { class TodayCurrencyView extends StatelessWidget {

2
lib/ui/views/splash_screen/splash_screen_view.dart
View File

@ -1,7 +1,7 @@
import 'package:curreny_exchange/app/themes/app_text.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart'; import 'package:stacked/stacked.dart';
import '../../../app/themes/app_text.dart';
import './splash_screen_view_model.dart'; import './splash_screen_view_model.dart';
class SplashScreenView extends StatelessWidget { class SplashScreenView extends StatelessWidget {