starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-03-22 17:39:25 +01:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: guess what, more changes

Browse Source
This commit is contained in:
Herculino Trotta
2025-11-11 20:21:01 -03:00
parent b38ed37bc5
commit 0b0d760bab
47 changed files with 975 additions and 957 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/apps/common/templatetags/crispy_extra.py Normal file
View File

@@ -0,0 +1,13 @@
from django import forms, template
register = template.Library()
@register.filter
def is_input(field):
return isinstance(field.field.widget, forms.TextInput)
@register.filter
def is_textarea(field):
return isinstance(field.field.widget, forms.Textarea)

5
app/apps/dca/forms.py
View File

@@ -10,8 +10,7 @@ from apps.common.widgets.decimal import ArbitraryDecimalDisplayNumberInput
from apps.common.widgets.tom_select import TomSelect, TransactionSelect
from apps.dca.models import DCAEntry, DCAStrategy
from apps.transactions.models import Transaction, TransactionCategory, TransactionTag
from crispy_bootstrap5.bootstrap5 import BS5Accordion
from crispy_forms.bootstrap import AccordionGroup, FormActions
from crispy_forms.bootstrap import AccordionGroup, FormActions, Accordion
from crispy_forms.helper import FormHelper
from crispy_forms.layout import HTML, Column, Layout, Row
from django import forms
@@ -154,7 +153,7 @@ class DCAEntryForm(forms.ModelForm):
Column("amount_received"),
),
"notes",
BS5Accordion(
Accordion(
AccordionGroup(
_("Create transaction"),
Switch("create_transaction"),

17
app/apps/rules/forms.py
View File

@@ -9,8 +9,7 @@ from apps.rules.models import (
)
from apps.transactions.forms import BulkEditTransactionForm
from apps.transactions.models import Transaction
from crispy_bootstrap5.bootstrap5 import BS5Accordion
from crispy_forms.bootstrap import AccordionGroup, FormActions
from crispy_forms.bootstrap import AccordionGroup, FormActions, Accordion
from crispy_forms.helper import FormHelper
from crispy_forms.layout import HTML, Column, Field, Layout, Row
from django import forms
@@ -208,7 +207,7 @@ class UpdateOrCreateTransactionRuleActionForm(forms.ModelForm):
self.helper.layout = Layout(
"order",
BS5Accordion(
Accordion(
AccordionGroup(
_("Search Criteria"),
Field("filter", rows=1),
@@ -219,7 +218,7 @@ class UpdateOrCreateTransactionRuleActionForm(forms.ModelForm):
),
Column(
Field("search_type", rows=1),
css_class="form-group col-md-8",
css_class="col-span-12 md:col-span-8",
),
),
Row(
@@ -229,7 +228,7 @@ class UpdateOrCreateTransactionRuleActionForm(forms.ModelForm):
),
Column(
Field("search_is_paid", rows=1),
css_class="form-group col-md-8",
css_class="col-span-12 md:col-span-8",
),
),
Row(
@@ -239,7 +238,7 @@ class UpdateOrCreateTransactionRuleActionForm(forms.ModelForm):
),
Column(
Field("search_mute", rows=1),
css_class="form-group col-md-8",
css_class="col-span-12 md:col-span-8",
),
),
Row(
@@ -249,7 +248,7 @@ class UpdateOrCreateTransactionRuleActionForm(forms.ModelForm):
),
Column(
Field("search_account", rows=1),
css_class="form-group col-md-8",
css_class="col-span-12 md:col-span-8",
),
),
Row(
@@ -259,7 +258,7 @@ class UpdateOrCreateTransactionRuleActionForm(forms.ModelForm):
),
Column(
Field("search_entities", rows=1),
css_class="form-group col-md-8",
css_class="col-span-12 md:col-span-8",
),
),
Row(
@@ -482,7 +481,7 @@ class DryRunUpdatedTransactionForm(BulkEditTransactionForm):
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.helper.layout.insert(0, "transaction")
self.helper.layout.insert(1, HTML("<hr/>"))
self.helper.layout.insert(1, HTML('<hr class="hr my-3" />'))
# Change submit button
self.helper.layout[-1] = FormActions(

2
app/apps/rules/views.py
View File

@@ -564,7 +564,7 @@ def dry_run_rule_updated(request, pk):
response = render(
request,
"rules/fragments/transaction_rule/dry_run/created.html",
"rules/fragments/transaction_rule/dry_run/updated.html",
{"form": form, "rule": rule, "logs": logs, "results": results},
)

5
app/apps/transactions/forms.py
View File

@@ -20,8 +20,7 @@ from apps.transactions.models import (
TransactionEntity,
TransactionTag,
)
from crispy_bootstrap5.bootstrap5 import BS5Accordion
from crispy_forms.bootstrap import AccordionGroup, AppendedText, FormActions
from crispy_forms.bootstrap import AccordionGroup, AppendedText, FormActions, Accordion
from crispy_forms.helper import FormHelper
from crispy_forms.layout import (
HTML,
@@ -166,7 +165,7 @@ class TransactionForm(forms.ModelForm):
),
"description",
Field("amount", inputmode="decimal"),
BS5Accordion(
Accordion(
AccordionGroup(
_("More"),
"entities",

18
app/templates/accounts/fragments/account_reconciliation.html
View File

@@ -9,14 +9,13 @@
<form hx-post="{% url 'account_reconciliation' %}">
{% csrf_token %}
{{ form.management_form }}
<div class="space-y-2" id="balanceAccordionFlush">
<div class="join join-vertical w-full" id="balanceAccordionFlush">
{% for form in form.forms %}
<div class="collapse collapse-arrow bg-base-100 border-base-300 border-2">
<input type="checkbox" />
<div class="collapse-title font-medium text-sm">
<c-ui.components.collapse>
<c-slot name="title">
{% if form.account_group %}<span class="badge badge-primary badge-outline me-2">{{ form.account_group.name }}</span>{% endif %}{{ form.account_name }}
</div>
<div class="collapse-content bg-base-200">
</c-slot>
<c-slot name="content">
<div class="fieldset">
<span class="fieldset-legend">{% translate 'Current balance' %}</span>
<div data-amount="{{ form.current_balance|floatformat:"-40u" }}"
@@ -54,11 +53,10 @@
}
).format(diff)
then set formatted_string to `${prefix}${format_new_amount}${suffix}`
then put formatted_string into me if diff else
put '-' into me">-</div>
then put formatted_string into me if diff else put '-' into me">-</div>
</div>
</div>
</div>
</c-slot>
</c-ui.components.collapse>
{% endfor %}
</div>
<div class="mt-3">

4
app/templates/cotton/transaction/item.html
View File

@@ -1,7 +1,7 @@
{% load markdown %}
{% load i18n %}
<div
class="transaction {% if transaction.type == "EX" %}expense{% else %}income{% endif %} group/transaction relative">
class="transaction {% if transaction.type == "EX" %}expense{% else %}income{% endif %} group/transaction">
<div class="flex my-1">
{% if not disable_selection or not dummy %}
<label class="px-3 flex! items-center justify-center">
@@ -161,7 +161,7 @@
<button class="btn btn-soft btn-sm transaction-action" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-ellipsis fa-fw"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-md-start menu w-max relative">
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-md-start menu">
<div class="absolute inset-[0rem_-3rem_-3rem_-3rem] pointer-events-auto -z-10"></div>
{% if transaction.account.is_untracked_by %}
<li class="menu-disabled" aria-disabled="true">

21
app/templates/cotton/ui/components/collapse.html Normal file
View File

@@ -0,0 +1,21 @@
<div class="bg-base-100 border-base-300 border-2 join-item {{ base_classes }}"
x-data="{ expanded: {% if active %}true{% else %}false{% endif %} }">
<div class="font-medium text-sm cursor-pointer p-4 flex w-full items-center justify-between gap-4 text-left {{ title_classes }}"
@click="expanded = ! expanded">
<div>
{{ title }}
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke="currentColor" class="size-5 shrink-0 transition" aria-hidden="true" x-bind:class="expanded ? 'rotate-180' : ''">
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>
</div>
<div class="bg-base-200 p-4 {{ content_classes }}"
x-show="expanded"
x-collapse>
{{ content }}
</div>
</div>

19
app/templates/crispy-daisyui/accordion-group.html
View File

@@ -1,9 +1,10 @@
<div class="collapse collapse-arrow bg-base-100 border border-base-300{% if div.css_class %} {{div.css_class}}{% endif %}">
<input type="radio" name="{{ div.data_parent }}" {% if div.active %}checked="checked"{% endif %} />
<div class="collapse-title font-semibold">
{{ div.name }}
</div>
<div class="collapse-content">
{{ fields|safe }}
</div>
</div>
<c-ui.components.collapse
title_class="join-item"
:active="div.active">
<c-slot name="title">
{{ div.name }}
</c-slot>
<c-slot name="content">
{{ fields|safe }}
</c-slot>
</c-ui.components.collapse>

15
app/templates/crispy-daisyui/field.html
View File

@@ -1,4 +1,5 @@
{% load crispy_forms_field %}
{% load crispy_extra %}
{% if field.is_hidden %}
{{ field }}
@@ -39,7 +40,7 @@
{% include 'crispy-daisyui/layout/field_file.html' %}
{% elif field|is_select %}
{% if field.errors %}
{% crispy_field field 'class' 'select-error input-error w-full' %}
{% crispy_field field 'class' 'select-error w-full' %}
{% else %}
{% crispy_field field 'class' '' %}
{% endif %}
@@ -49,6 +50,18 @@
{% else %}
{% crispy_field field 'class' 'checkbox w-full' %}
{% endif %}
{% elif field|is_input %}
{% if field.errors %}
{% crispy_field field 'class' 'input input-error w-full' %}
{% else %}
{% crispy_field field 'class' 'input w-full' %}
{% endif %}
{% elif field|is_textarea %}
{% if field.errors %}
{% crispy_field field 'class' 'textarea textarea-error w-full' %}
{% else %}
{% crispy_field field 'class' 'textarea w-full' %}
{% endif %}
{% elif field.errors %}
{% crispy_field field 'class' 'input input-error w-full' %}
{% else %}

2
app/templates/crispy-daisyui/layout/prepended_appended_text.html
View File

@@ -12,7 +12,7 @@
</legend>
{% endif %}
<label class="input w-full {% if input_size %} {{ input_size }}{% endif %}{% if field.errors %} input-error{% endif %}">
<label class="{% if input_size %} {{ input_size }}{% endif %}{% if field.errors %} input-error{% endif %}">
{# prepend #}
{% if crispy_prepended_text %}
{{ crispy_prepended_text }}

19
app/templates/exchange_rates_services/fragments/list.html
View File

@@ -1,23 +1,20 @@
{% load currency_display %}
{% load i18n %}
<div class="container px-md-3 py-3 column-gap-5">
<c-ui.fab-single-action
url="{% url 'automatic_exchange_rate_add' %}"
hx_target="#generic-offcanvas">
</c-ui.fab-single-action>
<div class="container">
<div class="text-3xl font-bold font-mono w-full mb-3">
{% spaceless %}
<div>{% translate 'Automatic Exchange Rates' %}<span>
<a class="no-underline text-2xl p-1 category-action"
role="button"
data-tippy-content="{% translate "Add" %}"
hx-get="{% url 'automatic_exchange_rate_add' %}"
hx-target="#generic-offcanvas">
<i class="fa-solid fa-circle-plus fa-fw"></i></a>
</span></div>
<div>{% translate 'Automatic Exchange Rates' %}</div>
{% endspaceless %}
</div>
<div class="card bg-base-100 shadow-xl">
<div class="card-header bg-base-200 p-4 text-base-content/70">
<div class="card-header rounded-box">
<button type="button" hx-get="{% url 'automatic_exchange_rate_force_fetch' %}"
class="btn btn-outline btn-primary btn-sm">{% trans 'Fetch all' %}</button>
class="btn btn-primary btn-sm">{% trans 'Fetch all' %}</button>
</div>
<div class="card-body">
{% if services %}

1
app/templates/exchange_rates_services/fragments/table.html
View File

@@ -2,6 +2,7 @@
{% load i18n %}
<div class="card-body show-loading" hx-get="{% url 'exchange_rates_list_pair' %}" hx-trigger="updated from:window" hx-swap="outerHTML" hx-vals='{"page": "{{ page_obj.number }}", "from": "{{ from_currency|default_if_none:"" }}", "to": "{{ to_currency|default_if_none:"" }}"}'>
{% if page_obj %}
<c-config.search></c-config.search>
<div class="overflow-x-auto">
<table class="table table-hover whitespace-nowrap">
<thead>

34
app/templates/export_app/pages/index.html
View File

@@ -4,26 +4,20 @@
{% block title %}{% translate 'Export and Restore' %}{% endblock %}
{% block content %}
<div class="container">
<div class="row d-flex flex-row align-items-center justify-content-center my-5">
<div class="text-center w-auto mb-3">
<button class="btn btn-outline-success d-flex flex-column align-items-center justify-content-center p-3"
style="width: 100px; height: 100px;"
hx-get="{% url 'export_form' %}"
hx-target="#generic-offcanvas">
<i class="fa-solid fa-download mb-1"></i>
<span>{% trans 'Export' %}</span>
</button>
</div>
<div class="text-center w-auto mb-3">
<button class="btn btn-outline-primary d-flex flex-column align-items-center justify-content-center p-3"
style="width: 100px; height: 100px;"
hx-get="{% url 'restore_form' %}"
hx-target="#generic-offcanvas">
<i class="fa-solid fa-upload mb-1"></i>
<span>{% trans 'Restore' %}</span>
</button>
</div>
<div class="flex items-center justify-center min-h-[90dvh]">
<div class="flex gap-4">
<button class="btn btn-error btn-square w-24 h-24 flex flex-col items-center justify-center"
hx-get="{% url 'export_form' %}"
hx-target="#generic-offcanvas">
<i class="fa-solid fa-download mb-1"></i>
<span class="text-sm">{% trans 'Export' %}</span>
</button>
<button class="btn btn-success btn-square w-24 h-24 flex flex-col items-center justify-center"
hx-get="{% url 'restore_form' %}"
hx-target="#generic-offcanvas">
<i class="fa-solid fa-upload mb-1"></i>
<span class="text-sm">{% trans 'Restore' %}</span>
</button>
</div>
</div>
{% endblock %}

120
app/templates/import_app/fragments/profiles/list.html
View File

@@ -1,24 +1,24 @@
{% load i18n %}
<div class="container px-md-3 py-3 column-gap-5">
<c-components.fab>
<c-components.fab_menu_button
color="primary"
hx_target="#generic-offcanvas"
url="{% url 'import_profiles_add' %}"
icon="fa-solid fa-plus"
title="{% trans 'New' %}"></c-components.fab_menu_button>
<c-components.fab_menu_button
color="primary"
hx_target="#persistent-generic-offcanvas-left"
url="{% url 'import_presets_list' %}"
icon="fa-solid fa-file-code"
title="{% trans 'From preset' %}"></c-components.fab_menu_button>
</c-components.fab>
<div class="container">
<div class="text-3xl font-bold font-mono w-full mb-3">
{% spaceless %}
<div>{% translate 'Import Profiles' %}<span>
<span class="dropdown" data-tippy-content="{% translate "Add" %}">
<a class="no-underline text-2xl p-1" role="button"
data-bs-toggle="dropdown"
data-bs-title="{% translate "Add" %}" aria-expanded="false">
<i class="fa-solid fa-circle-plus fa-fw"></i>
</a>
<ul class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow">
<li><a role="button"
hx-get="{% url 'import_profiles_add' %}"
hx-target="#generic-offcanvas">{% trans 'New' %}</a></li>
<li><a role="button"
hx-get="{% url 'import_presets_list' %}"
hx-target="#persistent-generic-offcanvas-left">{% trans 'From preset' %}</a></li>
</ul>
</span>
</span></div>
<div>{% translate 'Import Profiles' %}</div>
{% endspaceless %}
</div>
@@ -26,58 +26,60 @@
<div class="card-body overflow-x-auto">
{% if profiles %}
<c-config.search></c-config.search>
<table class="table table-hover whitespace-nowrap">
<thead>
<div class="overflow-x-auto">
<table class="table table-zebra">
<thead>
<tr>
<th scope="col" class="table-col-auto"></th>
<th scope="col">{% translate 'Name' %}</th>
<th scope="col">{% translate 'Version' %}</th>
</tr>
</thead>
<tbody>
</thead>
<tbody>
{% for profile in profiles %}
<tr class="profile">
<td class="table-col-auto">
<div class="join" role="group" aria-label="{% translate 'Actions' %}">
<a class="btn btn-secondary btn-sm join-item"
role="button"
data-tippy-content="{% translate "Edit" %}"
hx-get="{% url 'import_profile_edit' profile_id=profile.id %}"
hx-target="#generic-offcanvas">
<i class="fa-solid fa-pencil fa-fw"></i></a>
<a class="btn btn-secondary btn-sm join-item text-success"
role="button"
data-tippy-content="{% translate "Runs" %}"
hx-get="{% url 'import_profile_runs_list' profile_id=profile.id %}"
hx-target="#persistent-generic-offcanvas-left">
<tr class="profile">
<td class="table-col-auto">
<div class="join" role="group" aria-label="{% translate 'Actions' %}">
<a class="btn btn-secondary btn-sm join-item"
role="button"
data-tippy-content="{% translate "Edit" %}"
hx-get="{% url 'import_profile_edit' profile_id=profile.id %}"
hx-target="#generic-offcanvas">
<i class="fa-solid fa-pencil fa-fw"></i></a>
<a class="btn btn-secondary btn-sm join-item"
role="button"
data-tippy-content="{% translate "Runs" %}"
hx-get="{% url 'import_profile_runs_list' profile_id=profile.id %}"
hx-target="#persistent-generic-offcanvas-left">
<i class="fa-solid fa-person-running fa-fw"></i></a>
<a class="btn btn-secondary btn-sm join-item text-primary"
role="button"
data-tippy-content="{% translate "Import" %}"
hx-get="{% url 'import_run_add' profile_id=profile.id %}"
hx-target="#generic-offcanvas">
<a class="btn btn-secondary btn-sm join-item"
role="button"
data-tippy-content="{% translate "Import" %}"
hx-get="{% url 'import_run_add' profile_id=profile.id %}"
hx-target="#generic-offcanvas">
<i class="fa-solid fa-file-import fa-fw"></i></a>
<a class="btn btn-error btn-sm join-item"
role="button"
data-tippy-content="{% translate "Delete" %}"
hx-delete="{% url 'import_profile_delete' profile_id=profile.id %}"
hx-trigger='confirmed'
data-bypass-on-ctrl="true"
data-title="{% translate "Are you sure?" %}"
data-text="{% translate "You won't be able to revert this!" %}"
data-confirm-text="{% translate "Yes, delete it!" %}"
_="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
</div>
</td>
<td>{{ profile.name }}</td>
<td>{{ profile.get_version_display }}</td>
</tr>
<a class="btn btn-error btn-sm join-item"
role="button"
data-tippy-content="{% translate "Delete" %}"
hx-delete="{% url 'import_profile_delete' profile_id=profile.id %}"
hx-trigger='confirmed'
data-bypass-on-ctrl="true"
data-title="{% translate "Are you sure?" %}"
data-text="{% translate "You won't be able to revert this!" %}"
data-confirm-text="{% translate "Yes, delete it!" %}"
_="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
</div>
</td>
<td>{{ profile.name }}</td>
<td>{{ profile.get_version_display }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</tbody>
</table>
{% else %}
<c-msg.empty title="{% translate "No import profiles" %}" remove-padding></c-msg.empty>
<c-msg.empty title="{% translate "No import profiles" %}" remove-padding></c-msg.empty>
{% endif %}
</div>
</div>
</div>
</div>

2
app/templates/import_app/fragments/profiles/list_presets.html
View File

@@ -25,7 +25,7 @@
hx-target="#generic-offcanvas">
<div class="col">
<div class="card bg-base-100 shadow-xl">
<div class="card bg-base-100 shadow">
<div class="card-body">
<h5 class="card-title">{{ preset.name }}</h5>
<hr>

2
app/templates/import_app/fragments/runs/list.html
View File

@@ -14,7 +14,7 @@
<div class="grid grid-cols-1 gap-4">
{% for run in runs %}
<div class="col">
<div class="card bg-base-100 shadow-xl">
<div class="card bg-base-100 shadow">
<div class="card-header bg-base-200 p-4 text-sm {% if run.status == run.Status.QUEUED %}text-base-content{% elif run.status == run.Status.PROCESSING %}text-warning{% elif run.status == run.Status.FINISHED %}text-success{% else %}text-error{% endif %}">
<span><i class="fa-solid {% if run.status == run.Status.QUEUED %}fa-hourglass-half{% elif run.status == run.Status.PROCESSING %}fa-spinner{% elif run.status == run.Status.FINISHED %}fa-check{% else %}fa-xmark{% endif %} fa-fw me-2"></i>{{ run.get_status_display }}</span>
</div>

2
app/templates/import_app/fragments/runs/log.html
View File

@@ -5,7 +5,7 @@
{% block title %}{% translate 'Logs for' %} #{{ run.id }}{% endblock %}
{% block body %}
<div class="card bg-base-100 shadow-xl max-h-full overflow-auto">
<div class="card bg-base-100 shadow max-h-full overflow-auto">
<div class="card-body">
{{ run.logs|linebreaks }}
</div>

4
app/templates/includes/navbar/user_menu.html
View File

@@ -19,10 +19,10 @@
</label>
<div class="dropdown dropdown-top dropdown-end">
<div tabindex="0" role="button" class="btn btn-secondary btn-sm">
<div role="button" class="btn btn-secondary btn-sm" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-cog"></i>
</div>
<ul tabindex="0" class="dropdown-content menu bg-base-100 rounded-box z-1 w-52 p-2 shadow">
<ul class="dropdown-menu menu">
<li><a
hx-get="{% url 'user_settings' %}"
hx-target="#generic-offcanvas"

10
app/templates/includes/scripts.html
View File

@@ -3,10 +3,6 @@
{% vite_hmr_client %}
{% vite_asset 'main.js' defer=True %}
{% comment %} {% vite_asset 'sweetalert2.js' defer=True %}
{% vite_asset 'select.js' defer=True %}
{% vite_asset 'datepicker.js' %}
{% vite_asset 'autosize.js' defer=True %} {% endcomment %}
{% include 'includes/scripts/hyperscript/init_tom_select.html' %}
{% include 'includes/scripts/hyperscript/init_date_picker.html' %}
@@ -15,11 +11,7 @@
{% include 'includes/scripts/hyperscript/htmx_error_handler.html' %}
{% include 'includes/scripts/hyperscript/sounds.html' %}
{% include 'includes/scripts/hyperscript/swal.html' %}
{% comment %} {% vite_asset 'htmx.js' defer=True %}
{% vite_asset 'charts.js' %}
{% vite_asset 'style.js' %} {% endcomment %}
{% include 'includes/scripts/hyperscript/autosize.html' %}
<script>
let tz = Intl.DateTimeFormat().resolvedOptions().timeZone;

12
app/templates/includes/scripts/hyperscript/autosize.html Normal file
View File

@@ -0,0 +1,12 @@
<script type="text/hyperscript">
init
for elem in <.textarea/>
autosize(elem)
end
end
on htmx:afterSettle
for elem in <.textarea/>
autosize(elem)
end
end
</script>

13
app/templates/insights/fragments/emergency_fund.html
View File

@@ -6,9 +6,8 @@
<div class="join join-vertical w-full" id="emergency-fund-accordion">
{% for id, data in data.items %}
{% if data.average %}
<div class="collapse collapse-arrow join-item bg-base-100 border-base-200 border">
<input type="checkbox" />
<div class="collapse-title text-base font-medium">
<c-ui.components.collapse>
<c-slot name="title">
<span>
<span class="text-subtle">{% trans "You've spent an average of" %}</span>
<c-amount.display
@@ -22,8 +21,8 @@
<span class="text-3xl">{{ data.months }}</span>
<span class="text-subtle">{% trans 'months without any income.' %}</span>
</span>
</div>
<div class="collapse-content bg-base-200">
</c-slot>
<c-slot name="content">
<div class="flex justify-between items-baseline mt-2">
<div class="text-end font-mono">
<div class="text-subtle">{% translate 'average expenses' %}</div>
@@ -61,8 +60,8 @@
<span>{{ data.months }}</span>
</div>
</div>
</div>
</div>
</c-slot>
</c-ui.components.collapse>
{% endif %}
{% endfor %}
</div>

4
app/templates/monthly_overview/pages/overview.html
View File

@@ -133,7 +133,7 @@
title="{% translate 'Order by' %}">
<i class="fa-solid fa-sort fa-fw"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end menu w-max relative">
<ul class="dropdown-menu dropdown-menu-end menu">
<li>
<button class="{% if order == 'default' %}menu-active{% endif %}" type="button"
_="on click remove .menu-active from <li > button/> in the closest <ul/>
@@ -166,7 +166,7 @@
</div>
{# Filter transactions form #}
<div class="bs collapse overflow-visible" id="collapse-filter" hx-preserve>
<div class="bs collapse z-1" id="collapse-filter" hx-preserve>
<div class="card card-body bg-base-200 mt-2">
<div class="text-right">
<button class="btn btn-outline btn-error btn-sm w-fit"

2
app/templates/rules/fragments/transaction_rule/dry_run/created.html
View File

@@ -9,7 +9,7 @@
hx-indicator="#dry-run-created-result, closest form" class="show-loading" novalidate>
{% crispy form %}
</form>
<hr>
<hr class="hr my-3">
<div id="dry-run-created-result" class="show-loading">
{% include 'rules/fragments/transaction_rule/dry_run/visual.html' with logs=logs results=results %}
</div>

2
app/templates/rules/fragments/transaction_rule/dry_run/deleted.html
View File

@@ -9,7 +9,7 @@
hx-indicator="#dry-run-deleted-result, closest form" class="show-loading" novalidate>
{% crispy form %}
</form>
<hr>
<hr class="hr my-3">
<div id="dry-run-deleted-result" class="show-loading">
{% include 'rules/fragments/transaction_rule/dry_run/visual.html' with logs=logs results=results %}
</div>

2
app/templates/rules/fragments/transaction_rule/dry_run/updated.html
View File

@@ -9,7 +9,7 @@
hx-indicator="#dry-run-updated-result, closest form" class="show-loading" novalidate>
{% crispy form %}
</form>
<hr>
<hr class="hr my-3">
<div id="dry-run-updated-result" class="show-loading">
{% include 'rules/fragments/transaction_rule/dry_run/visual.html' with logs=logs results=results %}
</div>

150
app/templates/rules/fragments/transaction_rule/dry_run/visual.html
View File

@@ -1,97 +1,97 @@
{% load i18n %}
<div class="card bg-base-100 shadow-xl max-h-full overflow-auto overflow-x-auto">
<div class="card-header bg-base-200 p-4">
<div role="tablist" class="tabs tabs-lifted">
<button class="tab tab-active" id="visual-tab" data-bs-toggle="tab" data-bs-target="#visual-tab-pane"
type="button" role="tab" aria-controls="visual-tab-pane"
aria-selected="true">{% translate 'Visual' %}</button>
<button class="tab" id="logs-tab" data-bs-toggle="tab" data-bs-target="#logs-tab-pane" type="button"
role="tab" aria-controls="logs-tab-pane" aria-selected="false">{% translate 'Logs' %}</button>
</div>
<div class="card" x-data="{ selectedTab: 'visual' }">
<div role="tablist" class="card-header tabs tabs-border">
<input type="radio" name="test-tab" class="tab" aria-label="{% translate 'Visual' %}"
x-on:click="selectedTab = 'visual'"
x-bind:checked="selectedTab === 'visual'"/>
<input type="radio" name="test-tab" class="tab" aria-label="{% translate 'Logs' %}"
x-on:click="selectedTab = 'logs'"
x-bind:checked="selectedTab === 'logs'"/>
</div>
<div class="card-body">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="visual-tab-pane" role="tabpanel" aria-labelledby="home-tab"
tabindex="0">
{% if not results %}
{% translate 'Run a test to see...' %}
{% else %}
{% for result in results %}
<div role="tabpanel" aria-labelledby="home-tab"
tabindex="0" x-cloak x-show="selectedTab === 'visual'">
{% if not results %}
{% translate 'Run a test to see...' %}
{% else %}
{% for result in results %}
{% if result.type == 'header' %}
<div class="my-3">
<h6 class="text-center mb-3">
<span class="badge badge-secondary">
{% if result.type == 'header' %}
<div class="my-3">
<h6 class="text-center mb-3">
<span class="badge badge-primary">
{% if result.header_type == "edit_transaction" %}
{% translate 'Edit transaction' %}
{% elif result.header_type == "update_or_create_transaction" %}
{% translate 'Update or create transaction' %}
{% endif %}
</span>
</h6>
</div>
{% endif %}
</h6>
</div>
{% endif %}
{% if result.type == 'triggering_transaction' %}
<div class="mt-4">
<h6 class="text-center mb-3"><span class="badge badge-secondary">{% translate 'Start' %}</span></h6>
<c-transaction.item :transaction="result.transaction" :dummy="True"
:disable-selection="True"></c-transaction.item>
</div>
{% endif %}
{% if result.type == 'triggering_transaction' %}
<div class="mt-4">
<h6 class="text-center mb-3"><span class="badge badge-primary">{% translate 'Start' %}</span></h6>
<c-transaction.item :transaction="result.transaction" :dummy="True"
:disable-selection="True"></c-transaction.item>
</div>
{% endif %}
{% if result.type == 'edit_transaction' %}
{% if result.type == 'edit_transaction' %}
<div>
<div>
<div>
{% translate 'Set' %} <span
class="badge badge-secondary">{{ result.field }}</span> {% translate 'to' %}
<span class="badge badge-secondary">{{ result.new_value }}</span>
</div>
<c-transaction.item :transaction="result.transaction" :dummy="True"
{% translate 'Set' %} <span
class="badge badge-secondary">{{ result.field }}</span> {% translate 'to' %}
<span class="badge badge-secondary">{{ result.new_value }}</span>
</div>
<c-transaction.item :transaction="result.transaction" :dummy="True"
:disable-selection="True"></c-transaction.item>
</div>
{% endif %}
{% if result.type == 'update_or_create_transaction' %}
<div>
<div class="alert alert-info" role="alert">
{% translate 'Search' %}: {{ result.query }}
</div>
{% if result.start_transaction %}
<c-transaction.item :transaction="result.start_transaction" :dummy="True"
:disable-selection="True"></c-transaction.item>
</div>
{% endif %}
{% if result.type == 'update_or_create_transaction' %}
<div>
<div class="alert alert-info" role="alert">
{% translate 'Search' %}: {{ result.query }}
{% else %}
<div class="alert alert-error" role="alert">
{% translate 'No transaction found, a new one will be created' %}
</div>
{% if result.start_transaction %}
<c-transaction.item :transaction="result.start_transaction" :dummy="True"
:disable-selection="True"></c-transaction.item>
{% else %}
<div class="alert alert-error" role="alert">
{% translate 'No transaction found, a new one will be created' %}
</div>
{% endif %}
<div class="text-center text-3xl my-2"><i class="fa-solid fa-arrow-down"></i></div>
<c-transaction.item :transaction="result.end_transaction" :dummy="True"
:disable-selection="True"></c-transaction.item>
</div>
{% endif %}
{% endif %}
<div class="text-center text-3xl my-2"><i class="fa-solid fa-arrow-down"></i></div>
<c-transaction.item :transaction="result.end_transaction" :dummy="True"
:disable-selection="True"></c-transaction.item>
</div>
{% endif %}
{% if result.type == 'error' %}
<div>
<div class="alert alert-{% if result.level == 'error' %}error{% elif result.level == 'warning' %}warning{% else %}info{% endif %}" role="alert">
{{ result.error }}
</div>
{% if result.type == 'error' %}
<div>
<div
class="alert alert-{% if result.level == 'error' %}error{% elif result.level == 'warning' %}warning{% else %}info{% endif %}"
role="alert">
{{ result.error }}
</div>
{% endif %}
</div>
{% endif %}
{% endfor %}
{% endif %}
</div>
<div class="tab-pane fade" id="logs-tab-pane" role="tabpanel" aria-labelledby="logs-tab" tabindex="0">
{% if not logs %}
{% translate 'Run a test to see...' %}
{% else %}
<pre>
{{ logs|linebreaks }}
</pre>
{% endif %}
</div>
{% endfor %}
{% endif %}
</div>
<div role="tabpanel" aria-labelledby="logs-tab" tabindex="0"
x-cloak x-show="selectedTab === 'logs'">
{% if not logs %}
{% translate 'Run a test to see...' %}
{% else %}
<pre class="overflow-x-auto">
{{ logs|linebreaks }}
</pre>
{% endif %}
</div>
</div>
</div>

10
app/templates/rules/fragments/transaction_rule/view.html
View File

@@ -29,7 +29,7 @@
<div class="my-3">
<div class="text-xl mb-2">{% translate 'Then...' %}</div>
<div class="row g-3">
<div class="flex flex-col gap-3">
{% for action in all_actions %}
{% if action.action_type == "edit_transaction" %}
<div class="card bg-base-100 card-border shadow">
@@ -69,7 +69,7 @@
</div>
</div>
{% elif action.action_type == "update_or_create_transaction" %}
<div class="card shadow">
<div class="card bg-base-100 card-border shadow">
<div class="card-header">
<div>
{% if action.order != 0 %}<span class="badge badge-secondary">{{ action.order }}</span>{% endif %}
@@ -103,7 +103,7 @@
</div>
{% endif %}
{% empty %}
<div class="card shadow">
<div class="bg-base-100 card-border shadow">
<div class="card-body">
{% translate 'This rule has no actions' %}
</div>
@@ -117,7 +117,7 @@
aria-expanded="false">
<i class="fa-solid fa-flask-vial me-2"></i>{% translate 'Test' %}
</button>
<ul class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow">
<ul class="dropdown-menu menu">
{% if transaction_rule.on_create %}
<li><a role="link" href="#"
hx-get="{% url 'transaction_rule_dry_run_created' pk=transaction_rule.id %}"
@@ -140,7 +140,7 @@
aria-expanded="false">
<i class="fa-solid fa-circle-plus me-2"></i>{% translate 'Add new' %}
</button>
<ul class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow">
<ul class="dropdown-menu menu">
<li><a role="link" href="#"
hx-get="{% url 'transaction_rule_action_add' transaction_rule_id=transaction_rule.id %}"
hx-target="#generic-offcanvas">{% trans 'Edit Transaction' %}</a></li>

3
app/templates/transactions/fragments/bulk_edit.html
View File

@@ -5,7 +5,8 @@
{% block title %}{% translate 'Bulk Editing' %}{% endblock %}
{% block body %}
<p>{% trans 'Editing' %} {{ transactions|length }} {% trans 'transactions' %}</p>
<p>{% trans 'Editing' %} {{ transactions|length }} {% trans 'transactions' %}
<hr class="hr my-3" />
<div class="editing-transactions">
{% for transaction in transactions %}
<input type="hidden" name="transactions" value="{{ transaction.id }}"/>

4
app/templates/transactions/pages/transactions.html
View File

@@ -85,7 +85,7 @@
title="{% translate 'Order by' %}">
<i class="fa-solid fa-sort fa-fw"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end menu w-max relative">
<ul class="dropdown-menu dropdown-menu-end menu">
<li>
<button class="{% if order == 'default' %}menu-active{% endif %}" type="button"
_="on click remove .menu-active from <li > button/> in the closest <ul/>
@@ -118,7 +118,7 @@
</div>
{# Filter transactions form #}
<div class="bs collapse overflow-visible" id="collapse-filter" hx-preserve>
<div class="bs collapse z-1" id="collapse-filter" hx-preserve>
<div class="card card-body bg-base-200 mt-2">
<div class="text-right">
<button class="btn btn-outline btn-error btn-sm w-fit"

2
app/templates/transactions/widgets/paid_toggle_button.html
View File

@@ -1,7 +1,7 @@
{% load i18n %}
{% load crispy_forms_field %}
<div class="form-group mb-3">
<div class="mb-3">
<div class="join w-full " role="group" aria-label="{{ field.label }}">
<input type="radio" class="join-item btn btn-warning btn-outline w-1/2" name="{{ field.name }}" id="{{ field.id_for_label }}_false"
value="false" aria-label="{% trans 'Projected' %}" {% if not field.value %}checked{% endif %}>

8
app/templates/transactions/widgets/unselectable_income_expense_toggle_buttons.html
View File

@@ -1,19 +1,19 @@
{% load i18n %}
{% load crispy_forms_field %}
<div class="form-group mb-3">
<div class="mb-3">
<div class="join w-full" role="group" aria-label="{{ field.label }}">
<input type="radio"
class="join-item btn btn-neutral {% if field.errors %}input-error{% endif %}"
class="join-item btn btn-neutral btn-outline w-1/3 {% if field.errors %}input-error{% endif %}"
name="{{ field.html_name }}"
id="{{ field.html_name }}_none_tr"
value=""
aria-label="{% trans 'Unchanged' %}"
{% if field.value is None %}checked{% endif %}>
{% if not field.value %}checked{% endif %}>
{% for choice in field.field.choices %}
<input type="radio"
class="join-item btn {% if forloop.first %}btn-success{% elif forloop.last %}btn-error{% else %}btn-primary{% endif %} {% if field.errors %}input-error{% endif %}"
class="join-item btn btn-outline w-1/3 {% if forloop.first %}btn-success{% elif forloop.last %}btn-error{% else %}btn-primary{% endif %} {% if field.errors %}input-error{% endif %}"
name="{{ field.html_name }}"
id="{{ field.html_name }}_{{ forloop.counter }}_tr"
value="{{ choice.0 }}"

10
app/templates/transactions/widgets/unselectable_paid_toggle_button.html
View File

@@ -1,15 +1,15 @@
{% load i18n %}
{% load crispy_forms_field %}
<div class="form-group mb-3">
<div class="mb-3">
<div class="join w-full" role="group" aria-label="{{ field.label }}">
<input type="radio" class="join-item btn btn-neutral" name="{{ field.name }}" id="{{ field.id_for_label }}_null"
value="" aria-label="{% trans 'Unchanged' %}" {% if field.value is None %}checked{% endif %}>
<input type="radio" class="join-item btn btn-neutral btn-outline w-1/3" name="{{ field.name }}" id="{{ field.id_for_label }}_null"
value="" aria-label="{% trans 'Unchanged' %}" {% if not field.value %}checked{% endif %}>
<input type="radio" class="join-item btn btn-primary" name="{{ field.name }}" id="{{ field.id_for_label }}_false"
<input type="radio" class="join-item btn btn-primary btn-outline w-1/3" name="{{ field.name }}" id="{{ field.id_for_label }}_false"
value="false" aria-label="{% trans 'Projected' %}" {% if field.value is False %}checked{% endif %}">
<input type="radio" class="join-item btn btn-success" name="{{ field.name }}" id="{{ field.id_for_label }}_true"
<input type="radio" class="join-item btn btn-success btn-outline w-1/3" name="{{ field.name }}" id="{{ field.id_for_label }}_true"
value="true" aria-label="{% trans 'Paid' %}" {% if field.value is True %}checked{% endif %}>
</div>

111
app/templates/users/fragments/list.html
View File

@@ -1,16 +1,13 @@
{% load hijack %}
{% load i18n %}
<c-ui.fab-single-action
url="{% url 'user_add' %}"
hx_target="#generic-offcanvas">
</c-ui.fab-single-action>
<div class="container px-md-3 py-3 column-gap-5">
<div class="text-3xl font-bold font-mono w-full mb-3">
{% spaceless %}
<div>{% translate 'Users' %}<span>
<a class="no-underline text-2xl p-1 category-action"
role="button"
data-tippy-content="{% translate "Add" %}"
hx-get="{% url 'user_add' %}"
hx-target="#generic-offcanvas">
<i class="fa-solid fa-circle-plus fa-fw"></i></a>
</span></div>
<div>{% translate 'Users' %}</div>
{% endspaceless %}
</div>
@@ -20,58 +17,60 @@
{% if users %}
<div class="overflow-x-auto">
<c-config.search></c-config.search>
<table class="table table-hover">
<thead>
<tr>
<th scope="col" class="table-col-auto"></th>
<th scope="col">{% translate 'Active' %}</th>
<th scope="col">{% translate 'Name' %}</th>
<th scope="col">{% translate 'Email' %}</th>
<th scope="col">{% translate 'Superuser' %}</th>
</tr>
</thead>
<tbody>
{% for user in users %}
<tr class="tag">
<td class="table-col-auto">
<div class="join" role="group" aria-label="{% translate 'Actions' %}">
<a class="btn btn-secondary btn-sm join-item"
role="button"
hx-swap="innerHTML"
data-tippy-content="{% translate "Edit" %}"
hx-get="{% url 'user_edit' pk=user.id %}"
hx-target="#generic-offcanvas">
<i class="fa-solid fa-pencil fa-fw"></i></a>
{% if request.user|can_hijack:user and request.user != user %}
<a class="btn btn-info btn-sm join-item"
<div class="overflow-x-auto">
<table class="table table-zebra">
<thead>
<tr>
<th scope="col" class="table-col-auto"></th>
<th scope="col">{% translate 'Active' %}</th>
<th scope="col">{% translate 'Name' %}</th>
<th scope="col">{% translate 'Email' %}</th>
<th scope="col">{% translate 'Superuser' %}</th>
</tr>
</thead>
<tbody>
{% for user in users %}
<tr class="tag">
<td class="table-col-auto">
<div class="join" role="group" aria-label="{% translate 'Actions' %}">
<a class="btn btn-secondary btn-sm join-item"
role="button"
data-tippy-content="{% translate "Impersonate" %}"
hx-post="{% url 'hijack:acquire' %}"
hx-vals='{"user_pk":"{{user.id}}"}'
hx-swap="none"
_="on htmx:afterRequest(event) from me
hx-swap="innerHTML"
data-tippy-content="{% translate "Edit" %}"
hx-get="{% url 'user_edit' pk=user.id %}"
hx-target="#generic-offcanvas">
<i class="fa-solid fa-pencil fa-fw"></i></a>
{% if request.user|can_hijack:user and request.user != user %}
<a class="btn btn-info btn-sm join-item"
role="button"
data-tippy-content="{% translate "Impersonate" %}"
hx-post="{% url 'hijack:acquire' %}"
hx-vals='{"user_pk":"{{ user.id }}"}'
hx-swap="none"
_="on htmx:afterRequest(event) from me
if event.detail.successful
go to url '/'">
<i class="fa-solid fa-mask fa-fw"></i></a>
<i class="fa-solid fa-mask fa-fw"></i></a>
{% endif %}
</div>
</td>
<td>
{% if user.is_active %}
<i class="fa-solid fa-solid fa-check text-success"></i>
{% endif %}
</div>
</td>
<td>
{% if user.is_active %}
<i class="fa-solid fa-solid fa-check text-success"></i>
{% endif %}
</td>
<td>{{ user.first_name }} {{ user.last_name }}</td>
<td>{{ user.email }}</td>
<td>
{% if user.is_superuser %}
<i class="fa-solid fa-solid fa-check text-success"></i>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</td>
<td>{{ user.first_name }} {{ user.last_name }}</td>
<td>{{ user.email }}</td>
<td>
{% if user.is_superuser %}
<i class="fa-solid fa-solid fa-check text-success"></i>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% else %}
<c-msg.empty title="{% translate "No users" %}" remove-padding></c-msg.empty>

73
app/templates/users/login.html
View File

@@ -9,41 +9,46 @@
{% block content %}
<div class="min-h-screen flex items-center justify-center p-4">
<div class="w-full max-w-md">
{% settings "DEMO" as demo_mode %}
{% if demo_mode %}
<div class="card bg-base-100 shadow-xl mb-3">
<div class="card-body">
<h1 class="text-lg card-title text-center mb-4">{% trans "Welcome to WYGIWYH's demo!" %}</h1>
<p>{% trans 'Use the credentials below to login' %}:</p>
<p>{% trans 'E-mail' %}: <span class="badge badge-secondary select-all">demo@demo.com</span></p>
<p>{% trans 'Password' %}: <span class="badge badge-secondary select-all">wygiwyhdemo</span></p>
</div>
</div>
{% endif %}
<div class="card bg-base-100 shadow-2xl">
<div class="card-body">
<h1 class="text-2xl card-title text-center mb-4">Login</h1>
{% crispy form %}
{% get_providers as socialaccount_providers %}
{% if socialaccount_providers %}
<div class="mt-3">
<hr class="hr">
<ul class="socialaccount_providers list-none">
{% for provider in socialaccount_providers %}
<li class="mt-2">
<a title="{{ provider.name }}"
class="btn btn-outline btn-primary w-full socialaccount_provider {{ provider.id }}"
href="{% provider_login_url provider %}">
{% translate 'Login with' %} {{ provider.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
{% settings "DEMO" as demo_mode %}
{% if demo_mode %}
<div class="card bg-base-100 shadow-xl mb-3">
<div class="card-body">
<h1 class="text-lg card-title text-center mb-4">{% trans "Welcome to WYGIWYH's demo!" %}</h1>
<p>{% trans 'Use the credentials below to login' %}:</p>
<p>{% trans 'E-mail' %}: <span class="badge badge-secondary select-all">demo@demo.com</span></p>
<p>{% trans 'Password' %}: <span class="badge badge-secondary select-all">wygiwyhdemo</span></p>
</div>
</div>
{% endif %}
<div class="card bg-base-100 shadow-2xl">
<div class="card-body">
<h1 class="text-2xl card-title text-center mb-4">Login</h1>
{% crispy form %}
{% get_providers as socialaccount_providers %}
{% if socialaccount_providers %}
<hr class="hr my-3">
<ul class="socialaccount_providers list-none flex flex-col gap-3">
{% for provider in socialaccount_providers %}
<li>
<a title="{{ provider.name }}"
class="btn btn-outline btn-primary w-full socialaccount_provider {{ provider.id }}"
href="{% provider_login_url provider %}">
{% translate 'Login with' %} {{ provider.name }}
</a>
</li>
<li>
<a title="{{ provider.name }}"
class="btn btn-outline btn-primary w-full socialaccount_provider {{ provider.id }}"
href="{% provider_login_url provider %}">
{% translate 'Login with' %} {{ provider.name }}
</a>
</li>
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</div>
</div>
{% endblock %}

264
frontend/package-lock.json generated
View File

@@ -9,34 +9,42 @@
"version": "1.0.1",
"license": "AGPL-3.0",
"dependencies": {
"@alpinejs/collapse": "^3.15.1",
"@alpinejs/mask": "^3.15.1",
"@fontsource-variable/jetbrains-mono": "^5.2.8",
"@fortawesome/fontawesome-free": "^7.1.0",
"@marcreichel/alpine-autosize": "^1.3.3",
"@popperjs/core": "^2.11.8",
"@rollup/plugin-commonjs": "^29.0.0",
"@tailwindcss/vite": "^4.1.16",
"@tailwindcss/vite": "^4.1.17",
"air-datepicker": "^3.6.0",
"alpinejs": "^3.15.1",
"autoprefixer": "^10.4.21",
"autoprefixer": "^10.4.22",
"autosize": "^6.0.1",
"bootstrap": "^5.3.8",
"chart.js": "^4.5.1",
"chartjs-chart-sankey": "^0.14.0",
"daisyui": "^5.3.10",
"daisyui": "^5.4.7",
"htmx.org": "^2.0.8",
"hyperscript.org": "^0.9.14",
"jquery": "^3.7.1",
"mathjs": "^15.0.0",
"mathjs": "^15.1.0",
"postcss": "^8.5.6",
"sass": "^1.93.3",
"sass": "^1.94.0",
"sweetalert2": "^11.26.3",
"tailwindcss": "^4.1.16",
"tailwindcss": "^4.1.17",
"tippy.js": "^6.3.7",
"tom-select": "^2.4.3",
"tw-bootstrap-grid": "^1.3.1",
"vite": "7.1.12"
"tw-bootstrap-grid": "^1.3.2",
"vite": "7.2.2"
}
},
"node_modules/@alpinejs/collapse": {
"version": "3.15.1",
"resolved": "https://registry.npmjs.org/@alpinejs/collapse/-/collapse-3.15.1.tgz",
"integrity": "sha512-p3ejDFk8VWdrHa6+Fq3NQp6X4LxWoj2TFRgKEKPQPmVyJMV+Zf5m4ZUFk3Z54zIsgOM9JkAZE0Xany00ntTTng==",
"license": "MIT"
},
"node_modules/@alpinejs/mask": {
"version": "3.15.1",
"resolved": "https://registry.npmjs.org/@alpinejs/mask/-/mask-3.15.1.tgz",
@@ -131,6 +139,15 @@
"version": "0.3.4",
"license": "MIT"
},
"node_modules/@marcreichel/alpine-autosize": {
"version": "1.3.3",
"resolved": "https://registry.npmjs.org/@marcreichel/alpine-autosize/-/alpine-autosize-1.3.3.tgz",
"integrity": "sha512-1F8Wb/b1oVb1eGySpr5InODcHoZGNpWIpYsfHIELvcwqiipBGrGwhYMJVh11skb/dx2JcTqCgheZTyTHJ15oRw==",
"license": "MIT",
"dependencies": {
"autosize": "^6.0.1"
}
},
"node_modules/@orchidjs/sifter": {
"version": "1.1.0",
"license": "Apache-2.0",
@@ -316,47 +333,47 @@
]
},
"node_modules/@tailwindcss/node": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.16.tgz",
"integrity": "sha512-BX5iaSsloNuvKNHRN3k2RcCuTEgASTo77mofW0vmeHkfrDWaoFAFvNHpEgtu0eqyypcyiBkDWzSMxJhp3AUVcw==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.17.tgz",
"integrity": "sha512-csIkHIgLb3JisEFQ0vxr2Y57GUNYh447C8xzwj89U/8fdW8LhProdxvnVH6U8M2Y73QKiTIH+LWbK3V2BBZsAg==",
"license": "MIT",
"dependencies": {
"@jridgewell/remapping": "^2.3.4",
"enhanced-resolve": "^5.18.3",
"jiti": "^2.6.1",
"lightningcss": "1.30.2",
"magic-string": "^0.30.19",
"magic-string": "^0.30.21",
"source-map-js": "^1.2.1",
"tailwindcss": "4.1.16"
"tailwindcss": "4.1.17"
}
},
"node_modules/@tailwindcss/oxide": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.16.tgz",
"integrity": "sha512-2OSv52FRuhdlgyOQqgtQHuCgXnS8nFSYRp2tJ+4WZXKgTxqPy7SMSls8c3mPT5pkZ17SBToGM5LHEJBO7miEdg==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.17.tgz",
"integrity": "sha512-F0F7d01fmkQhsTjXezGBLdrl1KresJTcI3DB8EkScCldyKp3Msz4hub4uyYaVnk88BAS1g5DQjjF6F5qczheLA==",
"license": "MIT",
"engines": {
"node": ">= 10"
},
"optionalDependencies": {
"@tailwindcss/oxide-android-arm64": "4.1.16",
"@tailwindcss/oxide-darwin-arm64": "4.1.16",
"@tailwindcss/oxide-darwin-x64": "4.1.16",
"@tailwindcss/oxide-freebsd-x64": "4.1.16",
"@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.16",
"@tailwindcss/oxide-linux-arm64-gnu": "4.1.16",
"@tailwindcss/oxide-linux-arm64-musl": "4.1.16",
"@tailwindcss/oxide-linux-x64-gnu": "4.1.16",
"@tailwindcss/oxide-linux-x64-musl": "4.1.16",
"@tailwindcss/oxide-wasm32-wasi": "4.1.16",
"@tailwindcss/oxide-win32-arm64-msvc": "4.1.16",
"@tailwindcss/oxide-win32-x64-msvc": "4.1.16"
"@tailwindcss/oxide-android-arm64": "4.1.17",
"@tailwindcss/oxide-darwin-arm64": "4.1.17",
"@tailwindcss/oxide-darwin-x64": "4.1.17",
"@tailwindcss/oxide-freebsd-x64": "4.1.17",
"@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.17",
"@tailwindcss/oxide-linux-arm64-gnu": "4.1.17",
"@tailwindcss/oxide-linux-arm64-musl": "4.1.17",
"@tailwindcss/oxide-linux-x64-gnu": "4.1.17",
"@tailwindcss/oxide-linux-x64-musl": "4.1.17",
"@tailwindcss/oxide-wasm32-wasi": "4.1.17",
"@tailwindcss/oxide-win32-arm64-msvc": "4.1.17",
"@tailwindcss/oxide-win32-x64-msvc": "4.1.17"
}
},
"node_modules/@tailwindcss/oxide-android-arm64": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.16.tgz",
"integrity": "sha512-8+ctzkjHgwDJ5caq9IqRSgsP70xhdhJvm+oueS/yhD5ixLhqTw9fSL1OurzMUhBwE5zK26FXLCz2f/RtkISqHA==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.17.tgz",
"integrity": "sha512-BMqpkJHgOZ5z78qqiGE6ZIRExyaHyuxjgrJ6eBO5+hfrfGkuya0lYfw8fRHG77gdTjWkNWEEm+qeG2cDMxArLQ==",
"cpu": [
"arm64"
],
@@ -370,9 +387,9 @@
}
},
"node_modules/@tailwindcss/oxide-darwin-arm64": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.16.tgz",
"integrity": "sha512-C3oZy5042v2FOALBZtY0JTDnGNdS6w7DxL/odvSny17ORUnaRKhyTse8xYi3yKGyfnTUOdavRCdmc8QqJYwFKA==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.17.tgz",
"integrity": "sha512-EquyumkQweUBNk1zGEU/wfZo2qkp/nQKRZM8bUYO0J+Lums5+wl2CcG1f9BgAjn/u9pJzdYddHWBiFXJTcxmOg==",
"cpu": [
"arm64"
],
@@ -386,9 +403,9 @@
}
},
"node_modules/@tailwindcss/oxide-darwin-x64": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.16.tgz",
"integrity": "sha512-vjrl/1Ub9+JwU6BP0emgipGjowzYZMjbWCDqwA2Z4vCa+HBSpP4v6U2ddejcHsolsYxwL5r4bPNoamlV0xDdLg==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.17.tgz",
"integrity": "sha512-gdhEPLzke2Pog8s12oADwYu0IAw04Y2tlmgVzIN0+046ytcgx8uZmCzEg4VcQh+AHKiS7xaL8kGo/QTiNEGRog==",
"cpu": [
"x64"
],
@@ -402,9 +419,9 @@
}
},
"node_modules/@tailwindcss/oxide-freebsd-x64": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.16.tgz",
"integrity": "sha512-TSMpPYpQLm+aR1wW5rKuUuEruc/oOX3C7H0BTnPDn7W/eMw8W+MRMpiypKMkXZfwH8wqPIRKppuZoedTtNj2tg==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.17.tgz",
"integrity": "sha512-hxGS81KskMxML9DXsaXT1H0DyA+ZBIbyG/sSAjWNe2EDl7TkPOBI42GBV3u38itzGUOmFfCzk1iAjDXds8Oh0g==",
"cpu": [
"x64"
],
@@ -418,9 +435,9 @@
}
},
"node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.16.tgz",
"integrity": "sha512-p0GGfRg/w0sdsFKBjMYvvKIiKy/LNWLWgV/plR4lUgrsxFAoQBFrXkZ4C0w8IOXfslB9vHK/JGASWD2IefIpvw==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.17.tgz",
"integrity": "sha512-k7jWk5E3ldAdw0cNglhjSgv501u7yrMf8oeZ0cElhxU6Y2o7f8yqelOp3fhf7evjIS6ujTI3U8pKUXV2I4iXHQ==",
"cpu": [
"arm"
],
@@ -434,9 +451,9 @@
}
},
"node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.16.tgz",
"integrity": "sha512-DoixyMmTNO19rwRPdqviTrG1rYzpxgyYJl8RgQvdAQUzxC1ToLRqtNJpU/ATURSKgIg6uerPw2feW0aS8SNr/w==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.17.tgz",
"integrity": "sha512-HVDOm/mxK6+TbARwdW17WrgDYEGzmoYayrCgmLEw7FxTPLcp/glBisuyWkFz/jb7ZfiAXAXUACfyItn+nTgsdQ==",
"cpu": [
"arm64"
],
@@ -450,9 +467,9 @@
}
},
"node_modules/@tailwindcss/oxide-linux-arm64-musl": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.16.tgz",
"integrity": "sha512-H81UXMa9hJhWhaAUca6bU2wm5RRFpuHImrwXBUvPbYb+3jo32I9VIwpOX6hms0fPmA6f2pGVlybO6qU8pF4fzQ==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.17.tgz",
"integrity": "sha512-HvZLfGr42i5anKtIeQzxdkw/wPqIbpeZqe7vd3V9vI3RQxe3xU1fLjss0TjyhxWcBaipk7NYwSrwTwK1hJARMg==",
"cpu": [
"arm64"
],
@@ -466,9 +483,9 @@
}
},
"node_modules/@tailwindcss/oxide-linux-x64-gnu": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.16.tgz",
"integrity": "sha512-ZGHQxDtFC2/ruo7t99Qo2TTIvOERULPl5l0K1g0oK6b5PGqjYMga+FcY1wIUnrUxY56h28FxybtDEla+ICOyew==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.17.tgz",
"integrity": "sha512-M3XZuORCGB7VPOEDH+nzpJ21XPvK5PyjlkSFkFziNHGLc5d6g3di2McAAblmaSUNl8IOmzYwLx9NsE7bplNkwQ==",
"cpu": [
"x64"
],
@@ -482,9 +499,9 @@
}
},
"node_modules/@tailwindcss/oxide-linux-x64-musl": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.16.tgz",
"integrity": "sha512-Oi1tAaa0rcKf1Og9MzKeINZzMLPbhxvm7rno5/zuP1WYmpiG0bEHq4AcRUiG2165/WUzvxkW4XDYCscZWbTLZw==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.17.tgz",
"integrity": "sha512-k7f+pf9eXLEey4pBlw+8dgfJHY4PZ5qOUFDyNf7SI6lHjQ9Zt7+NcscjpwdCEbYi6FI5c2KDTDWyf2iHcCSyyQ==",
"cpu": [
"x64"
],
@@ -498,9 +515,9 @@
}
},
"node_modules/@tailwindcss/oxide-wasm32-wasi": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.16.tgz",
"integrity": "sha512-B01u/b8LteGRwucIBmCQ07FVXLzImWESAIMcUU6nvFt/tYsQ6IHz8DmZ5KtvmwxD+iTYBtM1xwoGXswnlu9v0Q==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.17.tgz",
"integrity": "sha512-cEytGqSSoy7zK4JRWiTCx43FsKP/zGr0CsuMawhH67ONlH+T79VteQeJQRO/X7L0juEUA8ZyuYikcRBf0vsxhg==",
"bundleDependencies": [
"@napi-rs/wasm-runtime",
"@emnapi/core",
@@ -515,8 +532,8 @@
"license": "MIT",
"optional": true,
"dependencies": {
"@emnapi/core": "^1.5.0",
"@emnapi/runtime": "^1.5.0",
"@emnapi/core": "^1.6.0",
"@emnapi/runtime": "^1.6.0",
"@emnapi/wasi-threads": "^1.1.0",
"@napi-rs/wasm-runtime": "^1.0.7",
"@tybys/wasm-util": "^0.10.1",
@@ -527,9 +544,9 @@
}
},
"node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.16.tgz",
"integrity": "sha512-zX+Q8sSkGj6HKRTMJXuPvOcP8XfYON24zJBRPlszcH1Np7xuHXhWn8qfFjIujVzvH3BHU+16jBXwgpl20i+v9A==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.17.tgz",
"integrity": "sha512-JU5AHr7gKbZlOGvMdb4722/0aYbU+tN6lv1kONx0JK2cGsh7g148zVWLM0IKR3NeKLv+L90chBVYcJ8uJWbC9A==",
"cpu": [
"arm64"
],
@@ -543,9 +560,9 @@
}
},
"node_modules/@tailwindcss/oxide-win32-x64-msvc": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.16.tgz",
"integrity": "sha512-m5dDFJUEejbFqP+UXVstd4W/wnxA4F61q8SoL+mqTypId2T2ZpuxosNSgowiCnLp2+Z+rivdU0AqpfgiD7yCBg==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.17.tgz",
"integrity": "sha512-SKWM4waLuqx0IH+FMDUw6R66Hu4OuTALFgnleKbqhgGU30DY20NORZMZUKgLRjQXNN2TLzKvh48QXTig4h4bGw==",
"cpu": [
"x64"
],
@@ -559,14 +576,14 @@
}
},
"node_modules/@tailwindcss/vite": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.16.tgz",
"integrity": "sha512-bbguNBcDxsRmi9nnlWJxhfDWamY3lmcyACHcdO1crxfzuLpOhHLLtEIN/nCbbAtj5rchUgQD17QVAKi1f7IsKg==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.17.tgz",
"integrity": "sha512-4+9w8ZHOiGnpcGI6z1TVVfWaX/koK7fKeSYF3qlYg2xpBtbteP2ddBxiarL+HVgfSJGeK5RIxRQmKm4rTJJAwA==",
"license": "MIT",
"dependencies": {
"@tailwindcss/node": "4.1.16",
"@tailwindcss/oxide": "4.1.16",
"tailwindcss": "4.1.16"
"@tailwindcss/node": "4.1.17",
"@tailwindcss/oxide": "4.1.17",
"tailwindcss": "4.1.17"
},
"peerDependencies": {
"vite": "^5.2.0 || ^6 || ^7"
@@ -611,7 +628,9 @@
}
},
"node_modules/autoprefixer": {
"version": "10.4.21",
"version": "10.4.22",
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.22.tgz",
"integrity": "sha512-ARe0v/t9gO28Bznv6GgqARmVqcWOV3mfgUPn9becPHMiD3o9BwlRgaeccZnwTpZ7Zwqrm+c1sUSsMxIzQzc8Xg==",
"funding": [
{
"type": "opencollective",
@@ -628,9 +647,9 @@
],
"license": "MIT",
"dependencies": {
"browserslist": "^4.24.4",
"caniuse-lite": "^1.0.30001702",
"fraction.js": "^4.3.7",
"browserslist": "^4.27.0",
"caniuse-lite": "^1.0.30001754",
"fraction.js": "^5.3.4",
"normalize-range": "^0.1.2",
"picocolors": "^1.1.1",
"postcss-value-parser": "^4.2.0"
@@ -650,7 +669,9 @@
"license": "MIT"
},
"node_modules/baseline-browser-mapping": {
"version": "2.8.9",
"version": "2.8.25",
"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.25.tgz",
"integrity": "sha512-2NovHVesVF5TXefsGX1yzx1xgr7+m9JQenvz6FQY3qd+YXkKkYiv+vTCc7OriP9mcDZpTC5mAOYN4ocd29+erA==",
"license": "Apache-2.0",
"bin": {
"baseline-browser-mapping": "dist/cli.js"
@@ -687,7 +708,9 @@
}
},
"node_modules/browserslist": {
"version": "4.26.2",
"version": "4.28.0",
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.0.tgz",
"integrity": "sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==",
"funding": [
{
"type": "opencollective",
@@ -705,11 +728,11 @@
"license": "MIT",
"peer": true,
"dependencies": {
"baseline-browser-mapping": "^2.8.3",
"caniuse-lite": "^1.0.30001741",
"electron-to-chromium": "^1.5.218",
"node-releases": "^2.0.21",
"update-browserslist-db": "^1.1.3"
"baseline-browser-mapping": "^2.8.25",
"caniuse-lite": "^1.0.30001754",
"electron-to-chromium": "^1.5.249",
"node-releases": "^2.0.27",
"update-browserslist-db": "^1.1.4"
},
"bin": {
"browserslist": "cli.js"
@@ -723,7 +746,9 @@
"license": "MIT"
},
"node_modules/caniuse-lite": {
"version": "1.0.30001745",
"version": "1.0.30001754",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001754.tgz",
"integrity": "sha512-x6OeBXueoAceOmotzx3PO4Zpt4rzpeIFsSr6AAePTZxSkXiYDUmpypEl7e2+8NCd9bD7bXjqyef8CJYPC1jfxg==",
"funding": [
{
"type": "opencollective",
@@ -795,9 +820,9 @@
}
},
"node_modules/daisyui": {
"version": "5.3.10",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.3.10.tgz",
"integrity": "sha512-vmjyPmm0hvFhA95KB6uiGmWakziB2pBv6CUcs5Ka/3iMBMn9S+C3SZYx9G9l2JrgTZ1EFn61F/HrPcwaUm2kLQ==",
"version": "5.4.7",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.4.7.tgz",
"integrity": "sha512-2wYO61vTPCXk7xEBgnzLZAYoE0xS5IRLu/GSq0vORpB+cTrtubdx69NnA0loc0exvCY1s2fYL4lGZtFHe2ohNQ==",
"license": "MIT",
"funding": {
"url": "https://github.com/saadeghi/daisyui?sponsor=1"
@@ -815,7 +840,9 @@
}
},
"node_modules/electron-to-chromium": {
"version": "1.5.227",
"version": "1.5.250",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.250.tgz",
"integrity": "sha512-/5UMj9IiGDMOFBnN4i7/Ry5onJrAGSbOGo3s9FEKmwobGq6xw832ccET0CE3CkkMBZ8GJSlUIesZofpyurqDXw==",
"license": "ISC"
},
"node_modules/enhanced-resolve": {
@@ -872,6 +899,8 @@
},
"node_modules/escalade": {
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
"integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
"license": "MIT",
"engines": {
"node": ">=6"
@@ -899,13 +928,15 @@
}
},
"node_modules/fraction.js": {
"version": "4.3.7",
"version": "5.3.4",
"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
"integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
"license": "MIT",
"engines": {
"node": "*"
},
"funding": {
"type": "patreon",
"type": "github",
"url": "https://github.com/sponsors/rawify"
}
},
@@ -1253,7 +1284,9 @@
}
},
"node_modules/magic-string": {
"version": "0.30.19",
"version": "0.30.21",
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
"integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
"license": "MIT",
"dependencies": {
"@jridgewell/sourcemap-codec": "^1.5.5"
@@ -1264,9 +1297,9 @@
"license": "MIT"
},
"node_modules/mathjs": {
"version": "15.0.0",
"resolved": "https://registry.npmjs.org/mathjs/-/mathjs-15.0.0.tgz",
"integrity": "sha512-eXXXRKEl/htny5T/Ce/hbmqa8WZi2RmaCEHBOVtTeYcYyyGvz1UYSdK2ypydDepFF6F7ue0OygXRRIx8lLq/uw==",
"version": "15.1.0",
"resolved": "https://registry.npmjs.org/mathjs/-/mathjs-15.1.0.tgz",
"integrity": "sha512-HfnAcScQm9drGryodlDqeS3WAl4gUTYGDcOtcqL/8s23MZ28Ib1i8XnYK3ZdjNuaW/L4BAp9lIp8vxAMrcuu1w==",
"license": "Apache-2.0",
"dependencies": {
"@babel/runtime": "^7.26.10",
@@ -1286,17 +1319,6 @@
"node": ">= 18"
}
},
"node_modules/mathjs/node_modules/fraction.js": {
"version": "5.3.4",
"license": "MIT",
"engines": {
"node": "*"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/rawify"
}
},
"node_modules/micromatch": {
"version": "4.0.8",
"license": "MIT",
@@ -1331,7 +1353,9 @@
"optional": true
},
"node_modules/node-releases": {
"version": "2.0.21",
"version": "2.0.27",
"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
"integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
"license": "MIT"
},
"node_modules/normalize-range": {
@@ -1439,9 +1463,9 @@
}
},
"node_modules/sass": {
"version": "1.93.3",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.93.3.tgz",
"integrity": "sha512-elOcIZRTM76dvxNAjqYrucTSI0teAF/L2Lv0s6f6b7FOwcwIuA357bIE871580AjHJuSvLIRUosgV+lIWx6Rgg==",
"version": "1.94.0",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.94.0.tgz",
"integrity": "sha512-Dqh7SiYcaFtdv5Wvku6QgS5IGPm281L+ZtVD1U2FJa7Q0EFRlq8Z3sjYtz6gYObsYThUOz9ArwFqPZx+1azILQ==",
"license": "MIT",
"peer": true,
"dependencies": {
@@ -1496,9 +1520,9 @@
}
},
"node_modules/tailwindcss": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.16.tgz",
"integrity": "sha512-pONL5awpaQX4LN5eiv7moSiSPd/DLDzKVRJz8Q9PgzmAdd1R4307GQS2ZpfiN7ZmekdQrfhZZiSE5jkLR4WNaA==",
"version": "4.1.17",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.17.tgz",
"integrity": "sha512-j9Ee2YjuQqYT9bbRTfTZht9W/ytp5H+jJpZKiYdP/bpnXARAuELt9ofP0lPnmHjbga7SNQIxdTAXCmtKVYjN+Q==",
"license": "MIT",
"peer": true
},
@@ -1611,9 +1635,9 @@
}
},
"node_modules/tw-bootstrap-grid": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/tw-bootstrap-grid/-/tw-bootstrap-grid-1.3.1.tgz",
"integrity": "sha512-QcX2p8u/2yZA6h7LqLq4Wq1nsqz6r50EQE3EE5ce05+IdQa3EKyZlrmFtaWO5hczl3n94UdP/DKg4rt+MjMxIg==",
"version": "1.3.2",
"resolved": "https://registry.npmjs.org/tw-bootstrap-grid/-/tw-bootstrap-grid-1.3.2.tgz",
"integrity": "sha512-wfeAqK4iuNnjSTeiIdmJPFlD1DbrTwjx4fCvqJyDd32+7bUqtk2LyNJ0A3dIkJi7FdPQeN7OwvCqdO7gA+eNbg==",
"license": "MIT",
"workspaces": [
"__tests__/tailwind_v3",
@@ -1634,7 +1658,9 @@
}
},
"node_modules/update-browserslist-db": {
"version": "1.1.3",
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.4.tgz",
"integrity": "sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==",
"funding": [
{
"type": "opencollective",
@@ -1662,9 +1688,9 @@
}
},
"node_modules/vite": {
"version": "7.1.12",
"resolved": "https://registry.npmjs.org/vite/-/vite-7.1.12.tgz",
"integrity": "sha512-ZWyE8YXEXqJrrSLvYgrRP7p62OziLW7xI5HYGWFzOvupfAlrLvURSzv/FyGyy0eidogEM3ujU+kUG1zuHgb6Ug==",
"version": "7.2.2",
"resolved": "https://registry.npmjs.org/vite/-/vite-7.2.2.tgz",
"integrity": "sha512-BxAKBWmIbrDgrokdGZH1IgkIk/5mMHDreLDmCJ0qpyJaAteP8NvMhkwr/ZCQNqNH97bw/dANTE9PDzqwJghfMQ==",
"license": "MIT",
"peer": true,
"dependencies": {

18
frontend/package.json
View File

@@ -16,32 +16,34 @@
},
"type": "module",
"dependencies": {
"@alpinejs/collapse": "^3.15.1",
"@alpinejs/mask": "^3.15.1",
"@fontsource-variable/jetbrains-mono": "^5.2.8",
"@fortawesome/fontawesome-free": "^7.1.0",
"@marcreichel/alpine-autosize": "^1.3.3",
"@popperjs/core": "^2.11.8",
"@rollup/plugin-commonjs": "^29.0.0",
"@tailwindcss/vite": "^4.1.16",
"@tailwindcss/vite": "^4.1.17",
"air-datepicker": "^3.6.0",
"alpinejs": "^3.15.1",
"autoprefixer": "^10.4.21",
"autoprefixer": "^10.4.22",
"autosize": "^6.0.1",
"bootstrap": "^5.3.8",
"chart.js": "^4.5.1",
"chartjs-chart-sankey": "^0.14.0",
"daisyui": "^5.3.10",
"daisyui": "^5.4.7",
"htmx.org": "^2.0.8",
"hyperscript.org": "^0.9.14",
"jquery": "^3.7.1",
"mathjs": "^15.0.0",
"mathjs": "^15.1.0",
"postcss": "^8.5.6",
"sass": "^1.93.3",
"sass": "^1.94.0",
"sweetalert2": "^11.26.3",
"tailwindcss": "^4.1.16",
"tailwindcss": "^4.1.17",
"tippy.js": "^6.3.7",
"tom-select": "^2.4.3",
"tw-bootstrap-grid": "^1.3.1",
"vite": "7.1.12"
"tw-bootstrap-grid": "^1.3.2",
"vite": "7.2.2"
},
"resolutions": {
"rollup": "npm:@rollup/wasm-node"

12
frontend/src/js/autosize.js
View File

@@ -1,11 +1,3 @@
document.addEventListener("input", function (e) {
// Check if the element that triggered the input event is a <textarea>
if (e.target.tagName.toLowerCase() === "textarea") {
import autosize from "autosize/dist/autosize";
// Reset height to 'auto' to allow the textarea to shrink
e.target.style.height = "auto";
// Set the height to its scrollHeight (the full height of the content)
e.target.style.height = (e.target.scrollHeight + 5) + "px";
}
}, false);
window.autosize = autosize;

2
frontend/src/js/bootstrap.js vendored
View File

@@ -24,4 +24,4 @@ function initiateToasts() {
document.addEventListener('DOMContentLoaded', initiateToasts, false);
document.addEventListener('htmx:afterSwap', initiateToasts, false);
initiateToasts();
initiateToasts();

8
frontend/src/js/htmx.js
View File

@@ -2,6 +2,8 @@ import _hyperscript from 'hyperscript.org/dist/_hyperscript.min';
import './_htmx.js';
import Alpine from "alpinejs";
import mask from '@alpinejs/mask';
import collapse from '@alpinejs/collapse'
import Autosize from '@marcreichel/alpine-autosize';
import {create, all} from 'mathjs';
window.Alpine = Alpine;
@@ -15,9 +17,15 @@ window.math = create(all, {
});
Alpine.plugin(mask);
Alpine.plugin(collapse);
Alpine.plugin(Autosize);
Alpine.start();
_hyperscript.browserInit();
document.body.addEventListener('htmx:afterSettle', function (evt) {
Alpine.initTree(evt.detail.elt);
});
const successAudio = new Audio("/static/sounds/success.mp3");
const popAudio = new Audio("/static/sounds/pop.mp3");

22
frontend/src/js/select.js
View File

@@ -13,6 +13,7 @@ window.TomSelect = function createDynamicTomSelect(element) {
// Extract 'create' option from data attribute
create: element.dataset.create === 'true',
copyClassesToDropdown: true,
loadingClass: "ts-loading",
allowEmptyOption: element.dataset.allowEmptyOption === 'true',
render: {
no_results: function () {
@@ -23,19 +24,14 @@ window.TomSelect = function createDynamicTomSelect(element) {
},
},
onDropdownOpen: function () {
// Move dropdown to body to escape stacking context issues
document.body.appendChild(this.dropdown);
onInitialize: function () {
this.popper = Popper.createPopper(this.control, this.dropdown, {
placement: "bottom-start",
strategy: "fixed",
modifiers: [
{
name: "sameWidth",
enabled: true,
fn: ({ state }) => {
fn: ({state}) => {
state.styles.popper.width = `${state.rects.reference.width}px`;
},
phase: "beforeWrite",
@@ -47,21 +43,13 @@ window.TomSelect = function createDynamicTomSelect(element) {
fallbackPlacements: ['top-start'],
},
},
{
name: 'preventOverflow',
options: {
boundary: 'viewport',
padding: 8,
},
},
]
});
},
onDropdownClose: function () {
this.popper.destroy();
this.dropdown.remove();
onDropdownOpen: function () {
this.popper.update();
}
};

8
frontend/src/styles/_dropdown.scss
View File

@@ -11,7 +11,7 @@ $dropdown-padding-y: 0.5rem !default;
$dropdown-spacer: 0.125rem !default;
$dropdown-font-size: 1rem !default;
$dropdown-border-radius: 0.375rem !default;
$dropdown-border-width: 1px !default;
$dropdown-border-width: 2px !default;
$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
$dropdown-divider-margin-y: 0.5rem !default;
$dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !default;
@@ -191,7 +191,7 @@ $breakpoints: (
--dropdown-font-size: #{$dropdown-font-size};
--dropdown-color: var(--color-base-content);
--dropdown-bg: var(--color-base-300);
--dropdown-border-color: var(--color-base-300);
--dropdown-border-color: var(--color-base-100);
--dropdown-border-radius: #{$dropdown-border-radius};
--dropdown-border-width: #{$dropdown-border-width};
--dropdown-inner-border-radius: #{$dropdown-inner-border-radius};
@@ -214,6 +214,8 @@ $breakpoints: (
z-index: var(--dropdown-z-index);
display: none; // none by default, but block on "open" of the menu
min-width: var(--dropdown-min-width);
max-width: calc(100dvw - 1rem); // Prevent overflow on small screens
width: max-content;
padding: var(--dropdown-padding-y) var(--dropdown-padding-x);
margin: 0; // Override default margin of ul
color: var(--dropdown-color);
@@ -399,4 +401,4 @@ $breakpoints: (
--dropdown-link-active-bg: var(--color-primary);
--dropdown-link-disabled-color: #adb5bd;
--dropdown-header-color: #adb5bd;
}
}

21
frontend/src/styles/_scrollbar.scss
View File

@@ -1,21 +0,0 @@
@use "variables";
/* custom scrollbar */
::-webkit-scrollbar {
width: 13px;
}
::-webkit-scrollbar-track {
//background-color: $gray-800;
}
::-webkit-scrollbar-thumb {
//background-color: $gray-600;
border-radius: 20px;
border: 4px solid transparent;
background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
//background-color: $primary;
}

827
frontend/src/styles/_tom-select.scss
View File

@@ -1,426 +1,401 @@
@layer components {
/* ============================================
Tom-Select DaisyUI Theme
Complete override of tom-select default styles
============================================ */
/* Base Control Styles */
.ts-control {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
min-height: var(--size, calc(var(--size-field, 0.25rem) * 10));
padding: 0.5rem 0.75rem;
gap: 0.375rem;
/* DaisyUI input styling */
border: var(--border, 1px) solid transparent;
border-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, transparent));
border-radius: var(--radius-field, 0.5rem);
background-color: var(--color-base-100);
color: var(--color-base-content);
/* DaisyUI depth effect */
box-shadow:
0 1px color-mix(in oklab, var(--input-color) calc(var(--depth, 0) * 10%), transparent) inset,
0 -1px oklch(100% 0 0 / calc(var(--depth, 0) * 0.1)) inset;
font-size: 0.875rem;
line-height: 1.25rem;
cursor: text;
position: relative;
z-index: 1;
overflow: visible;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
/* Multi-select with items */
.ts-wrapper.multi.has-items .ts-control {
padding: calc(0.5rem - 2px - 0px) 0.75rem calc(0.5rem - 2px - 3px - 0px);
}
/* Control input field */
.ts-control>input {
flex: 1 1 auto;
min-width: 7rem;
display: inline-flex !important;
padding: 0 !important;
padding-right: 1.25rem !important;
margin: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
border: 0 none !important;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
font-size: 0.875rem !important;
line-height: inherit !important;
color: inherit;
text-indent: 0 !important;
}
.ts-control>input::-ms-clear {
display: none;
}
.ts-control>input:focus {
outline: none !important;
}
.has-items .ts-control>input {
margin: 0 0.25rem !important;
}
/* Focus states - DaisyUI style */
.ts-control:focus-within,
.ts-control:focus,
.focus .ts-control {
--input-color: var(--color-base-content);
border-color: var(--input-color);
box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth, 0) * 10%), transparent) inset;
outline: 2px solid var(--input-color);
outline-offset: 2px;
isolation: isolate;
z-index: 2;
}
/* .focus.ts-wrapper {
border-color: var(--color-primary);
outline: 2px solid var(--color-primary);
outline-offset: 2px;
} */
/* Disabled state */
.disabled .ts-control,
.disabled .ts-control * {
cursor: not-allowed !important;
border-color: var(--color-base-200);
background-color: var(--color-base-200);
color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
opacity: 1;
box-shadow: none;
}
/* Multi-select items (badges) */
.ts-wrapper.multi .ts-control>div {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 0.25rem 0.25rem 0;
padding: 0.25rem 0.75rem;
gap: 0.25rem;
/* DaisyUI badge styling */
background-color: var(--color-secondary);
color: var(--color-secondary-content);
border-radius: var(--radius-field, 0.5rem);
border: 0 solid transparent;
font-size: 0.875rem;
line-height: 1.25rem;
transition: all 0.2s;
}
/* Active multi-select item */
.ts-wrapper.multi .ts-control>div.active {
background-color: var(--color-primary);
color: var(--color-primary-content);
border: 0 solid transparent;
opacity: 0.9;
}
/* Disabled multi-select items */
.ts-wrapper.multi.disabled .ts-control>div,
.ts-wrapper.multi.disabled .ts-control>div.active {
background-color: var(--color-base-200);
color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
border: 0 solid transparent;
cursor: not-allowed;
}
/* Remove button on items */
.ts-wrapper.plugin-remove_button .item {
display: inline-flex;
align-items: center;
padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button .item .remove {
display: inline-block;
padding: 0 0.375rem;
margin-left: 0.375rem;
border: none;
border-left: 1px solid color-mix(in oklab, var(--color-primary-content) 30%, transparent);
border-radius: 0 var(--radius-field, 0.5rem) var(--radius-field, 0.5rem) 0;
color: var(--color-error);
font-size: 1.125rem;
line-height: 1;
text-decoration: none;
vertical-align: middle;
opacity: 0.7;
transition: all 0.2s;
cursor: pointer;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
opacity: 1;
background-color: color-mix(in oklab, var(--color-error) 10%, transparent);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
background: none;
cursor: not-allowed;
}
/* RTL support for remove button */
.ts-control.rtl .ts-wrapper.plugin-remove_button .item {
padding-left: 0 !important;
padding-right: initial;
}
.ts-control.rtl .ts-wrapper.plugin-remove_button .item .remove {
border-left: none;
border-right: 1px solid color-mix(in oklab, var(--color-primary-content) 30%, transparent);
border-radius: var(--radius-field, 0.5rem) 0 0 var(--radius-field, 0.5rem);
margin-left: 0;
margin-right: 0.375rem;
}
/* Dropdown */
.ts-dropdown {
position: fixed;
top: 0;
left: 0;
width: auto;
z-index: 1100;
margin: 0;
/* DaisyUI dropdown styling */
background-color: var(--color-base-100);
color: var(--color-base-content);
border: var(--border, 1px) solid var(--color-base-300);
border-radius: var(--radius-box, 0.5rem);
/* DaisyUI shadow */
box-shadow:
0 20px 25px -5px rgb(0 0 0 / calc(var(--depth, 0) * 0.1)),
0 8px 10px -6px rgb(0 0 0 / calc(var(--depth, 0) * 0.1));
box-sizing: border-box;
overflow: hidden;
}
/* Dropdown content scrolling */
.ts-dropdown-content {
max-height: 40dvh;
overflow-y: auto;
overflow-x: hidden;
scroll-behavior: smooth;
}
/* Dropdown options */
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
padding: 0.5rem 0.75rem;
cursor: pointer;
}
.ts-dropdown [data-selectable].option {
cursor: pointer;
opacity: 1;
transition: background-color 0.2s, color 0.2s;
}
.ts-dropdown [data-selectable].option:first-child {
border-top-left-radius: var(--radius-box, 0.5rem);
border-top-right-radius: var(--radius-box, 0.5rem);
}
.ts-dropdown [data-selectable].option:last-child {
border-bottom-left-radius: var(--radius-box, 0.5rem);
border-bottom-right-radius: var(--radius-box, 0.5rem);
}
/* Disabled options */
.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option {
cursor: not-allowed;
opacity: 0.5;
}
/* Hover and active states */
.ts-dropdown [data-selectable].option:hover,
.ts-dropdown .option:hover,
.ts-dropdown .create:hover,
.ts-dropdown .active {
background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
color: var(--color-base-content);
}
.ts-dropdown .active.create {
color: var(--color-base-content);
}
/* Optgroup styling */
.ts-dropdown .optgroup-header {
color: var(--color-base-content);
background-color: var(--color-base-200);
font-weight: 600;
cursor: default;
padding: 0.5rem 0.75rem;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none;
}
/* Create option */
.ts-dropdown .create {
color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
}
/* Highlight in search */
.ts-dropdown [data-selectable] .highlight {
background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
border-radius: 2px;
}
/* Loading spinner */
.ts-dropdown .spinner {
display: inline-block;
width: 30px;
height: 30px;
margin: 0.5rem 0.75rem;
}
.ts-dropdown .spinner::after {
content: " ";
display: block;
width: 1.25rem;
height: 1.25rem;
margin: 0.1875rem;
border-radius: 50%;
border: 2px solid var(--color-primary);
border-color: var(--color-primary) transparent var(--color-primary) transparent;
animation: ts-spin 1.2s linear infinite;
}
@keyframes ts-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Single select dropdown arrow */
.ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
padding-right: 2.5rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.75rem center;
background-repeat: no-repeat;
background-size: 1.25em 1.25em;
}
/* Dark theme arrow */
[data-theme="dark"] .ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a6adba' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
}
/* Clear button plugin */
.plugin-clear_button {
--ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
position: absolute;
top: 50%;
right: calc(0.75rem - 6px);
transform: translateY(-50%);
color: var(--color-error);
background: transparent !important;
border: none;
cursor: pointer;
opacity: 0;
margin-right: 0 !important;
transition: opacity 0.3s;
}
.plugin-clear_button.single .clear-button {
right: max(2.5rem, 0.75rem);
}
.plugin-clear_button.focus.has-items .clear-button,
.plugin-clear_button:not(.disabled):hover.has-items .clear-button {
opacity: 0.7;
}
.plugin-clear_button .clear-button:hover {
opacity: 1 !important;
}
/* Full width control */
.full .ts-control {
background-color: var(--color-base-100);
}
/* Input hidden state */
.input-hidden .ts-control>input {
opacity: 0;
position: absolute;
left: -10000px;
}
/* RTL support */
.ts-control.rtl {
text-align: right;
}
.ts-control.rtl .ts-control>input {
margin: 0 0.25rem 0 -0.125rem !important;
}
/* Wrapper positioning */
.ts-wrapper {
position: relative;
display: block;
}
.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input {
cursor: pointer;
}
/* Hidden accessibility */
.ts-hidden-accessible {
position: absolute;
left: -10000px;
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
padding: 0;
margin: 0;
}
.tomselect-checkbox {
margin-right: 0.5rem;
}
}
.ts-control {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
min-height: var(--size, calc(var(--size-field, 0.25rem) * 10));
padding: 0.5rem 0.75rem;
gap: 0.375rem;
/* DaisyUI input styling */
border: var(--border, 1px) solid;
border-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, transparent));
border-radius: var(--radius-field, 0.5rem);
background-color: var(--color-base-100);
color: var(--color-base-content);
font-size: 0.875rem;
line-height: 1.25rem;
cursor: text;
position: relative;
z-index: 1;
overflow: visible;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
/* Control input field */
.ts-control > input {
flex: 1 1 auto;
min-width: 7rem;
display: inline-flex !important;
padding: 0 !important;
padding-right: 1.25rem !important;
margin: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
border: 0 none !important;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
font-size: 0.875rem !important;
line-height: inherit !important;
color: inherit;
text-indent: 0 !important;
}
.ts-control > input::-ms-clear {
display: none;
}
.ts-control > input:focus {
outline: none !important;
}
.has-items .ts-control > input {
margin: 0 0.25rem !important;
}
/* Focus states - DaisyUI style */
.ts-control:focus-within,
.ts-control:focus,
.focus .ts-control {
--input-color: var(--color-base-content);
border-color: var(--input-color);
box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth, 0) * 10%), transparent) inset;
outline: 2px solid var(--input-color);
outline-offset: 2px;
isolation: isolate;
z-index: 2;
}
/* Disabled state */
.disabled .ts-control,
.disabled .ts-control * {
cursor: not-allowed !important;
border-color: var(--color-base-200);
background-color: var(--color-base-200);
color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
opacity: 1;
box-shadow: none;
}
/* Multi-select items (badges) */
.ts-wrapper.multi .ts-control > div {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 0.25rem 0.25rem 0;
padding: 0.25rem 0.75rem;
gap: 0.25rem;
/* DaisyUI badge styling */
background-color: var(--color-secondary);
color: var(--color-secondary-content);
border-radius: var(--radius-field, 0.5rem);
border: 0 solid transparent;
font-size: 0.875rem;
line-height: 1.25rem;
transition: all 0.2s;
}
/* Active multi-select item */
.ts-wrapper.multi .ts-control > div.active {
background-color: var(--color-primary);
color: var(--color-primary-content);
border: 0 solid transparent;
opacity: 0.9;
}
/* Disabled multi-select items */
.ts-wrapper.multi.disabled .ts-control > div,
.ts-wrapper.multi.disabled .ts-control > div.active {
background-color: var(--color-base-200);
color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
border: 0 solid transparent;
cursor: not-allowed;
}
/* Remove button on items */
.ts-wrapper.plugin-remove_button .item {
display: inline-flex;
align-items: center;
padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button .item .remove {
display: inline-block;
padding: 0 0.375rem;
margin-left: 0.375rem;
border: none;
border-left: 1px solid color-mix(in oklab, var(--color-primary-content) 30%, transparent);
border-radius: 0 var(--radius-field, 0.5rem) var(--radius-field, 0.5rem) 0;
color: var(--color-error);
font-size: 1.125rem;
line-height: 1;
text-decoration: none;
vertical-align: middle;
opacity: 0.7;
transition: all 0.2s;
cursor: pointer;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
opacity: 1;
background-color: color-mix(in oklab, var(--color-error) 10%, transparent);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
background: none;
cursor: not-allowed;
}
/* RTL support for remove button */
.ts-control.rtl .ts-wrapper.plugin-remove_button .item {
padding-left: 0 !important;
padding-right: initial;
}
.ts-control.rtl .ts-wrapper.plugin-remove_button .item .remove {
border-left: none;
border-right: 1px solid color-mix(in oklab, var(--color-primary-content) 30%, transparent);
border-radius: var(--radius-field, 0.5rem) 0 0 var(--radius-field, 0.5rem);
margin-left: 0;
margin-right: 0.375rem;
}
/* Dropdown */
.ts-dropdown {
position: fixed;
top: 0;
left: 0;
width: auto;
z-index: 1100;
margin: 0;
/* DaisyUI dropdown styling */
background-color: var(--color-base-100);
color: var(--color-base-content);
border: var(--border, 1px) solid var(--color-base-300);
border-radius: var(--radius-box, 0.5rem);
/* DaisyUI shadow */
box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth, 0) * 0.1)),
0 8px 10px -6px rgb(0 0 0 / calc(var(--depth, 0) * 0.1));
box-sizing: border-box;
overflow: hidden;
}
/* Dropdown content scrolling */
.ts-dropdown-content {
max-height: 40dvh;
overflow-y: auto;
overflow-x: hidden;
scroll-behavior: smooth;
}
/* Dropdown options */
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
padding: 0.5rem 0.75rem;
cursor: pointer;
}
.ts-dropdown [data-selectable].option {
cursor: pointer;
opacity: 1;
transition: background-color 0.2s, color 0.2s;
}
.ts-dropdown [data-selectable].option:first-child {
border-top-left-radius: var(--radius-box, 0.5rem);
border-top-right-radius: var(--radius-box, 0.5rem);
}
.ts-dropdown [data-selectable].option:last-child {
border-bottom-left-radius: var(--radius-box, 0.5rem);
border-bottom-right-radius: var(--radius-box, 0.5rem);
}
/* Disabled options */
.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option {
cursor: not-allowed;
opacity: 0.5;
}
/* Hover and active states */
.ts-dropdown [data-selectable].option:hover,
.ts-dropdown .option:hover,
.ts-dropdown .create:hover,
.ts-dropdown .active {
background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
color: var(--color-base-content);
}
.ts-dropdown .active.create {
color: var(--color-base-content);
}
/* Optgroup styling */
.ts-dropdown .optgroup-header {
color: var(--color-base-content);
background-color: var(--color-base-200);
font-weight: 600;
cursor: default;
padding: 0.5rem 0.75rem;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none;
}
/* Create option */
.ts-dropdown .create {
color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
}
/* Highlight in search */
.ts-dropdown [data-selectable] .highlight {
background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
border-radius: 2px;
}
/* Loading spinner */
.ts-dropdown .spinner {
display: inline-block;
width: 30px;
height: 30px;
margin: 0.5rem 0.75rem;
}
.ts-dropdown .spinner::after {
content: " ";
display: block;
width: 1.25rem;
height: 1.25rem;
margin: 0.1875rem;
border-radius: 50%;
border: 2px solid var(--color-primary);
border-color: var(--color-primary) transparent var(--color-primary) transparent;
animation: ts-spin 1.2s linear infinite;
}
@keyframes ts-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Single select dropdown arrow */
.ts-wrapper .ts-control {
padding-right: 2.5rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.75rem center;
background-repeat: no-repeat;
background-size: 1.25em 1.25em;
}
/* Dark theme arrow */
[data-theme="dark"] .ts-wrapper .ts-control {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a6adba' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
}
/* Clear button plugin */
.plugin-clear_button {
--ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
position: absolute;
top: 50%;
right: calc(0.75rem - 6px);
transform: translateY(-50%);
color: var(--color-error);
background: transparent !important;
border: none;
cursor: pointer;
opacity: 0;
margin-right: 0 !important;
transition: opacity 0.3s;
}
.plugin-clear_button .clear-button {
right: 1.2rem;
}
.plugin-clear_button.focus.has-items .clear-button,
.plugin-clear_button:not(.disabled):hover.has-items .clear-button {
opacity: 0.7;
}
.plugin-clear_button .clear-button:hover {
opacity: 1 !important;
}
/* Full width control */
.full .ts-control {
background-color: var(--color-base-100);
}
/* Input hidden state */
.input-hidden .ts-control > input {
opacity: 0;
position: absolute;
left: -10000px;
}
/* RTL support */
.ts-control.rtl {
text-align: right;
}
.ts-control.rtl .ts-control > input {
margin: 0 0.25rem 0 -0.125rem !important;
}
/* Wrapper positioning */
.ts-wrapper {
position: relative;
display: block;
}
.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input {
cursor: pointer;
}
/* Hidden accessibility */
.ts-hidden-accessible {
position: absolute;
left: -10000px;
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
padding: 0;
margin: 0;
}
.tomselect-checkbox {
margin-right: 0.5rem;
}

