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

feat: improve seo urls?

Browse Source
This commit is contained in:
kbe
2025-09-06 01:44:48 +02:00
parent fa99a167a5
commit 5105964b39
22 changed files with 702 additions and 367 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
app/views/booking/payments/success.html.erb Normal file
View File

@@ -0,0 +1,61 @@
<div class="min-h-screen bg-gradient-to-br from-green-50 to-green-100 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
<div class="max-w-md w-full bg-white rounded-2xl shadow-xl p-8">
<!-- Success Icon -->
<div class="flex justify-center mb-6">
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center">
<svg class="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
</div>
<!-- Success Message -->
<div class="text-center mb-8">
<h1 class="text-2xl font-bold text-gray-900 mb-2">Paiement réussi !</h1>
<p class="text-gray-600">Votre commande a été confirmée et vos billets ont été envoyés par email.</p>
</div>
<!-- Order Details -->
<% if @order&.present? %>
<div class="border-t border-gray-200 pt-6 mb-6">
<div class="flex justify-between items-center mb-4">
<span class="text-sm font-medium text-gray-900">Commande #<%= @order.id %></span>
<span class="text-sm text-gray-500"><%= @order.created_at.strftime("%d/%m/%Y à %H:%M") %></span>
</div>
<div class="space-y-2 mb-4">
<div class="flex justify-between">
<span class="text-sm text-gray-600">Événement:</span>
<span class="text-sm font-medium text-gray-900"><%= @order.event.name %></span>
</div>
<div class="flex justify-between">
<span class="text-sm text-gray-600">Nombre de billets:</span>
<span class="text-sm font-medium text-gray-900"><%= @order.tickets.count %></span>
</div>
<div class="flex justify-between">
<span class="text-sm text-gray-600">Total:</span>
<span class="text-sm font-bold text-green-600"><%= @order.total_amount_euros %>€</span>
</div>
</div>
</div>
<% end %>
<!-- Action Buttons -->
<div class="space-y-3">
<%= link_to dashboard_path, class: "w-full bg-green-600 hover:bg-green-700 text-white font-medium py-3 px-4 rounded-lg transition-colors text-center block" do %>
Voir mes billets
<% end %>
<%= link_to events_path, class: "w-full bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium py-3 px-4 rounded-lg transition-colors text-center block" do %>
Découvrir d'autres événements
<% end %>
</div>
<!-- Help Text -->
<div class="mt-6 text-center">
<p class="text-xs text-gray-500">
Un email de confirmation a été envoyé à votre adresse email avec vos billets en pièce jointe.
</p>
</div>
</div>
</div>

2
app/views/components/_event_item.html.erb
View File

@@ -1,4 +1,4 @@
<%= link_to event_path(event.slug, event), class: "group block p-4 rounded-lg border border-slate-200 dark:border-slate-700 hover:border-purple-300 dark:hover:border-purple-600 hover:shadow-md transition-all duration-200" do %>
<%= link_to seo_event_path(event), class: "group block p-4 rounded-lg border border-slate-200 dark:border-slate-700 hover:border-purple-300 dark:hover:border-purple-600 hover:shadow-md transition-all duration-200" do %>
<div class="flex items-center space-x-4">
<div class="w-16 h-16 bg-slate-200 dark:bg-slate-700 rounded-lg overflow-hidden flex-shrink-0">
<%= image_tag event.image, alt: event.name, class: "w-full h-full object-cover" if event.image.present? %>

4
app/views/events/index.html.erb
View File

@@ -56,7 +56,7 @@
>
<% if event.image.present? %>
<div class="h-48 overflow-hidden">
<%= link_to event_path(event.slug, event) do %>
<%= link_to event_path(event) do %>
<img
src="<%= event.image %>"
alt="<%= event.name %>"
@@ -130,7 +130,7 @@
<% end %>
</div>
<%= link_to event_path(event.slug, event), class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-lg shadow-sm text-white bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-700 hover:to-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 transition-all duration-200" do %>
<%= link_to event_path(event), class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-lg shadow-sm text-white bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-700 hover:to-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 transition-all duration-200" do %>
Détails
<svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path

62
app/views/events/show.html.erb
View File

