starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-04-24 09:38:35 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: add Currency Converter

Browse Source
This commit is contained in:
Herculino Trotta
2024-12-21 16:30:04 -03:00
parent 8d7af0b5b6
commit d570be9dd6
7 changed files with 186 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/templates/includes/navbar.html
View File

@@ -65,7 +65,7 @@
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle {% active_link views='dca_strategy_index||dca_strategy_detail_index||unit_price_calculator' %}"
<a class="nav-link dropdown-toggle {% active_link views='dca_strategy_index||dca_strategy_detail_index||unit_price_calculator||currency_converter' %}"
href="#" role="button"
data-bs-toggle="dropdown"
aria-expanded="false">
@@ -78,6 +78,9 @@
<li><a class="dropdown-item {% active_link views='unit_price_calculator' %}"
href="{% url 'unit_price_calculator' %}">{% translate 'Unit Price Calculator' %}</a></li>
<li>
<li><a class="dropdown-item {% active_link views='currency_converter' %}"
href="{% url 'currency_converter' %}">{% translate 'Currency Converter' %}</a></li>
<li>
</ul>
</li>
<li class="nav-item dropdown">

9
app/templates/mini_tools/currency_converter/converted_value.html Normal file
View File

@@ -0,0 +1,9 @@
{% load decimal %}
{% load currency_display %}
{% load formats %}
<input class="form-control form-control-lg mb-3"
type="text"
value="{{ converted_amount|drop_trailing_zeros|localize_number|default:'-' }}"
name="to_value"
id="to_value"
disabled>

45
app/templates/mini_tools/currency_converter/currency_converter.html Normal file
View File

@@ -0,0 +1,45 @@
{% extends "layouts/base.html" %}
{% load formats %}
{% load crispy_forms_filters %}
{% load crispy_forms_tags %}
{% load i18n %}
{% load webpack_loader %}
{% block title %}{% translate 'Unit Price Calculator' %}{% endblock %}
{% block content %}
<div class="container px-md-3 py-3 column-gap-5" _="install init_tom_select">
<div class="tw-text-3xl fw-bold font-monospace tw-w-full mb-3">
<div>{% translate 'Currency Converter' %}</div>
</div>
<div class="row">
<div class="col-5">
<div>
<input class="form-control form-control-lg mb-3"
type="text"
value="1"
name="from_value"
id="from_value"
x-data
x-mask:dynamic="$money($input, '{% get_decimal_separator %}', '{% get_thousand_separator %}', '30')">
</div>
<div>{{ form.from_currency|as_crispy_field }}</div>
</div>
<div class="col text-primary tw-flex tw-items-center tw-justify-center">
<i class="fa-solid fa-equals"></i>
</div>
<div class="col-5">
<div hx-get="{% url 'currency_converter_convert' %}"
hx-trigger="input from:#from_value, input from:#id_from_currency, input from:#id_to_currency"
hx-include="#from_value, #id_from_currency, #id_to_currency">
<input class="form-control form-control-lg mb-3"
type="text"
name="to_value"
id="to_value"
disabled>
</div>
<div>{{ form.to_currency|as_crispy_field }}</div>
</div>
</div>
</div>
{% endblock %}