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

Improve mobile responsiveness and UI consistency across order pages and dashboard

Browse Source 
- Updated payment success and cancel pages to match order details layout
- Made dashboard fully responsive with improved mobile layouts
- Added missing venue address to order pages
- Standardized styling and spacing across all order-related pages
- Improved PDF ticket generator formatting

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
kbe
2025-09-07 00:12:28 +02:00
parent e86b84ba61
commit 7694e50fa0
5 changed files with 323 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
app/services/ticket_pdf_generator.rb
View File

@@ -140,14 +140,14 @@ class TicketPdfGenerator
pdf.fill_color "6366F1"
pdf.font "Helvetica", style: :bold, size: 24
pdf.text "AperoNight", align: :center
pdf.move_down 5
pdf.font "Helvetica", size: 10
pdf.fill_color "64748B"
pdf.text "Billet d'entree", align: :center
pdf.move_down 20
# Simple divider line
pdf.stroke_color "E5E7EB"
pdf.horizontal_line 0, pdf.bounds.width
@@ -160,24 +160,24 @@ class TicketPdfGenerator
pdf.font "Helvetica", style: :bold, size: 18
pdf.text ticket.event.name, align: :center
pdf.move_down 15
# Two-column layout for ticket details
pdf.bounding_box([0, pdf.cursor], width: pdf.bounds.width, height: 120) do
pdf.bounding_box([ 0, pdf.cursor ], width: pdf.bounds.width, height: 120) do
# Left column
pdf.bounding_box([0, pdf.cursor], width: pdf.bounds.width / 2 - 20, height: 120) do
pdf.bounding_box([ 0, pdf.cursor ], width: pdf.bounds.width / 2 - 20, height: 120) do
create_info_item(pdf, "Date", ticket.event.start_time.strftime("%d %B %Y"))
create_info_item(pdf, "Heure", ticket.event.start_time.strftime("%H:%M"))
create_info_item(pdf, "Lieu", ticket.event.venue_name)
end
# Right column
pdf.bounding_box([pdf.bounds.width / 2 + 20, pdf.cursor], width: pdf.bounds.width / 2 - 20, height: 120) do
pdf.bounding_box([ pdf.bounds.width / 2 + 20, pdf.cursor ], width: pdf.bounds.width / 2 - 20, height: 120) do
create_info_item(pdf, "Type", ticket.ticket_type.name)
create_info_item(pdf, "Prix", "#{sprintf('%.2f', ticket.price_euros)} €")
create_info_item(pdf, "Titulaire", "#{ticket.first_name} #{ticket.last_name}")
end
end
pdf.move_down 30
end
@@ -185,7 +185,7 @@ class TicketPdfGenerator
pdf.font "Helvetica", style: :bold, size: 9
pdf.fill_color "64748B"
pdf.text label.upcase
pdf.move_down 2
pdf.font "Helvetica", size: 11
pdf.fill_color "1F2937"
@@ -197,25 +197,25 @@ class TicketPdfGenerator
# Center the QR code horizontally
qr_size = 120
x_position = (pdf.bounds.width - qr_size) / 2
pdf.bounding_box([x_position, pdf.cursor], width: qr_size, height: qr_size + 40) do
pdf.bounding_box([ x_position, pdf.cursor ], width: qr_size, height: qr_size + 40) do
# QR Code title
pdf.font "Helvetica", style: :bold, size: 12
pdf.fill_color "1F2937"
pdf.text "Code d'entree", align: :center
pdf.move_down 10
# Generate QR code
generate_simple_qr_code(pdf, qr_size)
pdf.move_down 10
# QR code ID
pdf.font "Helvetica", size: 8
pdf.fill_color "64748B"
pdf.text "ID: #{ticket.qr_code[0..15]}...", align: :center
end
pdf.move_down 40
end
@@ -250,14 +250,14 @@ class TicketPdfGenerator
pdf.fill_color "64748B"
pdf.text "Ce billet est valable pour une seule entree.", align: :center
pdf.text "Presentez ce code QR a l'entree de l'evenement.", align: :center
pdf.move_down 10
# Divider line
pdf.stroke_color "E5E7EB"
pdf.horizontal_line 0, pdf.bounds.width
pdf.move_down 5
# Generation timestamp
pdf.font "Helvetica", size: 7
pdf.fill_color "9CA3AF"
@@ -294,4 +294,4 @@ class TicketPdfGenerator
# Final fallback: simple ticket identifier
"TICKET-#{ticket.id}"
end
end
end