@@ -1,4 +1,62 @@
<div class="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100">
<!-- SEO Meta Tags for Event -->
<% content_for :title, "#{@event.name} - #{@event.start_time.strftime('%d/%m/%Y')} | Aperonight" %>
<% content_for :description, @event.description.truncate(160) %>
<% content_for :keywords, "#{@event.name}, événement, soirée, #{@event.venue_name}, billets, réservation" %>
<% content_for :canonical_url, seo_event_path(@event) %>
<% content_for :og_image, @event.image if @event.image.present? %>
<!-- Structured Data for Event -->
<% content_for :head do %>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Event",
"name": "<%= @event.name %>",
"description": "<%= strip_tags(@event.description) %>",
"startDate": "<%= @event.start_time.iso8601 %>",
"endDate": "<%= @event.end_time&.iso8601 || (@event.start_time + 4.hours).iso8601 %>",
"eventStatus": "https://schema.org/EventScheduled",
"eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
"location": {
"@type": "Place",
"name": "<%= @event.venue_name %>",
"address": {
"@type": "PostalAddress",
"streetAddress": "<%= @event.venue_address %>"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": <%= @event.latitude %>,
"longitude": <%= @event.longitude %>
}
},
"organizer": {
"@type": "Organization",
"name": "<%= @event.user.company_name.present? ? @event.user.company_name : "#{@event.user.first_name} #{@event.user.last_name}" %>",
"email": "<%= @event.user.email %>"
},
<% if @event.image.present? %>
"image": [
"<%= @event.image %>"
],
<% end %>
"offers": [
<% @event.ticket_types.each_with_index do |ticket_type, index| %>
{
"@type": "Offer",
"name": "<%= ticket_type.name %>",
"price": "<%= ticket_type.price_cents / 100.0 %>",
"priceCurrency": "EUR",
"availability": "https://schema.org/InStock",
"url": "<%= seo_book_tickets_path(@event) %>"
}<%= ',' if index < @event.ticket_types.count - 1 %>
<% end %>
]
}
</script>
<% end %>
<div class="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<!-- Breadcrumb -->
<nav class="mb-6" aria-label="Breadcrumb">
@@ -197,7 +255,7 @@
<!-- Right Column: Ticket Selection -->
<div class="lg:col-span-1">
<%= form_with url: event_order_new_path(@event.slug, @event.id), method: :get, id: "checkout_form", local: true, data: {
<%= form_with url: book_event_tickets_path(year: @event.start_time.year, month: format("%02d", @event.start_time.month), slug: @event.slug), method: :get, id: "checkout_form", local: true, data: {
controller: "ticket-selection",
ticket_selection_target: "form",
ticket_selection_event_slug_value: @event.slug,

23
app/views/layouts/application.html.erb
View File

@@ -1,10 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title><%= content_for(:title) || "Aperonight" %></title>
<title><%= content_for(:title) || "Aperonight - Événements et Soirées" %></title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!-- SEO Meta Tags -->
<meta name="description" content="<%= content_for(:description) || "Découvrez et réservez vos billets pour les meilleurs événements et soirées. Aperonight vous connecte aux événements incontournables près de chez vous." %>">
<meta name="keywords" content="<%= content_for(:keywords) || "événements, soirées, billets, réservation, nightlife, fêtes" %>">
<meta name="robots" content="index, follow">
<link rel="canonical" href="<%= content_for(:canonical_url) || request.original_url %>">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="<%= request.original_url %>">
<meta property="og:title" content="<%= content_for(:title) || "Aperonight - Événements et Soirées" %>">
<meta property="og:description" content="<%= content_for(:description) || "Découvrez et réservez vos billets pour les meilleurs événements et soirées." %>">
<meta property="og:image" content="<%= content_for(:og_image) || asset_url('aperonight-og-image.jpg') %>">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="<%= request.original_url %>">
<meta property="twitter:title" content="<%= content_for(:title) || "Aperonight - Événements et Soirées" %>">
<meta property="twitter:description" content="<%= content_for(:description) || "Découvrez et réservez vos billets pour les meilleurs événements et soirées." %>">
<meta property="twitter:image" content="<%= content_for(:og_image) || asset_url('aperonight-og-image.jpg') %>">
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= yield :head %>

4
app/views/orders/checkout.html.erb
View File

@@ -18,7 +18,7 @@
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
</svg>
<%= link_to event_path(@order.event.slug, @order.event), class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
<%= link_to event_path(@order.event), class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
<%= @order.event.name %>
<% end %>
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -289,7 +289,7 @@
<!-- Order Actions -->
<div class="border-t border-gray-200 pt-6 mt-6">
<div class="space-y-3">
<%= link_to event_path(@order.event.slug, @order.event), class: "block w-full text-center py-3 px-4 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition-colors" do %>
<%= link_to event_path(@order.event), class: "block w-full text-center py-3 px-4 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition-colors" do %>
<div class="flex items-center justify-center">
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>

6
app/views/orders/new.html.erb
View File

@@ -18,7 +18,7 @@
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
</svg>
<%= link_to event_path(@event.slug, @event), class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
<%= link_to event_path(@event), class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
<%= @event.name %>
<% end %>
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -89,7 +89,7 @@
<p class="text-gray-600 max-w-md mx-auto">Veuillez fournir les prénoms et noms des personnes qui utiliseront les billets.</p>
</div>
<%= form_with url: event_order_create_path(@event.slug, @event.id), method: :post, local: true, class: "space-y-8" do |form| %>
<%= form_with url: event_orders_path(@event), method: :post, local: true, class: "space-y-8" do |form| %>
<div class="space-y-6">
<div class="flex items-center justify-center mb-2">
<div class="bg-purple-600 rounded-full p-2 mr-3">
@@ -129,7 +129,7 @@
</div>
<div class="flex flex-col sm:flex-row gap-4 pt-6">
<%= link_to "Retour", event_path(@event.slug, @event), class: "px-6 py-3 border border-gray-300 text-gray-700 rounded-xl hover:bg-gray-50 text-center font-medium transition-colors duration-200" %>
<%= link_to "Retour", event_path(@event), class: "px-6 py-3 border border-gray-300 text-gray-700 rounded-xl hover:bg-gray-50 text-center font-medium transition-colors duration-200" %>
<%= form.submit "Procéder au paiement", class: "flex-1 bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-700 hover:to-indigo-700 text-white font-medium py-3 px-6 rounded-xl shadow-sm transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 transform hover:-translate-y-0.5" %>
</div>
<% end %>

6
app/views/orders/show.html.erb
View File

@@ -18,7 +18,7 @@
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
</svg>
<%= link_to event_path(@order.event.slug, @order.event), class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
<%= link_to seo_event_path(@order.event), class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
<%= @order.event.name %>
<% end %>
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -79,7 +79,7 @@
<!-- Actions -->
<div class="border-t border-gray-200 pt-6 mt-6">
<div class="flex space-x-4">
<%= link_to event_path(@order.event.slug, @order.event), class: "bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium py-2 px-4 rounded-lg transition-colors" do %>
<%= link_to seo_event_path(@order.event), class: "bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium py-2 px-4 rounded-lg transition-colors" do %>
<div class="flex items-center">
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
@@ -88,7 +88,7 @@
</div>
<% end %>
<% if @order.can_retry_payment? %>
<%= link_to checkout_order_path(@order), class: "bg-purple-600 hover:bg-purple-700 text-white font-medium py-2 px-4 rounded-lg transition-colors" do %>
<%= link_to booking_summary_path(@order), class: "bg-purple-600 hover:bg-purple-700 text-white font-medium py-2 px-4 rounded-lg transition-colors" do %>
<div class="flex items-center">
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"/>

4
app/views/pages/home.html.erb
View File

@@ -28,7 +28,7 @@
<div class="featured-events-grid" data-controller="featured-event">
<% @featured_events.each do |event| %>
<div class="featured-event-card" data-featured-event-target="card">
<%= link_to event_path(event.slug, event) do %>
<%= link_to event_path(event) do %>
<img src="<%= event.image %>" alt="<%= event.name %>" class="featured-event-image" data-featured-event-target="animated">
<% end %>
<div class="featured-event-content">
@@ -58,7 +58,7 @@
<p class="featured-event-description"><%= event.description %></p>
<div class="featured-event-footer">
<span class="featured-event-price">€<%= event.ticket_types.minimum(:price_cents).to_f / 100 %></span>
<%= link_to "Réserver une place", event_path(event.slug, event), class: "btn btn-sm btn-primary" %>
<%= link_to "Réserver une place", event_path(event), class: "btn btn-sm btn-primary" %>
</div>
</div>
</div>

2
app/views/promoter/events/show.html.erb
View File

@@ -72,7 +72,7 @@
<p class="text-sm text-green-700">Cet événement est visible publiquement et les utilisateurs peuvent acheter des billets.</p>
</div>
<div class="ml-auto">
<%= link_to event_path(@event.slug, @event), target: "_blank", class: "text-green-600 hover:text-green-800 font-medium text-sm" do %>
<%= link_to event_path(@event), target: "_blank", class: "text-green-600 hover:text-green-800 font-medium text-sm" do %>
Voir publiquement <i data-lucide="external-link" class="w-4 h-4 inline ml-1"></i>
<% end %>
</div>

2
app/views/tickets/checkout.html.erb
View File

@@ -18,7 +18,7 @@
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
</svg>
<%= link_to event_path(@event.slug, @event), class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
<%= link_to event_path(@event), class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
<%= @event.name %>
<% end %>
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">

4
app/views/tickets/new.html.erb
View File

@@ -48,7 +48,7 @@
d="M9 5l7 7-7 7"
/>
</svg>
<%= link_to event_path(@event.slug, @event), class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
<%= link_to event_path(@event), class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
<%= @event.name %>
<% end %>
<svg
@@ -180,7 +180,7 @@
<div class="flex flex-col sm:flex-row gap-4 pt-6">
<%= link_to "Retour",
event_path(@event.slug, @event),
event_path(@event),
class:
"px-6 py-3 border border-gray-300 text-gray-700 rounded-xl hover:bg-gray-50 text-center font-medium transition-colors duration-200" %>
<%= form.submit "Procéder au paiement",