lukas/timetracker
1
0
Fork 0
Code Issues 17 Pull Requests Actions Packages Projects 1 Releases 23 Wiki Activity

Improve the layout of the purchase filter bar

Browse Source
This commit is contained in:
Lukáš Kucharczyk
2026-06-09 18:55:49 +02:00
parent 231fa483e7
commit 835caf6a71
1 changed files with 70 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
common/components/filters.py
+70 -62
View File
@@ -1163,76 +1163,84 @@ def PurchaseFilterBar(
).has_default(), ).has_default(),
), ),
), ),
], Div(
), attributes=[("class", _FILTER_GRID_CLASS)],
Div( children=[
attributes=[("class", "flex items-end gap-4 mb-4")], _filter_field(
children=[ "Original Currency",
_filter_checkbox("filter-refunded", "Refunded", is_refunded_value), Input(
_filter_checkbox("filter-infinite", "Infinite", infinite_value), attributes=[
_filter_checkbox( ("type", "text"),
"filter-needs-price-update", ("name", "filter-price_currency"),
"Needs Price Update", ("value", price_currency_value),
needs_price_update_value, ("placeholder", "e.g. USD, EUR"),
), (
], "class",
), "w-full rounded border-default-medium p-2 bg-neutral-secondary-medium text-body",
Div( ),
attributes=[("class", _FILTER_GRID_CLASS)], ],
children=[
_filter_field(
"Original Currency",
Input(
attributes=[
("type", "text"),
("name", "filter-price_currency"),
("value", price_currency_value),
("placeholder", "e.g. USD, EUR"),
(
"class",
"w-full rounded border-default-medium p-2 bg-neutral-secondary-medium text-body",
), ),
], ),
_filter_field(
"Converted Currency",
Input(
attributes=[
("type", "text"),
("name", "filter-converted_currency"),
("value", converted_currency_value),
("placeholder", "e.g. USD, EUR"),
(
"class",
"w-full rounded border-default-medium p-2 bg-neutral-secondary-medium text-body",
),
],
),
),
],
),
_filter_field(
"Price",
RangeSlider(
label="Price",
input_name_prefix="filter-price",
min_value=price_min,
max_value=price_max,
range_min=price_range_min,
range_max=price_range_max,
min_placeholder="0.00",
max_placeholder="100.00",
), ),
), ),
_filter_field( _filter_field(
"Converted Currency", "Games in purchase",
Input( RangeSlider(
attributes=[ label="Games in purchase",
("type", "text"), input_name_prefix="filter-num-purchases",
("name", "filter-converted_currency"), min_value=num_min,
("value", converted_currency_value), max_value=num_max,
("placeholder", "e.g. USD, EUR"), range_min=num_range_min,
( range_max=num_range_max,
"class", step="1",
"w-full rounded border-default-medium p-2 bg-neutral-secondary-medium text-body", min_placeholder="e.g. 1",
), max_placeholder="e.g. 5",
],
), ),
), ),
Div(
attributes=[("class", "flex flex-col items-start gap-4 mb-4")],
children=[
_filter_checkbox(
"filter-refunded", "Refunded", is_refunded_value
),
_filter_checkbox("filter-infinite", "Infinite", infinite_value),
_filter_checkbox(
"filter-needs-price-update",
"Needs Price Update",
needs_price_update_value,
),
],
),
], ],
), ),
RangeSlider(
label="Price",
input_name_prefix="filter-price",
min_value=price_min,
max_value=price_max,
range_min=price_range_min,
range_max=price_range_max,
min_placeholder="0.00",
max_placeholder="100.00",
),
RangeSlider(
label="Games in purchase",
input_name_prefix="filter-num-purchases",
min_value=num_min,
max_value=num_max,
range_min=num_range_min,
range_max=num_range_max,
step="1",
min_placeholder="e.g. 1",
max_placeholder="e.g. 5",
),
] ]
return _filter_bar(fields, filter_json, preset_list_url, preset_save_url) return _filter_bar(fields, filter_json, preset_list_url, preset_save_url)