11
frontend/src/styles/style.scss
View File

@@ -1,10 +1,9 @@
@use "variables";
@use "font-awesome";
@use "bootstrap";
// @use "datepicker";
// @use "tom-select";
@use "datepicker";
@use "tom-select";
@use "animations";
@use "scrollbar";
.sticky-sidebar {
position: sticky;
@@ -104,4 +103,8 @@ div:where(.swal2-container) {
width: 40px;
height: 40px;
}
}
}
[x-cloak] {
display: none !important;
}

14
frontend/src/styles/tailwind.css
View File

@@ -1,6 +1,4 @@
@import "tailwindcss" source("../../../app/templates/");
@import "./_tom-select.scss";
@import "./_datepicker.scss";
@plugin "daisyui" {
themes: wygiwyh_dark --default, wygiwyh_light;
@@ -68,8 +66,8 @@
--color-success-content: oklch(37% 0.077 168.94);
--color-warning: oklch(82% 0.189 84.429);
--color-warning-content: oklch(41% 0.112 45.904);
--color-error: oklch(71% 0.194 13.428);
--color-error-content: oklch(27% 0.105 12.094);
--color-error: oklch(70.4% 0.191 22.216);
--color-error-content: oklch(25.8% 0.092 26.042);
--radius-selector: 0.5rem;
--radius-field: 0.5rem;
--radius-box: 0.5rem;
@@ -92,6 +90,10 @@
@layer utilities {
.textarea {
min-height: unset;
}
.transaction:has(input[type="checkbox"]:checked) > div > .transaction-item {
background-color: oklch(from var(--color-primary) l c h / 15%);
}
@@ -223,7 +225,7 @@
.sidebar-floating + main {
/* Adjusts the main content margin to account for the collapsed sidebar */
@apply lg:ml-16 transition-all duration-100;
@apply lg:ml-16;
}
.sidebar-floating .sidebar-item span {
@@ -317,7 +319,7 @@
.sidebar-fixed + main {
/* Adjusts the main content margin to account for the expanded sidebar */
@apply lg:ml-[17%] transition-all duration-100;
@apply lg:ml-[17%];
/* Using 16vw to account for padding/margins */
}

4
frontend/vite.config.js
View File

@@ -44,10 +44,6 @@ export default defineConfig({
extensions: ['.js', '.json', '.scss', '.css'],
},
optimizeDeps: {
include: ['air-datepicker', 'autosize', 'javascript-natural-sort'],
},
build: {
outDir: resolve(__dirname, 'build'),
assetsDir: '',