starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-04-23 17:18:44 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: first batch of work

Browse Source
This commit is contained in:
Herculino Trotta
2025-11-01 03:15:44 -03:00
parent e600d87968
commit a63367a772
175 changed files with 3433 additions and 2245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/templates/mini_tools/currency_converter/converted_value.html
View File

@@ -1,7 +1,7 @@
{% load decimal %}
{% load currency_display %}
{% load formats %}
<input class="tw:input tw:input-bordered tw:input-lg tw:w-full tw:mb-3"
<input class="input input-bordered input-lg w-full mb-3"
type="text"
value="{{ converted_amount|localize_number:decimal_places|default:'-' }}"
name="to_value"

34
app/templates/mini_tools/currency_converter/currency_converter.html
View File

@@ -7,16 +7,16 @@
{% block title %}{% translate 'Currency Converter' %}{% endblock %}
{% block content %}
<div class="tw:container tw:px-md-3 tw:py-3 tw:column-gap-5"
<div class="container px-md-3 py-3 column-gap-5"
_="install init_tom_select
install init_datepicker">
<div class="tw:text-3xl tw:font-bold tw:font-mono tw:w-full tw:mb-3">
<div class="text-3xl font-bold font-mono w-full mb-3">
<div>{% translate 'Currency Converter' %}</div>
</div>
<div class="tw:grid tw:lg:grid-cols-[2fr_auto_2fr] tw:gap-4">
<div class="grid lg:grid-cols-[2fr_auto_2fr] gap-4">
<div>
<div>
<input class="tw:input tw:input-bordered tw:input-lg tw:w-full tw:mb-3"
<input class="input input-bordered input-lg w-full mb-3"
type="text"
value="1"
name="from_value"
@@ -26,7 +26,7 @@
</div>
<div>{{ form.from_currency|as_crispy_field }}</div>
</div>
<div class="tw:text-primary tw:flex tw:items-center tw:justify-center tw:my-3 tw:lg:my-0">
<div class="text-primary flex items-center justify-center my-3 lg:my-0">
<i class="fa-solid fa-equals"></i>
</div>
<div>
@@ -34,7 +34,7 @@
hx-trigger="input from:#from_value, input from:#id_from_currency, input from:#id_to_currency, updated"
hx-include="#from_value, #id_from_currency, #id_to_currency"
id="result">
<input class="tw:input tw:input-bordered tw:input-lg tw:w-full tw:mb-3"
<input class="input input-bordered input-lg w-full mb-3"
type="text"
name="to_value"
id="to_value"
@@ -43,8 +43,8 @@
<div>{{ form.to_currency|as_crispy_field }}</div>
</div>
</div>
<div class="tw:grid">
<div class="tw:cursor-pointer tw:text-primary tw:text-right"
<div class="grid">
<div class="cursor-pointer text-primary text-right"
_="on click
set from_value to #id_from_currency's value
set to_value to #id_to_currency's value
@@ -54,18 +54,18 @@
call #id_to_currency.tomselect.sync()
trigger updated on #result
end">
<i class="fa-solid fa-rotate tw:me-2"></i><span>{% trans 'Invert' %}</span>
<i class="fa-solid fa-rotate me-2"></i><span>{% trans 'Invert' %}</span>
</div>
</div>
<hr class="tw:my-4">
<div class="tw:grid tw:grid-cols-1 tw:md:grid-cols-2 tw:lg:grid-cols-3 tw:gap-4">
<hr class="my-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
{% for currency, data in rate_map.items %}
<div>
<c-ui.info-card color="yellow" title="{{ currency }}">
{% for rate in data.rates.values %}
<div class="tw:flex tw:justify-between tw:items-baseline tw:mt-2">
<div class="tw:text-right tw:font-mono">
<div class="tw:text-base-content/60">
<div class="flex justify-between items-baseline mt-2">
<div class="text-right font-mono">
<div class="text-base-content/60">
{# <c-amount.display#}
{# :amount="1"#}
{# :prefix="data.prefix"#}
@@ -73,9 +73,9 @@
{# :decimal_places="data.decimal_places"></c-amount.display>#}
</div>
</div>
<div class="dotted-line tw:flex-grow"></div>
<div class="dotted-line flex-grow"></div>
{% if currency.income_projected != 0 %}
<div class="tw:text-right tw:font-mono tw:text-green-400">
<div class="text-right font-mono text-green-400">
<c-amount.display
:amount="rate.rate"
:prefix="rate.prefix"
@@ -83,7 +83,7 @@
:decimal_places="rate.decimal_places"></c-amount.display>
</div>
{% else %}
<div class="tw:text-right tw:font-mono">-</div>
<div class="text-right font-mono">-</div>
{% endif %}
</div>
{% endfor %}

78
app/templates/mini_tools/unit_price_calculator.html
View File

@@ -4,14 +4,14 @@
{% block title %}{% translate 'Unit Price Calculator' %}{% endblock %}
{% block content %}
<div class="tw:container tw:px-md-3 tw:py-3 tw:column-gap-5">
<div class="tw:text-3xl tw:font-bold tw:font-mono tw:w-full tw:mb-3">
<div class="container px-md-3 py-3 column-gap-5">
<div class="text-3xl font-bold font-mono w-full mb-3">
<div>{% translate 'Unit Price Calculator' %}</div>
</div>
<div class="tw:card tw:bg-base-100 tw:shadow-xl tw:mb-3 tw:hidden" id="card-placeholder">
<div class="tw:card-header tw:bg-base-200 tw:p-4 tw:flex tw:flex-row tw:justify-between">
<h5 class="title tw:flex-grow"></h5>
<button class="tw:btn tw:btn-secondary tw:btn-sm tw:text-error"
<div class="card bg-base-100 shadow-xl mb-3 hidden" id="card-placeholder">
<div class="card-header bg-base-200 p-4 flex flex-row justify-between">
<h5 class="title flex-grow"></h5>
<button class="btn btn-secondary btn-sm text-error"
role="button"
data-bs-toggle="tooltip"
data-bs-title="{% translate "Delete" %}"
@@ -19,23 +19,23 @@
<i class="fa-solid fa-trash fa-fw"></i>
</button>
</div>
<div class="tw:card-body">
<div class="tw:grid tw:lg:grid-cols-3 tw:gap-3">
<div class="card-body">
<div class="grid lg:grid-cols-3 gap-3">
<div>
<div>
<label for="price" class="tw:label">{% trans 'Item price' %}</label>
<input type="number" inputmode="decimal" class="tw:input tw:input-bordered tw:w-full item-price" id="price">
<label for="price" class="label">{% trans 'Item price' %}</label>
<input type="number" inputmode="decimal" class="input input-bordered w-full item-price" id="price">
</div>
</div>
<div>
<div>
<label for="amount" class="tw:label">{% trans 'Item amount' %}</label>
<input type="number" inputmode="decimal" class="tw:input tw:input-bordered tw:w-full item-amount" id="amount">
<label for="amount" class="label">{% trans 'Item amount' %}</label>
<input type="number" inputmode="decimal" class="input input-bordered w-full item-amount" id="amount">
</div>
</div>
<div>
<label class="tw:label">{% trans 'Unit price' %}</label>
<div class="unit-price tw:text-xl" data-amount="0">0</div>
<label class="label">{% trans 'Unit price' %}</label>
<div class="unit-price text-xl" data-amount="0">0</div>
</div>
</div>
</div>
@@ -92,67 +92,67 @@
end
end
end">
<div class="tw:card tw:bg-base-100 tw:shadow-xl tw:mb-3">
<div class="tw:card-header tw:bg-base-200 tw:p-4">
<div class="card bg-base-100 shadow-xl mb-3">
<div class="card-header bg-base-200 p-4">
<h5>{% trans "Item" %} A</h5>
</div>
<div class="tw:card-body">
<div class="tw:grid tw:lg:grid-cols-3 tw:gap-3">
<div class="card-body">
<div class="grid lg:grid-cols-3 gap-3">
<div>
<div>
<label for="price" class="tw:label">{% trans 'Item price' %}</label>
<input type="number" inputmode="decimal" class="tw:input tw:input-bordered tw:w-full item-price" id="price">
<label for="price" class="label">{% trans 'Item price' %}</label>
<input type="number" inputmode="decimal" class="input input-bordered w-full item-price" id="price">
</div>
</div>
<div>
<div>
<label for="amount" class="tw:label">{% trans 'Item amount' %}</label>
<input type="number" inputmode="decimal" class="tw:input tw:input-bordered tw:w-full item-amount" id="amount">
<label for="amount" class="label">{% trans 'Item amount' %}</label>
<input type="number" inputmode="decimal" class="input input-bordered w-full item-amount" id="amount">
</div>
</div>
<div>
<label class="tw:label">{% trans 'Unit price' %}</label>
<div class="unit-price tw:text-xl" data-amount="0">0</div>
<label class="label">{% trans 'Unit price' %}</label>
<div class="unit-price text-xl" data-amount="0">0</div>
</div>
</div>
</div>
</div>
<div class="tw:card tw:bg-base-100 tw:shadow-xl tw:mb-3">
<div class="tw:card-header tw:bg-base-200 tw:p-4">
<div class="card bg-base-100 shadow-xl mb-3">
<div class="card-header bg-base-200 p-4">
<h5>{% trans "Item" %} B</h5>
</div>
<div class="tw:card-body">
<div class="tw:grid tw:lg:grid-cols-3 tw:gap-3">
<div class="card-body">
<div class="grid lg:grid-cols-3 gap-3">
<div>
<div>
<label for="price" class="tw:label">{% trans 'Item price' %}</label>
<input type="number" inputmode="decimal" class="tw:input tw:input-bordered tw:w-full item-price" id="price">
<label for="price" class="label">{% trans 'Item price' %}</label>
<input type="number" inputmode="decimal" class="input input-bordered w-full item-price" id="price">
</div>
</div>
<div>
<div>
<label for="amount" class="tw:label">{% trans 'Item amount' %}</label>
<input type="number" inputmode="decimal" class="tw:input tw:input-bordered tw:w-full item-amount" id="amount">
<label for="amount" class="label">{% trans 'Item amount' %}</label>
<input type="number" inputmode="decimal" class="input input-bordered w-full item-amount" id="amount">
</div>
</div>
<div>
<label class="tw:label">{% trans 'Unit price' %}</label>
<div class="unit-price tw:text-xl" data-amount="0">0</div>
<label class="label">{% trans 'Unit price' %}</label>
<div class="unit-price text-xl" data-amount="0">0</div>
</div>
</div>
</div>
</div>
</div>
<div class="tw:grid tw:lg:grid-cols-[2fr_1fr] tw:gap-3 tw:mt-3">
<div class="grid lg:grid-cols-[2fr_1fr] gap-3 mt-3">
<div>
<button class="tw:btn tw:btn-outline tw:btn-primary tw:w-full"
<button class="btn btn-outline btn-primary w-full"
_="on click
get #card-placeholder
set newCard to it.cloneNode(true)
remove @id from newCard
remove .tw\:hidden from newCard then
set itemCount to <#items [class='tw:card'] />'s length
set itemCount to <#items [class='card'] />'s length
if itemCount < 26
set letter to String.fromCharCode(65 + itemCount)
else
@@ -166,10 +166,10 @@
</button>
</div>
<div>
<button class="tw:btn tw:btn-outline tw:btn-error tw:w-full"
<button class="btn btn-outline btn-error w-full"
_="on click
for el in <.item-price, .item-amount />
set card to the closest .tw:\card to el
set card to the closest .\card to el
set el's value to ''
end
trigger update on #items