kbe/aperonight
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

feat: Add countdown when order expire in less than 5 minutes

Browse Source
This commit is contained in:
kbe
2025-09-15 21:09:11 +02:00
parent 049e5505ef
commit dbb972e490
3 changed files with 85 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/views/pages/dashboard.html.erb
View File

@@ -129,7 +129,10 @@
<% @promoter_events.each do |event| %>
<div class="border border-gray-200 rounded-xl p-4 hover:shadow-md transition-shadow">
<div class="flex items-start justify-between mb-2">
<h4 class="font-semibold text-gray-900 text-sm"><%= event.name %></h4>
<%= link_to promoter_event_path(event) do %>
<h4 class="font-semibold text-gray-900 text-sm"><%= event.name %></h4>
<% end %>
<span class="text-xs px-2 py-1 rounded-full <%= event.state == 'published' ? 'bg-green-100 text-green-800' : event.state == 'draft' ? 'bg-yellow-100 text-yellow-800' : 'bg-red-100 text-red-800' %>">
<%= event.state.humanize %>
</span>
@@ -246,7 +249,12 @@
Tentatives: <%= order.payment_attempts %>/3
</div>
<% if order.expiring_soon? %>
<span class="text-orange-600 font-medium">⚠️ Expire dans <%= time_ago_in_words(order.expires_at) %></span>
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-orange-50 border border-orange-200 text-orange-600"
data-controller="countdown"
data-countdown-expires-at-value="<%= order.expires_at.iso8601 %>"
data-countdown-order-id-value="<%= order.id %>">
⚠️ Expire dans <span class="countdown-timer ml-1 font-bold"></span>
</span>
<% else %>
<span class="text-gray-500">Expire dans <%= time_ago_in_words(order.expires_at) %></span>
<% end %>
@@ -385,6 +393,7 @@
<% @upcoming_preview_events.each do |event| %>
<div class="bg-gray-50 rounded-xl p-4 hover:shadow-md transition-shadow">
<h4 class="font-medium text-gray-900 mb-2 text-base"><%= event.name %></h4>
<div class="text-sm text-gray-600 space-y-1">
<div class="flex items-center">
<i data-lucide="calendar" class="w-4 h-4 mr-2"></i>