mirror of
https://github.com/wahyd4/links.git
synced 2026-08-08 21:04:53 +10:00
junv
4a5f0f63ee
AlertsPartialView (htmx-polled every 30s from the dashboard) returned
500 because _alerts.html used {% trans %} without {% load i18n %}.
Added the load tag so the partial renders correctly.
The dashboard's inline {% include 'pricemon/_alerts.html' %} also
relied on an undefined 'alerts' context var (DashboardView sets
'active_alerts'), so the alerts panel rendered empty even when alerts
existed. Pass alerts=active_alerts explicitly via the include.
Add regression tests covering both the dashboard render with an alert
and the alerts partial endpoint.
38 lines
1.5 KiB
HTML
38 lines
1.5 KiB
HTML
{% load i18n %}
|
|
{% if alerts %}
|
|
<div class="mb-6">
|
|
<h2 class="text-sm font-semibold text-gray-700 mb-2 flex items-center gap-1">
|
|
<span class="w-2 h-2 rounded-full bg-red-500 inline-block"></span>
|
|
{% trans "Active Price Drop Alerts" %}
|
|
</h2>
|
|
<div class="space-y-2">
|
|
{% for alert in alerts %}
|
|
<div class="flex items-center justify-between bg-red-50 border border-red-100 rounded-lg px-4 py-3"
|
|
id="alert-{{ alert.pk }}">
|
|
<div class="flex items-center gap-3">
|
|
<span class="text-red-500 text-lg">💰</span>
|
|
<div>
|
|
<span class="font-medium text-gray-900">{{ alert.watcher.name }}</span>
|
|
<span class="text-sm text-gray-500 ml-2">
|
|
${{ alert.old_price }} → <strong class="text-red-600">${{ alert.new_price }}</strong>
|
|
<span class="text-green-700 font-medium">({{ alert.drop_pct|floatformat:1 }}% off)</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<a href="{{ alert.watcher.url }}" target="_blank" rel="noopener"
|
|
class="text-xs text-indigo-500 hover:underline">{% trans "View" %}</a>
|
|
<button
|
|
hx-post="{% url 'pricemon-dismiss-alert' alert.pk %}"
|
|
hx-target="#alert-{{ alert.pk }}"
|
|
hx-swap="outerHTML"
|
|
class="text-xs px-2 py-1 bg-white border border-gray-200 rounded text-gray-600 hover:bg-gray-100 transition">
|
|
{% trans "Dismiss" %}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|