StageAndSuitcase/stage-and-suitcase-mih
1
0
Fork 0
forked from yaso_meth/mih-project
Code Pull Requests Activity

Merge pull request #202 from yaso-meth/NEW--Currency-Exchange-Rate

Browse Source 
NEW--Currency-Exchange-Rate
This commit is contained in:
yaso-meth
2025-06-12 12:21:43 +02:00
committed by GitHub
parent 1653840880 4ec73bf30a
commit 80a9f1a2c9
6 changed files with 553 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
Frontend/lib/mih_components/mih_objects/currency.dart Normal file
View File

@@ -0,0 +1,23 @@
class Currency {
final String code;
final String name;
const Currency({
required this.code,
required this.name,
});
factory Currency.fromJson(Map<String, dynamic> json) {
return switch (json) {
{
"code": String code,
'name': String name,
} =>
Currency(
code: code,
name: name,
),
_ => throw const FormatException('Failed to load Currency object.'),
};
}
}

3
Frontend/lib/mih_components/mih_package_components/mih_dropdwn_field.dart
View File

@@ -98,6 +98,7 @@ class _MihDropdownFieldState extends State<MihDropdownField> {
Theme(
data: Theme.of(context).copyWith(
textSelectionTheme: TextSelectionThemeData(
cursorColor: theme.primaryColor(),
selectionColor:
theme.primaryColor().withValues(alpha: 0.3),
selectionHandleColor: theme.primaryColor(),
@@ -109,6 +110,8 @@ class _MihDropdownFieldState extends State<MihDropdownField> {
enableSearch: widget.enableSearch,
enableFilter: widget.enableSearch,
enabled: widget.editable,
textInputAction: TextInputAction.search,
requestFocusOnTap: true,
menuHeight: 400,
expandedInsets: EdgeInsets.zero,
textStyle: TextStyle(

8
Frontend/lib/mih_components/mih_package_components/mih_text_form_field.dart
View File

@@ -166,10 +166,14 @@ class _MihTextFormFieldState extends State<MihTextFormField> {
maxLines: widget.passwordMode == true ? 1 : null,
readOnly: widget.readOnly ?? false,
keyboardType: widget.numberMode == true
? TextInputType.number
? const TextInputType.numberWithOptions(
decimal: true)
: null,
inputFormatters: widget.numberMode == true
? [FilteringTextInputFormatter.digitsOnly]
? [
FilteringTextInputFormatter.allow(
RegExp(r'^\d*\.?\d*'))
]
: null,
style: TextStyle(
color: widget.inputColor,

8
Frontend/lib/mih_packages/calculator/mih_calculator.dart
View File

@@ -1,6 +1,7 @@
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_action.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_tools.dart';
import 'package:mzansi_innovation_hub/mih_packages/calculator/package_tools/currency_exchange_rate.dart';
import 'package:mzansi_innovation_hub/mih_packages/calculator/package_tools/simple_calc.dart';
import 'package:mzansi_innovation_hub/mih_packages/calculator/package_tools/tip_calc.dart';
import 'package:flutter/material.dart';
@@ -59,6 +60,11 @@ class _MIHCalculatorState extends State<MIHCalculator> {
_selectedIndex = 1;
});
};
temp[const Icon(Icons.currency_exchange)] = () {
setState(() {
_selectedIndex = 2;
});
};
return MihPackageTools(
tools: temp,
selcetedIndex: _selectedIndex,
@@ -69,6 +75,7 @@ class _MIHCalculatorState extends State<MIHCalculator> {
List<Widget> toolBodies = [
const SimpleCalc(),
const TipCalc(),
const CurrencyExchangeRate(),
];
return toolBodies;
}
@@ -77,6 +84,7 @@ class _MIHCalculatorState extends State<MIHCalculator> {
List<String> toolTitles = [
"Simple Calculator",
"Tip Calculator",
"Forex Calculator",
];
return toolTitles;
}

440
Frontend/lib/mih_packages/calculator/package_tools/currency_exchange_rate.dart Normal file
View File

@@ -0,0 +1,440 @@
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:mzansi_innovation_hub/main.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_button.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_dropdwn_field.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_form.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_tool_body.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_window.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_single_child_scroll.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_text_form_field.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_loading_circle.dart';
import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
import 'package:mzansi_innovation_hub/mih_services/mih_currency_exchange_rate_services.dart';
import 'package:mzansi_innovation_hub/mih_services/mih_validation_services.dart';
class CurrencyExchangeRate extends StatefulWidget {
const CurrencyExchangeRate({super.key});
@override
State<CurrencyExchangeRate> createState() => _CurrencyExchangeRateState();
}
class _CurrencyExchangeRateState extends State<CurrencyExchangeRate> {
final _formKey = GlobalKey<FormState>();
final TextEditingController _fromCurrencyController = TextEditingController();
final TextEditingController _toCurrencyController = TextEditingController();
final TextEditingController _fromAmountController = TextEditingController();
final TextEditingController _toAmountController = TextEditingController();
late Future<List<String>> availableCurrencies;
Future<void> submitForm() async {
String fromCurrencyCode = _fromCurrencyController.text.split(" - ")[0];
String toCurrencyCode = _toCurrencyController.text.split(" - ")[0];
List<String> dateValue = [];
double exchangeRate = 0;
await MihCurrencyExchangeRateServices.getCurrencyExchangeValue(
fromCurrencyCode, toCurrencyCode)
.then((amount) {
dateValue = amount;
});
exchangeRate = double.parse(dateValue[1]);
double exchangeValue =
double.parse(_fromAmountController.text) * exchangeRate;
print(
"Date: ${dateValue[0]}\n${_fromAmountController.text} | $fromCurrencyCode\n$exchangeValue | $toCurrencyCode");
displayResult(dateValue[0], _fromAmountController.text, fromCurrencyCode,
exchangeValue, toCurrencyCode);
}
void clearInput() {
_fromCurrencyController.clear();
_fromAmountController.clear();
_toCurrencyController.clear();
_toAmountController.clear();
}
void displayResult(String date, String amount, String fromCurrencyCode,
double exchangeValue, String toCurrencyCode) {
showDialog(
context: context,
barrierDismissible: false,
builder: (context) => MihPackageWindow(
fullscreen: false,
windowTitle: "Calculation Results",
onWindowTapClose: () {
Navigator.pop(context);
},
windowBody: Column(
children: [
Icon(
Icons.currency_exchange,
size: 150,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
),
const SizedBox(height: 20),
FittedBox(
child: Text(
"Values as at $date",
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 30,
fontWeight: FontWeight.bold,
color:
MzanziInnovationHub.of(context)!.theme.secondaryColor(),
),
),
),
const SizedBox(height: 10),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Expanded(
child: Text(
amount,
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 30,
fontWeight: FontWeight.bold,
color: MzanziInnovationHub.of(context)!
.theme
.secondaryColor(),
),
),
),
const SizedBox(width: 10),
Expanded(
child: Text(
fromCurrencyCode.toUpperCase(),
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 30,
fontWeight: FontWeight.bold,
color: MzanziInnovationHub.of(context)!
.theme
.secondaryColor(),
),
),
),
],
),
const Divider(),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Expanded(
child: Text(
exchangeValue.toStringAsFixed(2),
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 30,
fontWeight: FontWeight.bold,
color: MzanziInnovationHub.of(context)!
.theme
.secondaryColor(),
),
),
),
const SizedBox(width: 10),
Expanded(
child: Text(
toCurrencyCode.toUpperCase(),
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 30,
fontWeight: FontWeight.bold,
color: MzanziInnovationHub.of(context)!
.theme
.secondaryColor(),
),
),
),
],
),
],
),
),
);
}
void displayDisclaimer() {
final String companyName = 'Mzansi Innovation Hub';
showDialog(
context: context,
builder: (context) => MihPackageWindow(
fullscreen: false,
windowTitle: "Disclaimer Notice",
onWindowTapClose: () {
Navigator.pop(context);
},
windowBody: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// Main Title
Text(
'Disclaimer of Warranty and Limitation of Liability for Forex Calculator',
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 25,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 24.0),
// First Paragraph - using RichText to bold "the Tool"
_buildRichText(
'The Forex Calculator feature ("',
'the Tool',
'") is provided on an "as is" and "as available" basis. It is an experimental feature and is intended solely for informational and illustrative purposes.',
),
const SizedBox(height: 16.0),
// Second Paragraph
Text(
'$companyName makes no representations or warranties of any kind, express or implied, as to the accuracy, completeness, reliability, or suitability of the information and calculations generated by the Tool. All exchange rates and results are estimates and are subject to change without notice.',
style: TextStyle(
fontSize: 15,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
fontWeight: FontWeight.normal,
),
),
const SizedBox(height: 16.0),
// Third Paragraph
Text(
'The information provided by the Tool should not be construed as financial, investment, trading, or any other form of advice. You should not make any financial decisions based solely on the output of this Tool. We expressly recommend that you seek independent professional advice and verify all data with a qualified financial advisor and/or through alternative, reliable market data sources before executing any foreign exchange transactions.',
style: TextStyle(
fontSize: 15,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
fontWeight: FontWeight.normal,
),
),
const SizedBox(height: 16.0),
// Fourth Paragraph
Text(
'By using the Tool, you agree that $companyName, its affiliates, directors, and employees shall not be held liable for any direct, indirect, incidental, special, consequential, or exemplary damages, including but not limited to, damages for loss of profits, goodwill, use, data, or other intangible losses, resulting from: (i) the use or the inability to use the Tool; (ii) any inaccuracies, errors, or omissions in the Tool\'s calculations or data; or (iii) any reliance placed by you on the information provided by the Tool.',
style: TextStyle(
fontSize: 15,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
fontWeight: FontWeight.normal,
),
),
],
),
),
);
}
Widget _buildRichText(String start, String bold, String end) {
return RichText(
text: TextSpan(
style: TextStyle(
fontSize: 15,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
fontWeight: FontWeight.normal,
),
children: <TextSpan>[
TextSpan(text: start),
TextSpan(
text: bold, style: const TextStyle(fontWeight: FontWeight.bold)),
TextSpan(text: end),
],
),
);
}
@override
void dispose() {
super.dispose();
_fromCurrencyController.dispose();
_fromAmountController.dispose();
_toCurrencyController.dispose();
_toAmountController.dispose();
}
@override
void initState() {
super.initState();
availableCurrencies = MihCurrencyExchangeRateServices.getCurrencyCodeList();
}
@override
Widget build(BuildContext context) {
double screenWidth = MediaQuery.of(context).size.width;
return MihPackageToolBody(
borderOn: false,
innerHorizontalPadding: 10,
bodyItem: getBody(screenWidth),
);
}
Widget getBody(double width) {
return FutureBuilder(
future: availableCurrencies,
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Mihloadingcircle();
} else if (snapshot.connectionState == ConnectionState.done) {
return MihSingleChildScroll(
child: Padding(
padding: MzanziInnovationHub.of(context)!.theme.screenType ==
"desktop"
? EdgeInsets.symmetric(horizontal: width * 0.2)
: EdgeInsets.symmetric(horizontal: width * 0.075),
child: Column(
children: [
MihForm(
formKey: _formKey,
formFields: <Widget>[
MihTextFormField(
fillColor: MzanziInnovationHub.of(context)!
.theme
.secondaryColor(),
inputColor: MzanziInnovationHub.of(context)!
.theme
.primaryColor(),
controller: _fromAmountController,
multiLineInput: false,
requiredText: true,
hintText: "Currency Amount",
numberMode: true,
validator: (value) {
return MihValidationServices().isEmpty(value);
},
),
const SizedBox(height: 10),
MihDropdownField(
controller: _fromCurrencyController,
hintText: "From",
dropdownOptions: snapshot.data!,
editable: true,
enableSearch: true,
validator: (value) {
return MihValidationServices().isEmpty(value);
},
requiredText: true,
),
const SizedBox(height: 10),
MihDropdownField(
controller: _toCurrencyController,
hintText: "To",
dropdownOptions: snapshot.data!,
editable: true,
enableSearch: true,
validator: (value) {
return MihValidationServices().isEmpty(value);
},
requiredText: true,
),
const SizedBox(height: 15),
RichText(
textAlign: TextAlign.left,
text: TextSpan(
style: TextStyle(
fontSize: 15,
color: MzanziInnovationHub.of(context)!
.theme
.errorColor(),
),
children: [
const TextSpan(
text:
"* Experimental Feature: Please review "),
TextSpan(
text: "Diclaimer",
style: TextStyle(
decoration: TextDecoration.underline,
color: MzanziInnovationHub.of(context)!
.theme
.secondaryColor(),
fontWeight: FontWeight.bold,
),
recognizer: TapGestureRecognizer()
..onTap = () {
displayDisclaimer();
},
),
const TextSpan(text: " before use."),
],
),
),
const SizedBox(height: 25),
Center(
child: Wrap(
spacing: 10,
runSpacing: 10,
children: [
MihButton(
onPressed: () {
if (_formKey.currentState!.validate()) {
submitForm();
FocusScope.of(context)
.requestFocus(FocusNode());
} else {
MihAlertServices()
.formNotFilledCompletely(context);
}
},
buttonColor: MzanziInnovationHub.of(context)!
.theme
.successColor(),
width: 300,
child: Text(
"Calculate",
style: TextStyle(
color: MzanziInnovationHub.of(context)!
.theme
.primaryColor(),
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
),
MihButton(
onPressed: () {
clearInput();
},
buttonColor: MzanziInnovationHub.of(context)!
.theme
.errorColor(),
width: 300,
child: Text(
"Clear",
style: TextStyle(
color: MzanziInnovationHub.of(context)!
.theme
.primaryColor(),
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
),
],
),
),
],
),
],
),
),
);
} else {
return Center(
child: Text(
"Error pulling Currency Exchange Data.",
style: TextStyle(
fontSize: 25,
color: MzanziInnovationHub.of(context)!.theme.errorColor()),
textAlign: TextAlign.center,
),
);
}
});
}
}

73
Frontend/lib/mih_services/mih_currency_exchange_rate_services.dart Normal file
View File

@@ -0,0 +1,73 @@
import 'dart:convert';
import 'package:mzansi_innovation_hub/mih_components/mih_objects/currency.dart';
import 'package:supertokens_flutter/http.dart' as http;
class MihCurrencyExchangeRateServices {
static Future<List<Currency>> getCurrencyObjectList() async {
final response = await http.get(Uri.parse(
"https://cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@latest/v1/currencies.min.json"));
if (response.statusCode == 200) {
final Map<String, dynamic> jsonMap = json.decode(response.body);
List<Currency> currencies = [];
jsonMap.forEach((code, dynamic nameValue) {
final String name = nameValue is String ? nameValue : 'Unknown Name';
currencies.add(Currency(code: code, name: name));
});
currencies.sort((a, b) => a.name.compareTo(b.name));
return currencies;
} else {
throw Exception('failed to fatch currencies');
}
}
static Future<List<String>> getCurrencyCodeList() async {
final response = await http.get(Uri.parse(
"https://cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@latest/v1/currencies.min.json"));
if (response.statusCode == 200) {
final Map<String, dynamic> jsonMap = json.decode(response.body);
List<String> currencies = [];
jsonMap.forEach((code, dynamic nameValue) {
final String name = nameValue is String ? nameValue : 'Unknown Name';
currencies.add("$code - $name");
});
currencies.sort();
return currencies;
} else {
throw Exception('failed to fatch currencies');
}
}
static Future<List<String>> getCurrencyExchangeValue(
String fromCurrencyCode,
String toCurrencyCode,
) async {
final response = await http.get(Uri.parse(
"https://cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@latest/v1/currencies/$fromCurrencyCode.min.json"));
if (response.statusCode == 200) {
final Map<String, dynamic> jsonResponse = json.decode(response.body);
final Map<String, dynamic>? baseCurrencyData =
jsonResponse[fromCurrencyCode];
final List<String> dateValue = [];
if (baseCurrencyData != null) {
final dynamic rateValue = baseCurrencyData[toCurrencyCode];
final String date = jsonResponse["date"];
if (rateValue is num) {
dateValue.add(date);
dateValue.add(rateValue.toString());
return dateValue;
} else {
print(
'Warning: Rate for $toCurrencyCode in $fromCurrencyCode is not a number or missing.');
return ["Error", "0"];
}
} else {
throw Exception(
'Base currency "$fromCurrencyCode" data not found in response.');
}
} else {
throw Exception('failed to fatch currencies');
}
}
}