Add security documentation for ticket download implementation and minor UI fixes

- Created comprehensive documentation for implementing secure unique IDs for ticket PDF downloads
- Document includes migration steps, model updates, controller changes, and security best practices
- Fixed minor spacing issues in orders index page
- Updated breadcrumb spacing for better visual hierarchy

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
kbe
2025-09-07 01:09:00 +02:00
parent 94d1145668
commit 8ad2194d48
2 changed files with 281 additions and 6 deletions

View File

@@ -1,6 +1,6 @@
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
<!-- Breadcrumb -->
<nav class="flex mb-6" aria-label="Breadcrumb">
<nav class="flex my-6" aria-label="Breadcrumb">
<ol class="inline-flex items-center space-x-1 md:space-x-2 rounded-lg bg-white px-4 py-2 shadow-sm">
<li class="inline-flex items-center">
<%= link_to "Accueil", root_path, class: "inline-flex items-center text-sm font-medium text-gray-700 hover:text-purple-600" %>
@@ -51,7 +51,7 @@
<%= order.status.humanize %>
</span>
</div>
<div class="flex items-center space-x-4 text-sm text-slate-600 dark:text-slate-400 mb-3">
<div class="flex items-center">
<i data-lucide="calendar" class="w-4 h-4 mr-1"></i>
@@ -73,14 +73,14 @@
</div>
<div class="flex items-center space-x-2 ml-4">
<%= link_to order_path(order),
<%= link_to order_path(order),
class: "inline-flex items-center px-3 py-2 bg-purple-600 hover:bg-purple-700 text-white text-sm font-medium rounded-lg transition-colors duration-200" do %>
<i data-lucide="eye" class="w-4 h-4 mr-2"></i>
Voir détails
<% end %>
</div>
</div>
<!-- Quick tickets preview -->
<div class="border-t border-slate-200 dark:border-slate-600 pt-3">
<div class="grid gap-2">
@@ -92,7 +92,7 @@
<span class="text-slate-500">- <%= ticket.first_name %> <%= ticket.last_name %></span>
</div>
<div class="flex items-center space-x-2">
<%= link_to ticket_download_path(ticket.qr_code),
<%= link_to ticket_download_path(ticket.qr_code),
class: "text-purple-600 hover:text-purple-800 dark:text-purple-400 dark:hover:text-purple-200" do %>
<i data-lucide="download" class="w-3 h-3"></i>
<% end %>
@@ -128,4 +128,4 @@
<% end %>
</div>
<% end %>
</div>
</div>