Compare commits
24 Commits
a0e53325f7
...
feat/wicke
| Author | SHA1 | Date | |
|---|---|---|---|
|
fa99a167a5 | ||
|
|
9b33b73bb4 | ||
|
|
bc47027c22 | ||
|
|
7ef934d8a8 | ||
|
|
974edce238 | ||
|
|
7009245ab0 | ||
|
|
a984243fe2 | ||
|
|
01b545c83e | ||
|
|
cb0de11de1 | ||
|
|
1daeee0eb1 | ||
|
|
ff32b6f21c | ||
|
|
8544802b7f | ||
|
|
0abf8d9aa9 | ||
|
|
da420ccd76 | ||
|
|
24a4560634 | ||
|
|
ed5ff4b8fd | ||
|
|
ffd9d31c94 | ||
|
|
eee7855d36 | ||
|
|
ea7517457a | ||
|
|
6d3ee7e400 | ||
|
|
15e3c7dff5 | ||
|
|
46c8faf10c | ||
|
|
a3689948ae | ||
|
|
d18c1a7b3e |
@@ -0,0 +1,738 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Connexion - AperoNight | Plateforme Événementielle Premium</title>
|
||||||
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="aperonight_premium_light_theme.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: var(--font-sans) !important;
|
||||||
|
background: var(--background) !important;
|
||||||
|
min-height: 100vh !important;
|
||||||
|
position: relative !important;
|
||||||
|
overflow-x: hidden !important;
|
||||||
|
color: var(--foreground) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Light theme background patterns */
|
||||||
|
body::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background-image:
|
||||||
|
radial-gradient(circle at 2px 2px, var(--dot-color) 1px, transparent 1px);
|
||||||
|
background-size: 40px 40px;
|
||||||
|
opacity: 0.3;
|
||||||
|
z-index: 0;
|
||||||
|
animation: dotFlow 30s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background:
|
||||||
|
linear-gradient(90deg, transparent 48%, var(--connection-color) 50%, transparent 52%),
|
||||||
|
linear-gradient(0deg, transparent 48%, var(--connection-color) 50%, transparent 52%);
|
||||||
|
background-size: 100px 100px;
|
||||||
|
opacity: 0.12;
|
||||||
|
z-index: 0;
|
||||||
|
animation: connectionFlow 20s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes dotFlow {
|
||||||
|
0% { transform: translate(0, 0); }
|
||||||
|
100% { transform: translate(40px, 40px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes connectionFlow {
|
||||||
|
0% { transform: translate(0, 0); }
|
||||||
|
100% { transform: translate(100px, 100px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page entrance orchestration */
|
||||||
|
.page-container {
|
||||||
|
animation: pageLoad 1000ms cubic-bezier(0.23, 1, 0.32, 1) forwards;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(50px);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes pageLoad {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Brand reveal animation */
|
||||||
|
.brand-container {
|
||||||
|
animation: brandReveal 1400ms ease-out 300ms forwards;
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes brandReveal {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Premium card elevation - light theme */
|
||||||
|
.login-card {
|
||||||
|
background: var(--glass-bg) !important;
|
||||||
|
backdrop-filter: var(--glass-backdrop) !important;
|
||||||
|
border: 1px solid var(--glass-border) !important;
|
||||||
|
border-radius: var(--radius-2xl) !important;
|
||||||
|
box-shadow: var(--shadow-2xl) !important;
|
||||||
|
animation: cardElevate 800ms cubic-bezier(0.34, 1.56, 0.64, 1) 600ms forwards;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(40px);
|
||||||
|
transition: all 400ms ease-out;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-card::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: -100%;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: linear-gradient(
|
||||||
|
90deg,
|
||||||
|
transparent,
|
||||||
|
rgba(59, 130, 246, 0.05),
|
||||||
|
transparent
|
||||||
|
);
|
||||||
|
transition: left 0.6s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-card:hover::before {
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-card:hover {
|
||||||
|
transform: var(--hover-lift) var(--hover-scale);
|
||||||
|
box-shadow: var(--shadow-2xl), var(--shadow-electric);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes cardElevate {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Professional input styling - light theme */
|
||||||
|
.input-group {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 1.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field {
|
||||||
|
width: 100%;
|
||||||
|
padding: 1.25rem 3.5rem 1.25rem 1.25rem;
|
||||||
|
border: 2px solid var(--input-border);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
background: var(--input);
|
||||||
|
color: var(--card-foreground);
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: all 250ms ease-out;
|
||||||
|
outline: none;
|
||||||
|
font-family: var(--font-sans);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:focus {
|
||||||
|
border-color: var(--primary);
|
||||||
|
box-shadow: var(--shadow-electric), var(--focus-ring);
|
||||||
|
transform: scale(1.01);
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:focus + .floating-label {
|
||||||
|
transform: translateY(-12px) scale(0.85);
|
||||||
|
color: var(--primary);
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.floating-label {
|
||||||
|
position: absolute;
|
||||||
|
left: 1.25rem;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background: var(--input);
|
||||||
|
padding: 0 0.75rem;
|
||||||
|
color: var(--muted-foreground);
|
||||||
|
pointer-events: none;
|
||||||
|
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
|
font-weight: 500;
|
||||||
|
font-family: var(--font-sans);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:not(:placeholder-shown) + .floating-label {
|
||||||
|
transform: translateY(-12px) scale(0.85);
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Security toggle with premium feel - light theme */
|
||||||
|
.security-toggle {
|
||||||
|
position: absolute;
|
||||||
|
right: 1.25rem;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: var(--muted-foreground);
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 200ms ease-out;
|
||||||
|
opacity: 0.7;
|
||||||
|
padding: 0.5rem;
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.security-toggle:hover {
|
||||||
|
opacity: 1;
|
||||||
|
color: var(--primary);
|
||||||
|
background: var(--primary-light);
|
||||||
|
transform: translateY(-50%) rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Flat button styling - light theme */
|
||||||
|
.login-button {
|
||||||
|
width: 100%;
|
||||||
|
padding: 1.25rem;
|
||||||
|
background: var(--primary) !important;
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
color: var(--primary-foreground);
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-weight: 700;
|
||||||
|
font-family: var(--font-display);
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 300ms ease-out;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button:hover {
|
||||||
|
transform: var(--hover-lift);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
background: var(--primary-hover) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button:active {
|
||||||
|
transform: scale(0.97);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Premium ripple effect */
|
||||||
|
.login-button::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: rgba(255, 255, 255, 0.25);
|
||||||
|
transition: width 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
||||||
|
height 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button:active::before {
|
||||||
|
width: 400px;
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sophisticated checkbox - light theme */
|
||||||
|
.premium-checkbox {
|
||||||
|
appearance: none;
|
||||||
|
width: 1.5rem;
|
||||||
|
height: 1.5rem;
|
||||||
|
border: 2px solid var(--input-border);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
background: var(--input);
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
transition: all 200ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.premium-checkbox:checked {
|
||||||
|
background: var(--primary);
|
||||||
|
border-color: var(--primary);
|
||||||
|
animation: securityCheck 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||||
|
}
|
||||||
|
|
||||||
|
.premium-checkbox:checked::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 2px;
|
||||||
|
left: 5px;
|
||||||
|
width: 6px;
|
||||||
|
height: 10px;
|
||||||
|
border: solid white;
|
||||||
|
border-width: 0 2px 2px 0;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes securityCheck {
|
||||||
|
0% { transform: scale(0); }
|
||||||
|
50% { transform: scale(1.2); }
|
||||||
|
100% { transform: scale(1); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Professional link styling - light theme */
|
||||||
|
.premium-link {
|
||||||
|
color: var(--accent);
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
transition: all 250ms ease-out;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.premium-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -2px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--accent);
|
||||||
|
transition: width 250ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.premium-link:hover {
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.premium-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Validation states - light theme */
|
||||||
|
.input-error {
|
||||||
|
border-color: var(--destructive) !important;
|
||||||
|
animation: errorShake 400ms cubic-bezier(0.36, 0, 0.66, -0.56);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes errorShake {
|
||||||
|
0%, 100% { transform: translateX(0); }
|
||||||
|
25% { transform: translateX(-10px); }
|
||||||
|
75% { transform: translateX(10px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-success {
|
||||||
|
border-color: var(--success) !important;
|
||||||
|
box-shadow: 0 0 0 3px var(--success-light);
|
||||||
|
animation: validationSuccess 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes validationSuccess {
|
||||||
|
0% { transform: scale(1); }
|
||||||
|
50% { transform: scale(1.02); border-color: var(--success); }
|
||||||
|
100% { transform: scale(1); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Premium loading states - light theme */
|
||||||
|
.skeleton {
|
||||||
|
background: var(--muted);
|
||||||
|
animation: skeletonPulse 2s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes skeletonPulse {
|
||||||
|
0%, 100% { opacity: 0.8; }
|
||||||
|
50% { opacity: 0.4; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Logo styling - light theme */
|
||||||
|
.logo-container {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-glow {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Trust indicators - light theme */
|
||||||
|
.trust-badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
background: var(--success-light);
|
||||||
|
color: var(--success);
|
||||||
|
border-radius: var(--radius-full);
|
||||||
|
font-size: 0.875rem;
|
||||||
|
font-weight: 600;
|
||||||
|
border: 1px solid var(--success);
|
||||||
|
transition: all 300ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.trust-badge:hover {
|
||||||
|
transform: scale(1.05);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Professional footer - light theme */
|
||||||
|
.pro-footer {
|
||||||
|
background: rgba(59, 130, 246, 0.08);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
padding: 1rem;
|
||||||
|
margin-top: 2rem;
|
||||||
|
border: 1px solid rgba(59, 130, 246, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Light theme brand colors */
|
||||||
|
.brand-text-primary {
|
||||||
|
color: var(--primary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand-text-secondary {
|
||||||
|
color: var(--primary-dark) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand-text-muted {
|
||||||
|
color: var(--muted-foreground) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-link {
|
||||||
|
color: var(--primary) !important;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-link:hover {
|
||||||
|
opacity: 1;
|
||||||
|
color: var(--primary-hover) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-text {
|
||||||
|
color: var(--muted-foreground) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive enhancements */
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.login-card {
|
||||||
|
margin: 1rem;
|
||||||
|
padding: 2rem 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field {
|
||||||
|
padding: 1rem 3rem 1rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button {
|
||||||
|
font-size: 1rem;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Advanced accessibility */
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
*, *::before, *::after {
|
||||||
|
animation-duration: 0.01ms !important;
|
||||||
|
animation-iteration-count: 1 !important;
|
||||||
|
transition-duration: 0.01ms !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* High contrast mode support */
|
||||||
|
@media (prefers-contrast: high) {
|
||||||
|
.login-card {
|
||||||
|
border: 3px solid var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:focus {
|
||||||
|
outline: 3px solid var(--primary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="page-container relative z-10 flex items-center justify-center min-h-screen p-4">
|
||||||
|
<div class="w-full max-w-lg">
|
||||||
|
<!-- Premium Brand Section - Light Theme -->
|
||||||
|
<div class="brand-container text-center mb-10">
|
||||||
|
<div class="relative inline-block mb-6">
|
||||||
|
<div class="logo-glow"></div>
|
||||||
|
<div class="relative w-20 h-20 mx-auto bg-blue-600 rounded-2xl flex items-center justify-center logo-container">
|
||||||
|
<i data-lucide="calendar-check" class="w-10 h-10 text-white"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h1 class="text-3xl font-bold brand-text-primary mb-2 font-display">AperoNight</h1>
|
||||||
|
<p class="brand-text-secondary text-lg font-medium mb-2">Plateforme Événementielle Premium</p>
|
||||||
|
<p class="brand-text-muted text-sm opacity-90">Connexion sécurisée • Interface professionnelle</p>
|
||||||
|
|
||||||
|
<div class="flex justify-center mt-4">
|
||||||
|
<div class="trust-badge">
|
||||||
|
<i data-lucide="shield-check" class="w-4 h-4"></i>
|
||||||
|
<span>Connexion Sécurisée</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Premium Login Card -->
|
||||||
|
<div class="login-card p-8">
|
||||||
|
<div class="text-center mb-8">
|
||||||
|
<h2 class="text-xl font-bold text-gray-800 mb-2 font-display">Accès Dashboard</h2>
|
||||||
|
<p class="text-gray-600 text-sm">Gérez vos événements en toute simplicité</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form class="space-y-6">
|
||||||
|
<!-- Email professionnel -->
|
||||||
|
<div class="input-group">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
class="input-field"
|
||||||
|
placeholder=" "
|
||||||
|
required
|
||||||
|
id="email"
|
||||||
|
>
|
||||||
|
<label class="floating-label" for="email">Email professionnel</label>
|
||||||
|
<div class="absolute right-3 top-1/2 transform -translate-y-1/2">
|
||||||
|
<i data-lucide="mail" class="w-5 h-5 text-gray-400"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Mot de passe sécurisé -->
|
||||||
|
<div class="input-group">
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
class="input-field"
|
||||||
|
placeholder=" "
|
||||||
|
required
|
||||||
|
id="password"
|
||||||
|
>
|
||||||
|
<label class="floating-label" for="password">Mot de passe sécurisé</label>
|
||||||
|
<button type="button" class="security-toggle" onclick="togglePassword()">
|
||||||
|
<i data-lucide="lock" class="w-5 h-5"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Options de connexion -->
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<label class="flex items-center space-x-3 cursor-pointer group">
|
||||||
|
<input type="checkbox" class="premium-checkbox" id="remember">
|
||||||
|
<span class="text-sm text-gray-700 group-hover:text-gray-900 transition-colors">
|
||||||
|
Maintenir la connexion
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<div class="flex items-center space-x-1 text-xs text-gray-500">
|
||||||
|
<i data-lucide="timer" class="w-3 h-3"></i>
|
||||||
|
<span>30 jours</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bouton de connexion premium -->
|
||||||
|
<button type="submit" class="login-button group">
|
||||||
|
<span class="relative z-10 flex items-center justify-center gap-2">
|
||||||
|
<i data-lucide="log-in" class="w-5 h-5"></i>
|
||||||
|
Accéder au Dashboard
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<!-- Options de récupération -->
|
||||||
|
<div class="text-center space-y-3">
|
||||||
|
<a href="#" class="premium-link text-sm">Mot de passe oublié ?</a>
|
||||||
|
<div class="flex items-center justify-center space-x-4 text-xs text-gray-500">
|
||||||
|
<span class="flex items-center gap-1">
|
||||||
|
<i data-lucide="smartphone" class="w-3 h-3"></i>
|
||||||
|
2FA disponible
|
||||||
|
</span>
|
||||||
|
<span class="flex items-center gap-1">
|
||||||
|
<i data-lucide="key" class="w-3 h-3"></i>
|
||||||
|
SSO Enterprise
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Professional Footer - Light Theme -->
|
||||||
|
<div class="pro-footer text-center space-y-3">
|
||||||
|
<div class="flex items-center justify-center space-x-6 text-sm">
|
||||||
|
<a href="#" class="footer-link transition-colors flex items-center gap-1">
|
||||||
|
<i data-lucide="life-buoy" class="w-4 h-4"></i>
|
||||||
|
Support Pro
|
||||||
|
</a>
|
||||||
|
<a href="#" class="footer-link transition-colors flex items-center gap-1">
|
||||||
|
<i data-lucide="shield" class="w-4 h-4"></i>
|
||||||
|
Sécurité Renforcée
|
||||||
|
</a>
|
||||||
|
<a href="#" class="footer-link transition-colors flex items-center gap-1">
|
||||||
|
<i data-lucide="zap" class="w-4 h-4"></i>
|
||||||
|
API Premium
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<p class="text-xs status-text">© 2024 AperoNight • Plateforme Événementielle Premium • Tous droits réservés</p>
|
||||||
|
<div class="flex items-center justify-center space-x-2 text-xs status-text">
|
||||||
|
<span class="flex items-center gap-1">
|
||||||
|
<div class="w-2 h-2 bg-green-500 rounded-full animate-pulse"></div>
|
||||||
|
Système opérationnel
|
||||||
|
</span>
|
||||||
|
<span>•</span>
|
||||||
|
<span>99.9% uptime</span>
|
||||||
|
<span>•</span>
|
||||||
|
<span>GDPR compliant</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Initialize Lucide icons
|
||||||
|
lucide.createIcons();
|
||||||
|
|
||||||
|
// Enhanced password toggle
|
||||||
|
function togglePassword() {
|
||||||
|
const passwordField = document.getElementById('password');
|
||||||
|
const toggleIcon = document.querySelector('.security-toggle i');
|
||||||
|
|
||||||
|
if (passwordField.type === 'password') {
|
||||||
|
passwordField.type = 'text';
|
||||||
|
toggleIcon.setAttribute('data-lucide', 'unlock');
|
||||||
|
} else {
|
||||||
|
passwordField.type = 'password';
|
||||||
|
toggleIcon.setAttribute('data-lucide', 'lock');
|
||||||
|
}
|
||||||
|
|
||||||
|
lucide.createIcons();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Professional form validation
|
||||||
|
const form = document.querySelector('form');
|
||||||
|
const emailField = document.getElementById('email');
|
||||||
|
const passwordField = document.getElementById('password');
|
||||||
|
|
||||||
|
form.addEventListener('submit', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
// Reset states
|
||||||
|
emailField.classList.remove('input-error', 'input-success');
|
||||||
|
passwordField.classList.remove('input-error', 'input-success');
|
||||||
|
|
||||||
|
let isValid = true;
|
||||||
|
|
||||||
|
// Professional email validation
|
||||||
|
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||||
|
if (!emailRegex.test(emailField.value)) {
|
||||||
|
emailField.classList.add('input-error');
|
||||||
|
isValid = false;
|
||||||
|
showNotification('Email invalide', 'error');
|
||||||
|
} else {
|
||||||
|
emailField.classList.add('input-success');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Secure password validation
|
||||||
|
if (passwordField.value.length < 8) {
|
||||||
|
passwordField.classList.add('input-error');
|
||||||
|
isValid = false;
|
||||||
|
showNotification('Mot de passe trop court (min. 8 caractères)', 'error');
|
||||||
|
} else {
|
||||||
|
passwordField.classList.add('input-success');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isValid) {
|
||||||
|
// Premium loading state
|
||||||
|
const button = document.querySelector('.login-button');
|
||||||
|
const originalContent = button.innerHTML;
|
||||||
|
button.innerHTML = `
|
||||||
|
<div class="flex items-center justify-center space-x-2">
|
||||||
|
<div class="animate-spin w-5 h-5 border-2 border-white border-t-transparent rounded-full"></div>
|
||||||
|
<span>Connexion sécurisée...</span>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
showNotification('Connexion réussie ! Redirection...', 'success');
|
||||||
|
setTimeout(() => {
|
||||||
|
button.innerHTML = originalContent;
|
||||||
|
}, 1500);
|
||||||
|
}, 2000);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Real-time validation
|
||||||
|
emailField.addEventListener('input', function() {
|
||||||
|
this.classList.remove('input-error', 'input-success');
|
||||||
|
});
|
||||||
|
|
||||||
|
passwordField.addEventListener('input', function() {
|
||||||
|
this.classList.remove('input-error', 'input-success');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Professional notification system
|
||||||
|
function showNotification(message, type) {
|
||||||
|
const notification = document.createElement('div');
|
||||||
|
notification.className = `
|
||||||
|
fixed top-4 right-4 z-50 p-4 rounded-lg shadow-2xl max-w-sm
|
||||||
|
${type === 'success' ? 'bg-green-500 text-white' : 'bg-red-500 text-white'}
|
||||||
|
transform transition-all duration-300 ease-out translate-x-full
|
||||||
|
`;
|
||||||
|
notification.innerHTML = `
|
||||||
|
<div class="flex items-center space-x-2">
|
||||||
|
<i data-lucide="${type === 'success' ? 'check-circle' : 'alert-circle'}" class="w-5 h-5"></i>
|
||||||
|
<span class="font-medium">${message}</span>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
document.body.appendChild(notification);
|
||||||
|
lucide.createIcons();
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
notification.style.transform = 'translateX(0)';
|
||||||
|
}, 100);
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
notification.style.transform = 'translateX(100%)';
|
||||||
|
setTimeout(() => {
|
||||||
|
document.body.removeChild(notification);
|
||||||
|
}, 300);
|
||||||
|
}, 3000);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Enhanced floating label behavior
|
||||||
|
document.querySelectorAll('.input-field').forEach(input => {
|
||||||
|
input.addEventListener('focus', function() {
|
||||||
|
this.nextElementSibling.style.background = 'white';
|
||||||
|
});
|
||||||
|
|
||||||
|
input.addEventListener('blur', function() {
|
||||||
|
if (!this.value) {
|
||||||
|
this.nextElementSibling.style.background = 'var(--input)';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Professional interaction tracking
|
||||||
|
console.log('🌟 AperoNight Premium Light Login Interface Loaded');
|
||||||
|
console.log('✅ Security features: 2FA, SSO, GDPR compliance');
|
||||||
|
console.log('🎨 Theme: Professional Event Platform - Light Mode');
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,125 @@
|
|||||||
|
:root {
|
||||||
|
/* AperoNight Premium Light Theme - Professional Event Platform */
|
||||||
|
|
||||||
|
/* Base Colors - Clean Light Background with Professional Accents */
|
||||||
|
--background: oklch(0.9800 0.0050 240);
|
||||||
|
--foreground: oklch(0.1500 0.0200 240);
|
||||||
|
--surface: oklch(0.9600 0.0080 240);
|
||||||
|
--surface-elevated: oklch(0.9400 0.0120 240);
|
||||||
|
|
||||||
|
/* Card & Dialog surfaces */
|
||||||
|
--card: oklch(1.0000 0 0);
|
||||||
|
--card-foreground: oklch(0.1500 0.0200 240);
|
||||||
|
--popover: oklch(1.0000 0 0);
|
||||||
|
--popover-foreground: oklch(0.1500 0.0200 240);
|
||||||
|
|
||||||
|
/* Primary - Professional Electric Blue */
|
||||||
|
--primary: oklch(0.5200 0.2200 220);
|
||||||
|
--primary-foreground: oklch(0.9900 0.0050 220);
|
||||||
|
--primary-hover: oklch(0.4600 0.2400 220);
|
||||||
|
--primary-light: oklch(0.9200 0.1000 220);
|
||||||
|
--primary-dark: oklch(0.3800 0.2600 220);
|
||||||
|
|
||||||
|
/* Secondary - Sophisticated Light Gray */
|
||||||
|
--secondary: oklch(0.9200 0.0100 240);
|
||||||
|
--secondary-foreground: oklch(0.3000 0.0300 240);
|
||||||
|
--secondary-hover: oklch(0.8800 0.0150 240);
|
||||||
|
|
||||||
|
/* Accent - Vibrant Cyan (Events Energy) */
|
||||||
|
--accent: oklch(0.6500 0.2400 200);
|
||||||
|
--accent-foreground: oklch(0.9900 0.0050 200);
|
||||||
|
--accent-light: oklch(0.9400 0.1200 200);
|
||||||
|
--accent-dark: oklch(0.5000 0.2800 200);
|
||||||
|
|
||||||
|
/* Success - Event Success Green */
|
||||||
|
--success: oklch(0.6000 0.2000 140);
|
||||||
|
--success-foreground: oklch(0.9800 0.0100 140);
|
||||||
|
--success-light: oklch(0.9600 0.0800 140);
|
||||||
|
|
||||||
|
/* Warning - Premium Amber */
|
||||||
|
--warning: oklch(0.7200 0.1800 60);
|
||||||
|
--warning-foreground: oklch(0.2500 0.0400 60);
|
||||||
|
--warning-light: oklch(0.9600 0.0800 60);
|
||||||
|
|
||||||
|
/* Error - Professional Red */
|
||||||
|
--destructive: oklch(0.5600 0.2200 20);
|
||||||
|
--destructive-foreground: oklch(0.9800 0.0100 20);
|
||||||
|
--destructive-light: oklch(0.9600 0.1000 20);
|
||||||
|
|
||||||
|
/* Muted tones */
|
||||||
|
--muted: oklch(0.9400 0.0100 240);
|
||||||
|
--muted-foreground: oklch(0.5200 0.0300 240);
|
||||||
|
--muted-dark: oklch(0.8800 0.0200 240);
|
||||||
|
|
||||||
|
/* Borders and inputs */
|
||||||
|
--border: oklch(0.8800 0.0200 240);
|
||||||
|
--input: oklch(0.9800 0.0080 240);
|
||||||
|
--input-border: oklch(0.8600 0.0300 240);
|
||||||
|
--ring: oklch(0.5200 0.2200 220);
|
||||||
|
|
||||||
|
/* Typography - Premium Event Platform */
|
||||||
|
--font-sans: 'Inter', 'Plus Jakarta Sans', system-ui, sans-serif;
|
||||||
|
--font-display: 'Space Grotesk', 'Outfit', system-ui, sans-serif;
|
||||||
|
--font-mono: 'JetBrains Mono', 'Fira Code', monospace;
|
||||||
|
|
||||||
|
/* Spacing and layout */
|
||||||
|
--radius: 0.75rem;
|
||||||
|
--spacing: 1rem;
|
||||||
|
|
||||||
|
/* Light theme shadow system */
|
||||||
|
--shadow-xs: 0 1px 3px 0 hsl(240 15% 15% / 0.08), 0 1px 2px -1px hsl(240 15% 15% / 0.06);
|
||||||
|
--shadow-sm: 0 2px 6px -1px hsl(240 15% 15% / 0.10), 0 2px 4px -2px hsl(240 15% 15% / 0.08);
|
||||||
|
--shadow: 0 4px 8px -2px hsl(240 15% 15% / 0.12), 0 2px 4px -2px hsl(240 15% 15% / 0.08);
|
||||||
|
--shadow-md: 0 8px 16px -4px hsl(240 15% 15% / 0.14), 0 4px 6px -2px hsl(240 15% 15% / 0.10);
|
||||||
|
--shadow-lg: 0 16px 24px -4px hsl(240 15% 15% / 0.16), 0 8px 8px -4px hsl(240 15% 15% / 0.08);
|
||||||
|
--shadow-xl: 0 20px 32px -8px hsl(240 15% 15% / 0.18), 0 8px 16px -8px hsl(240 15% 15% / 0.10);
|
||||||
|
--shadow-2xl: 0 32px 64px -12px hsl(240 15% 15% / 0.22);
|
||||||
|
|
||||||
|
/* Subtle accent shadows for light theme */
|
||||||
|
--shadow-electric: 0 4px 16px -2px hsl(220 80% 60% / 0.15), 0 2px 8px -2px hsl(220 80% 60% / 0.10);
|
||||||
|
--shadow-accent: 0 4px 16px -2px hsl(200 80% 60% / 0.18), 0 2px 8px -2px hsl(200 80% 60% / 0.12);
|
||||||
|
|
||||||
|
/* Light theme gradients */
|
||||||
|
--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
|
||||||
|
--gradient-background: linear-gradient(135deg,
|
||||||
|
oklch(0.9800 0.0050 240) 0%,
|
||||||
|
oklch(0.9600 0.0080 235) 25%,
|
||||||
|
oklch(0.9400 0.0120 230) 50%,
|
||||||
|
oklch(0.9600 0.0080 225) 75%,
|
||||||
|
oklch(0.9800 0.0050 220) 100%);
|
||||||
|
--gradient-card: linear-gradient(135deg,
|
||||||
|
oklch(1.0000 0 0) 0%,
|
||||||
|
oklch(0.9900 0.0050 235) 100%);
|
||||||
|
|
||||||
|
/* Light theme pattern overlays */
|
||||||
|
--grid-color: oklch(0.8500 0.0300 240);
|
||||||
|
--dot-color: oklch(0.8000 0.0400 220);
|
||||||
|
--connection-color: oklch(0.7500 0.0800 210);
|
||||||
|
|
||||||
|
/* Light glassmorphism */
|
||||||
|
--glass-bg: oklch(1.0000 0 0 / 0.85);
|
||||||
|
--glass-border: oklch(0.8800 0.0200 240 / 0.25);
|
||||||
|
--glass-backdrop: blur(16px) saturate(180%);
|
||||||
|
|
||||||
|
/* Professional interaction states */
|
||||||
|
--hover-lift: translateY(-2px);
|
||||||
|
--hover-scale: scale(1.02);
|
||||||
|
--focus-ring: 0 0 0 3px var(--ring);
|
||||||
|
|
||||||
|
/* Event-specific colors for light theme */
|
||||||
|
--event-vip: oklch(0.6800 0.2200 45);
|
||||||
|
--event-premium: oklch(0.5800 0.2000 280);
|
||||||
|
--event-standard: oklch(0.6200 0.1600 160);
|
||||||
|
--event-available: oklch(0.6000 0.1800 140);
|
||||||
|
--event-limited: oklch(0.7000 0.1800 50);
|
||||||
|
--event-sold-out: oklch(0.5800 0.2000 15);
|
||||||
|
|
||||||
|
/* Radius variations */
|
||||||
|
--radius-xs: calc(var(--radius) - 4px);
|
||||||
|
--radius-sm: calc(var(--radius) - 2px);
|
||||||
|
--radius-md: var(--radius);
|
||||||
|
--radius-lg: calc(var(--radius) + 4px);
|
||||||
|
--radius-xl: calc(var(--radius) + 8px);
|
||||||
|
--radius-2xl: calc(var(--radius) + 12px);
|
||||||
|
--radius-full: 9999px;
|
||||||
|
}
|
||||||
710
.superdesign/design_iterations/aperonight_premium_login_1.html
Normal file
710
.superdesign/design_iterations/aperonight_premium_login_1.html
Normal file
@@ -0,0 +1,710 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Connexion - AperoNight | Plateforme Événementielle Premium</title>
|
||||||
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="aperonight_premium_theme.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: var(--font-sans) !important;
|
||||||
|
background: oklch(0.1200 0.0300 240) !important;
|
||||||
|
min-height: 100vh !important;
|
||||||
|
position: relative !important;
|
||||||
|
overflow-x: hidden !important;
|
||||||
|
color: var(--foreground) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Advanced background patterns */
|
||||||
|
body::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background-image:
|
||||||
|
radial-gradient(circle at 2px 2px, var(--dot-color) 1px, transparent 1px);
|
||||||
|
background-size: 40px 40px;
|
||||||
|
opacity: 0.4;
|
||||||
|
z-index: 0;
|
||||||
|
animation: dotFlow 30s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background:
|
||||||
|
linear-gradient(90deg, transparent 48%, var(--connection-color) 50%, transparent 52%),
|
||||||
|
linear-gradient(0deg, transparent 48%, var(--connection-color) 50%, transparent 52%);
|
||||||
|
background-size: 100px 100px;
|
||||||
|
opacity: 0.15;
|
||||||
|
z-index: 0;
|
||||||
|
animation: connectionFlow 20s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes dotFlow {
|
||||||
|
0% { transform: translate(0, 0); }
|
||||||
|
100% { transform: translate(40px, 40px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes connectionFlow {
|
||||||
|
0% { transform: translate(0, 0); }
|
||||||
|
100% { transform: translate(100px, 100px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page entrance orchestration */
|
||||||
|
.page-container {
|
||||||
|
animation: pageLoad 1000ms cubic-bezier(0.23, 1, 0.32, 1) forwards;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(50px);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes pageLoad {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Brand reveal animation */
|
||||||
|
.brand-container {
|
||||||
|
animation: brandReveal 1400ms ease-out 300ms forwards;
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes brandReveal {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Premium card elevation */
|
||||||
|
.login-card {
|
||||||
|
background: var(--glass-bg) !important;
|
||||||
|
backdrop-filter: var(--glass-backdrop) !important;
|
||||||
|
border: 1px solid var(--glass-border) !important;
|
||||||
|
border-radius: var(--radius-2xl) !important;
|
||||||
|
box-shadow: var(--shadow-2xl) !important;
|
||||||
|
animation: cardElevate 800ms cubic-bezier(0.34, 1.56, 0.64, 1) 600ms forwards;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(40px);
|
||||||
|
transition: all 400ms ease-out;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-card::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: -100%;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: linear-gradient(
|
||||||
|
90deg,
|
||||||
|
transparent,
|
||||||
|
rgba(255, 255, 255, 0.1),
|
||||||
|
transparent
|
||||||
|
);
|
||||||
|
transition: left 0.6s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-card:hover::before {
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-card:hover {
|
||||||
|
transform: var(--hover-lift) var(--hover-scale);
|
||||||
|
box-shadow: var(--shadow-2xl), var(--shadow-electric);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes cardElevate {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Professional input styling */
|
||||||
|
.input-group {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 1.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field {
|
||||||
|
width: 100%;
|
||||||
|
padding: 1.25rem 3.5rem 1.25rem 1.25rem;
|
||||||
|
border: 2px solid var(--input-border);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
background: var(--input);
|
||||||
|
color: var(--card-foreground);
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: all 250ms ease-out;
|
||||||
|
outline: none;
|
||||||
|
font-family: var(--font-sans);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:focus {
|
||||||
|
border-color: var(--primary);
|
||||||
|
box-shadow: var(--shadow-electric), var(--focus-ring);
|
||||||
|
transform: scale(1.01);
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:focus + .floating-label {
|
||||||
|
transform: translateY(-12px) scale(0.85);
|
||||||
|
color: var(--primary);
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.floating-label {
|
||||||
|
position: absolute;
|
||||||
|
left: 1.25rem;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background: var(--input);
|
||||||
|
padding: 0 0.75rem;
|
||||||
|
color: var(--muted-foreground);
|
||||||
|
pointer-events: none;
|
||||||
|
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
|
font-weight: 500;
|
||||||
|
font-family: var(--font-sans);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:not(:placeholder-shown) + .floating-label {
|
||||||
|
transform: translateY(-12px) scale(0.85);
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Security toggle with premium feel */
|
||||||
|
.security-toggle {
|
||||||
|
position: absolute;
|
||||||
|
right: 1.25rem;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: var(--muted-foreground);
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 200ms ease-out;
|
||||||
|
opacity: 0.7;
|
||||||
|
padding: 0.5rem;
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.security-toggle:hover {
|
||||||
|
opacity: 1;
|
||||||
|
color: var(--primary);
|
||||||
|
background: var(--primary-light);
|
||||||
|
transform: translateY(-50%) rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Flat button styling */
|
||||||
|
.login-button {
|
||||||
|
width: 100%;
|
||||||
|
padding: 1.25rem;
|
||||||
|
background: var(--primary) !important;
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
color: var(--primary-foreground);
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-weight: 700;
|
||||||
|
font-family: var(--font-display);
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 300ms ease-out;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button:hover {
|
||||||
|
transform: var(--hover-lift);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
background: var(--primary-hover) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button:active {
|
||||||
|
transform: scale(0.97);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Premium ripple effect */
|
||||||
|
.login-button::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: rgba(255, 255, 255, 0.25);
|
||||||
|
transition: width 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
||||||
|
height 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button:active::before {
|
||||||
|
width: 400px;
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sophisticated checkbox */
|
||||||
|
.premium-checkbox {
|
||||||
|
appearance: none;
|
||||||
|
width: 1.5rem;
|
||||||
|
height: 1.5rem;
|
||||||
|
border: 2px solid var(--input-border);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
background: var(--input);
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
transition: all 200ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.premium-checkbox:checked {
|
||||||
|
background: var(--primary);
|
||||||
|
border-color: var(--primary);
|
||||||
|
animation: securityCheck 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||||
|
}
|
||||||
|
|
||||||
|
.premium-checkbox:checked::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 2px;
|
||||||
|
left: 5px;
|
||||||
|
width: 6px;
|
||||||
|
height: 10px;
|
||||||
|
border: solid white;
|
||||||
|
border-width: 0 2px 2px 0;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes securityCheck {
|
||||||
|
0% { transform: scale(0); }
|
||||||
|
50% { transform: scale(1.2); }
|
||||||
|
100% { transform: scale(1); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Professional link styling */
|
||||||
|
.premium-link {
|
||||||
|
color: var(--accent);
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
transition: all 250ms ease-out;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.premium-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -2px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--accent);
|
||||||
|
transition: width 250ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.premium-link:hover {
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.premium-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Validation states */
|
||||||
|
.input-error {
|
||||||
|
border-color: var(--destructive) !important;
|
||||||
|
animation: errorShake 400ms cubic-bezier(0.36, 0, 0.66, -0.56);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes errorShake {
|
||||||
|
0%, 100% { transform: translateX(0); }
|
||||||
|
25% { transform: translateX(-10px); }
|
||||||
|
75% { transform: translateX(10px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-success {
|
||||||
|
border-color: var(--success) !important;
|
||||||
|
box-shadow: 0 0 0 3px var(--success-light);
|
||||||
|
animation: validationSuccess 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes validationSuccess {
|
||||||
|
0% { transform: scale(1); }
|
||||||
|
50% { transform: scale(1.02); border-color: var(--success); }
|
||||||
|
100% { transform: scale(1); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Premium loading states */
|
||||||
|
.skeleton {
|
||||||
|
background: var(--muted);
|
||||||
|
animation: skeletonPulse 2s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes skeletonPulse {
|
||||||
|
0%, 100% { opacity: 0.8; }
|
||||||
|
50% { opacity: 0.4; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Logo styling */
|
||||||
|
.logo-container {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-glow {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Trust indicators */
|
||||||
|
.trust-badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
background: var(--success-light);
|
||||||
|
color: var(--success);
|
||||||
|
border-radius: var(--radius-full);
|
||||||
|
font-size: 0.875rem;
|
||||||
|
font-weight: 600;
|
||||||
|
border: 1px solid var(--success);
|
||||||
|
transition: all 300ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.trust-badge:hover {
|
||||||
|
transform: scale(1.05);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Professional footer */
|
||||||
|
.pro-footer {
|
||||||
|
background: rgba(0, 0, 0, 0.1);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
padding: 1rem;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive enhancements */
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.login-card {
|
||||||
|
margin: 1rem;
|
||||||
|
padding: 2rem 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field {
|
||||||
|
padding: 1rem 3rem 1rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button {
|
||||||
|
font-size: 1rem;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Advanced accessibility */
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
*, *::before, *::after {
|
||||||
|
animation-duration: 0.01ms !important;
|
||||||
|
animation-iteration-count: 1 !important;
|
||||||
|
transition-duration: 0.01ms !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* High contrast mode support */
|
||||||
|
@media (prefers-contrast: high) {
|
||||||
|
.login-card {
|
||||||
|
border: 3px solid var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:focus {
|
||||||
|
outline: 3px solid var(--primary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="page-container relative z-10 flex items-center justify-center min-h-screen p-4">
|
||||||
|
<div class="w-full max-w-lg">
|
||||||
|
<!-- Premium Brand Section -->
|
||||||
|
<div class="brand-container text-center mb-10">
|
||||||
|
<div class="relative inline-block mb-6">
|
||||||
|
<div class="logo-glow"></div>
|
||||||
|
<div class="relative w-20 h-20 mx-auto bg-blue-600 rounded-2xl flex items-center justify-center logo-container">
|
||||||
|
<i data-lucide="calendar-check" class="w-10 h-10 text-white"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h1 class="text-3xl font-bold text-white mb-2 font-display">AperoNight</h1>
|
||||||
|
<p class="text-blue-200 text-lg font-medium mb-2">Plateforme Événementielle Premium</p>
|
||||||
|
<p class="text-blue-300 text-sm opacity-90">Connexion sécurisée • Interface professionnelle</p>
|
||||||
|
|
||||||
|
<div class="flex justify-center mt-4">
|
||||||
|
<div class="trust-badge">
|
||||||
|
<i data-lucide="shield-check" class="w-4 h-4"></i>
|
||||||
|
<span>Connexion Sécurisée</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Premium Login Card -->
|
||||||
|
<div class="login-card p-8">
|
||||||
|
<div class="text-center mb-8">
|
||||||
|
<h2 class="text-xl font-bold text-gray-800 mb-2 font-display">Accès Dashboard</h2>
|
||||||
|
<p class="text-gray-600 text-sm">Gérez vos événements en toute simplicité</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form class="space-y-6">
|
||||||
|
<!-- Email professionnel -->
|
||||||
|
<div class="input-group">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
class="input-field"
|
||||||
|
placeholder=" "
|
||||||
|
required
|
||||||
|
id="email"
|
||||||
|
>
|
||||||
|
<label class="floating-label" for="email">Email professionnel</label>
|
||||||
|
<div class="absolute right-3 top-1/2 transform -translate-y-1/2">
|
||||||
|
<i data-lucide="mail" class="w-5 h-5 text-gray-400"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Mot de passe sécurisé -->
|
||||||
|
<div class="input-group">
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
class="input-field"
|
||||||
|
placeholder=" "
|
||||||
|
required
|
||||||
|
id="password"
|
||||||
|
>
|
||||||
|
<label class="floating-label" for="password">Mot de passe sécurisé</label>
|
||||||
|
<button type="button" class="security-toggle" onclick="togglePassword()">
|
||||||
|
<i data-lucide="lock" class="w-5 h-5"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Options de connexion -->
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<label class="flex items-center space-x-3 cursor-pointer group">
|
||||||
|
<input type="checkbox" class="premium-checkbox" id="remember">
|
||||||
|
<span class="text-sm text-gray-700 group-hover:text-gray-900 transition-colors">
|
||||||
|
Maintenir la connexion
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<div class="flex items-center space-x-1 text-xs text-gray-500">
|
||||||
|
<i data-lucide="timer" class="w-3 h-3"></i>
|
||||||
|
<span>30 jours</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bouton de connexion premium -->
|
||||||
|
<button type="submit" class="login-button group">
|
||||||
|
<span class="relative z-10 flex items-center justify-center gap-2">
|
||||||
|
<i data-lucide="log-in" class="w-5 h-5"></i>
|
||||||
|
Accéder au Dashboard
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<!-- Options de récupération -->
|
||||||
|
<div class="text-center space-y-3">
|
||||||
|
<a href="#" class="premium-link text-sm">Mot de passe oublié ?</a>
|
||||||
|
<div class="flex items-center justify-center space-x-4 text-xs text-gray-500">
|
||||||
|
<span class="flex items-center gap-1">
|
||||||
|
<i data-lucide="smartphone" class="w-3 h-3"></i>
|
||||||
|
2FA disponible
|
||||||
|
</span>
|
||||||
|
<span class="flex items-center gap-1">
|
||||||
|
<i data-lucide="key" class="w-3 h-3"></i>
|
||||||
|
SSO Enterprise
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Professional Footer -->
|
||||||
|
<div class="pro-footer text-center space-y-3">
|
||||||
|
<div class="flex items-center justify-center space-x-6 text-sm text-blue-200">
|
||||||
|
<a href="#" class="hover:text-white transition-colors flex items-center gap-1">
|
||||||
|
<i data-lucide="life-buoy" class="w-4 h-4"></i>
|
||||||
|
Support Pro
|
||||||
|
</a>
|
||||||
|
<a href="#" class="hover:text-white transition-colors flex items-center gap-1">
|
||||||
|
<i data-lucide="shield" class="w-4 h-4"></i>
|
||||||
|
Sécurité Renforcée
|
||||||
|
</a>
|
||||||
|
<a href="#" class="hover:text-white transition-colors flex items-center gap-1">
|
||||||
|
<i data-lucide="zap" class="w-4 h-4"></i>
|
||||||
|
API Premium
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<p class="text-xs text-blue-300">© 2024 AperoNight • Plateforme Événementielle Premium • Tous droits réservés</p>
|
||||||
|
<div class="flex items-center justify-center space-x-2 text-xs text-blue-400">
|
||||||
|
<span class="flex items-center gap-1">
|
||||||
|
<div class="w-2 h-2 bg-green-400 rounded-full animate-pulse"></div>
|
||||||
|
Système opérationnel
|
||||||
|
</span>
|
||||||
|
<span>•</span>
|
||||||
|
<span>99.9% uptime</span>
|
||||||
|
<span>•</span>
|
||||||
|
<span>GDPR compliant</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Initialize Lucide icons
|
||||||
|
lucide.createIcons();
|
||||||
|
|
||||||
|
// Enhanced password toggle
|
||||||
|
function togglePassword() {
|
||||||
|
const passwordField = document.getElementById('password');
|
||||||
|
const toggleIcon = document.querySelector('.security-toggle i');
|
||||||
|
|
||||||
|
if (passwordField.type === 'password') {
|
||||||
|
passwordField.type = 'text';
|
||||||
|
toggleIcon.setAttribute('data-lucide', 'unlock');
|
||||||
|
} else {
|
||||||
|
passwordField.type = 'password';
|
||||||
|
toggleIcon.setAttribute('data-lucide', 'lock');
|
||||||
|
}
|
||||||
|
|
||||||
|
lucide.createIcons();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Professional form validation
|
||||||
|
const form = document.querySelector('form');
|
||||||
|
const emailField = document.getElementById('email');
|
||||||
|
const passwordField = document.getElementById('password');
|
||||||
|
|
||||||
|
form.addEventListener('submit', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
// Reset states
|
||||||
|
emailField.classList.remove('input-error', 'input-success');
|
||||||
|
passwordField.classList.remove('input-error', 'input-success');
|
||||||
|
|
||||||
|
let isValid = true;
|
||||||
|
|
||||||
|
// Professional email validation
|
||||||
|
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||||
|
if (!emailRegex.test(emailField.value)) {
|
||||||
|
emailField.classList.add('input-error');
|
||||||
|
isValid = false;
|
||||||
|
showNotification('Email invalide', 'error');
|
||||||
|
} else {
|
||||||
|
emailField.classList.add('input-success');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Secure password validation
|
||||||
|
if (passwordField.value.length < 8) {
|
||||||
|
passwordField.classList.add('input-error');
|
||||||
|
isValid = false;
|
||||||
|
showNotification('Mot de passe trop court (min. 8 caractères)', 'error');
|
||||||
|
} else {
|
||||||
|
passwordField.classList.add('input-success');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isValid) {
|
||||||
|
// Premium loading state
|
||||||
|
const button = document.querySelector('.login-button');
|
||||||
|
const originalContent = button.innerHTML;
|
||||||
|
button.innerHTML = `
|
||||||
|
<div class="flex items-center justify-center space-x-2">
|
||||||
|
<div class="animate-spin w-5 h-5 border-2 border-white border-t-transparent rounded-full"></div>
|
||||||
|
<span>Connexion sécurisée...</span>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
showNotification('Connexion réussie ! Redirection...', 'success');
|
||||||
|
setTimeout(() => {
|
||||||
|
button.innerHTML = originalContent;
|
||||||
|
}, 1500);
|
||||||
|
}, 2000);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Real-time validation
|
||||||
|
emailField.addEventListener('input', function() {
|
||||||
|
this.classList.remove('input-error', 'input-success');
|
||||||
|
});
|
||||||
|
|
||||||
|
passwordField.addEventListener('input', function() {
|
||||||
|
this.classList.remove('input-error', 'input-success');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Professional notification system
|
||||||
|
function showNotification(message, type) {
|
||||||
|
const notification = document.createElement('div');
|
||||||
|
notification.className = `
|
||||||
|
fixed top-4 right-4 z-50 p-4 rounded-lg shadow-2xl max-w-sm
|
||||||
|
${type === 'success' ? 'bg-green-500 text-white' : 'bg-red-500 text-white'}
|
||||||
|
transform transition-all duration-300 ease-out translate-x-full
|
||||||
|
`;
|
||||||
|
notification.innerHTML = `
|
||||||
|
<div class="flex items-center space-x-2">
|
||||||
|
<i data-lucide="${type === 'success' ? 'check-circle' : 'alert-circle'}" class="w-5 h-5"></i>
|
||||||
|
<span class="font-medium">${message}</span>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
document.body.appendChild(notification);
|
||||||
|
lucide.createIcons();
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
notification.style.transform = 'translateX(0)';
|
||||||
|
}, 100);
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
notification.style.transform = 'translateX(100%)';
|
||||||
|
setTimeout(() => {
|
||||||
|
document.body.removeChild(notification);
|
||||||
|
}, 300);
|
||||||
|
}, 3000);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Enhanced floating label behavior
|
||||||
|
document.querySelectorAll('.input-field').forEach(input => {
|
||||||
|
input.addEventListener('focus', function() {
|
||||||
|
this.nextElementSibling.style.background = 'white';
|
||||||
|
});
|
||||||
|
|
||||||
|
input.addEventListener('blur', function() {
|
||||||
|
if (!this.value) {
|
||||||
|
this.nextElementSibling.style.background = 'var(--input)';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Professional interaction tracking
|
||||||
|
console.log('🚀 AperoNight Premium Login Interface Loaded');
|
||||||
|
console.log('✅ Security features: 2FA, SSO, GDPR compliance');
|
||||||
|
console.log('🎨 Theme: Professional Event Platform');
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
125
.superdesign/design_iterations/aperonight_premium_theme.css
Normal file
125
.superdesign/design_iterations/aperonight_premium_theme.css
Normal file
@@ -0,0 +1,125 @@
|
|||||||
|
:root {
|
||||||
|
/* AperoNight Premium Theme - Telecom Inspired */
|
||||||
|
|
||||||
|
/* Base Colors - Sophisticated Navy & Electric Accents */
|
||||||
|
--background: oklch(0.1200 0.0300 240);
|
||||||
|
--foreground: oklch(0.9500 0.0100 240);
|
||||||
|
--surface: oklch(0.1600 0.0400 240);
|
||||||
|
--surface-elevated: oklch(0.2000 0.0500 240);
|
||||||
|
|
||||||
|
/* Card & Dialog surfaces */
|
||||||
|
--card: oklch(0.9800 0.0100 240);
|
||||||
|
--card-foreground: oklch(0.1500 0.0200 240);
|
||||||
|
--popover: oklch(0.9800 0.0100 240);
|
||||||
|
--popover-foreground: oklch(0.1500 0.0200 240);
|
||||||
|
|
||||||
|
/* Primary - Premium Electric Blue */
|
||||||
|
--primary: oklch(0.5500 0.2400 220);
|
||||||
|
--primary-foreground: oklch(0.9800 0.0100 220);
|
||||||
|
--primary-hover: oklch(0.4800 0.2600 220);
|
||||||
|
--primary-light: oklch(0.8500 0.1200 220);
|
||||||
|
--primary-dark: oklch(0.3500 0.2800 220);
|
||||||
|
|
||||||
|
/* Secondary - Sophisticated Slate */
|
||||||
|
--secondary: oklch(0.8800 0.0200 240);
|
||||||
|
--secondary-foreground: oklch(0.2500 0.0300 240);
|
||||||
|
--secondary-hover: oklch(0.8200 0.0300 240);
|
||||||
|
|
||||||
|
/* Accent - Vibrant Cyan (Events Energy) */
|
||||||
|
--accent: oklch(0.6800 0.2600 200);
|
||||||
|
--accent-foreground: oklch(0.9800 0.0100 200);
|
||||||
|
--accent-light: oklch(0.8800 0.1400 200);
|
||||||
|
--accent-dark: oklch(0.4500 0.3000 200);
|
||||||
|
|
||||||
|
/* Success - Event Success Green */
|
||||||
|
--success: oklch(0.6200 0.2200 140);
|
||||||
|
--success-foreground: oklch(0.9600 0.0200 140);
|
||||||
|
--success-light: oklch(0.9200 0.1000 140);
|
||||||
|
|
||||||
|
/* Warning - Premium Gold */
|
||||||
|
--warning: oklch(0.7500 0.2000 60);
|
||||||
|
--warning-foreground: oklch(0.2000 0.0300 60);
|
||||||
|
--warning-light: oklch(0.9400 0.1000 60);
|
||||||
|
|
||||||
|
/* Error - Professional Red */
|
||||||
|
--destructive: oklch(0.5800 0.2400 20);
|
||||||
|
--destructive-foreground: oklch(0.9700 0.0200 20);
|
||||||
|
--destructive-light: oklch(0.9300 0.1200 20);
|
||||||
|
|
||||||
|
/* Muted tones */
|
||||||
|
--muted: oklch(0.8800 0.0200 240);
|
||||||
|
--muted-foreground: oklch(0.4800 0.0400 240);
|
||||||
|
--muted-dark: oklch(0.7500 0.0300 240);
|
||||||
|
|
||||||
|
/* Borders and inputs */
|
||||||
|
--border: oklch(0.8400 0.0300 240);
|
||||||
|
--input: oklch(0.9600 0.0200 240);
|
||||||
|
--input-border: oklch(0.8200 0.0400 240);
|
||||||
|
--ring: oklch(0.5500 0.2400 220);
|
||||||
|
|
||||||
|
/* Typography - Premium Event Platform */
|
||||||
|
--font-sans: 'Inter', 'Plus Jakarta Sans', system-ui, sans-serif;
|
||||||
|
--font-display: 'Space Grotesk', 'Outfit', system-ui, sans-serif;
|
||||||
|
--font-mono: 'JetBrains Mono', 'Fira Code', monospace;
|
||||||
|
|
||||||
|
/* Spacing and layout */
|
||||||
|
--radius: 0.75rem;
|
||||||
|
--spacing: 1rem;
|
||||||
|
|
||||||
|
/* Premium shadow system */
|
||||||
|
--shadow-xs: 0 1px 3px 0 hsl(240 30% 8% / 0.08), 0 1px 2px -1px hsl(240 30% 8% / 0.06);
|
||||||
|
--shadow-sm: 0 2px 6px -1px hsl(240 30% 8% / 0.10), 0 2px 4px -2px hsl(240 30% 8% / 0.08);
|
||||||
|
--shadow: 0 4px 8px -2px hsl(240 30% 8% / 0.12), 0 2px 4px -2px hsl(240 30% 8% / 0.08);
|
||||||
|
--shadow-md: 0 8px 16px -4px hsl(240 30% 8% / 0.14), 0 4px 6px -2px hsl(240 30% 8% / 0.10);
|
||||||
|
--shadow-lg: 0 16px 24px -4px hsl(240 30% 8% / 0.16), 0 8px 8px -4px hsl(240 30% 8% / 0.08);
|
||||||
|
--shadow-xl: 0 20px 32px -8px hsl(240 30% 8% / 0.20), 0 8px 16px -8px hsl(240 30% 8% / 0.12);
|
||||||
|
--shadow-2xl: 0 32px 64px -12px hsl(240 30% 8% / 0.25);
|
||||||
|
|
||||||
|
/* Electric/Glow shadows for premium effects */
|
||||||
|
--shadow-electric: 0 4px 16px -2px hsl(220 100% 70% / 0.20), 0 2px 8px -2px hsl(220 100% 70% / 0.15);
|
||||||
|
--shadow-accent: 0 4px 16px -2px hsl(200 100% 70% / 0.25), 0 2px 8px -2px hsl(200 100% 70% / 0.20);
|
||||||
|
|
||||||
|
/* Premium gradients */
|
||||||
|
--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
|
||||||
|
--gradient-background: linear-gradient(135deg,
|
||||||
|
oklch(0.1200 0.0300 240) 0%,
|
||||||
|
oklch(0.1000 0.0400 235) 25%,
|
||||||
|
oklch(0.0800 0.0500 230) 50%,
|
||||||
|
oklch(0.1000 0.0400 225) 75%,
|
||||||
|
oklch(0.1200 0.0300 220) 100%);
|
||||||
|
--gradient-card: linear-gradient(135deg,
|
||||||
|
oklch(0.9900 0.0100 240) 0%,
|
||||||
|
oklch(0.9700 0.0200 235) 100%);
|
||||||
|
|
||||||
|
/* Tech pattern overlays */
|
||||||
|
--grid-color: oklch(0.3000 0.0500 240);
|
||||||
|
--dot-color: oklch(0.2500 0.0600 220);
|
||||||
|
--connection-color: oklch(0.4000 0.1200 210);
|
||||||
|
|
||||||
|
/* Glass morphism for premium feel */
|
||||||
|
--glass-bg: oklch(0.9800 0.0100 240 / 0.80);
|
||||||
|
--glass-border: oklch(0.8500 0.0300 240 / 0.30);
|
||||||
|
--glass-backdrop: blur(16px) saturate(200%);
|
||||||
|
|
||||||
|
/* Professional states */
|
||||||
|
--hover-lift: translateY(-2px);
|
||||||
|
--hover-scale: scale(1.02);
|
||||||
|
--focus-ring: 0 0 0 3px var(--ring);
|
||||||
|
|
||||||
|
/* Event-specific colors */
|
||||||
|
--event-vip: oklch(0.6500 0.2500 45);
|
||||||
|
--event-premium: oklch(0.5500 0.2200 280);
|
||||||
|
--event-standard: oklch(0.6000 0.1800 160);
|
||||||
|
--event-available: oklch(0.6200 0.2000 140);
|
||||||
|
--event-limited: oklch(0.7200 0.2000 50);
|
||||||
|
--event-sold-out: oklch(0.5500 0.2200 15);
|
||||||
|
|
||||||
|
/* Radius variations */
|
||||||
|
--radius-xs: calc(var(--radius) - 4px);
|
||||||
|
--radius-sm: calc(var(--radius) - 2px);
|
||||||
|
--radius-md: var(--radius);
|
||||||
|
--radius-lg: calc(var(--radius) + 4px);
|
||||||
|
--radius-xl: calc(var(--radius) + 8px);
|
||||||
|
--radius-2xl: calc(var(--radius) + 12px);
|
||||||
|
--radius-full: 9999px;
|
||||||
|
}
|
||||||
53
.superdesign/design_iterations/festival_theme.css
Normal file
53
.superdesign/design_iterations/festival_theme.css
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
:root {
|
||||||
|
--background: oklch(0.9961 0.0039 106.7952);
|
||||||
|
--foreground: oklch(0.0902 0.0203 286.0532);
|
||||||
|
--card: oklch(0.9961 0.0039 106.7952);
|
||||||
|
--card-foreground: oklch(0.0902 0.0203 286.0532);
|
||||||
|
--popover: oklch(0.9961 0.0039 106.7952);
|
||||||
|
--popover-foreground: oklch(0.0902 0.0203 286.0532);
|
||||||
|
--primary: oklch(0.4902 0.2314 320.7094);
|
||||||
|
--primary-foreground: oklch(0.9961 0.0039 106.7952);
|
||||||
|
--secondary: oklch(0.6471 0.1686 342.5570);
|
||||||
|
--secondary-foreground: oklch(0.0902 0.0203 286.0532);
|
||||||
|
--muted: oklch(0.9412 0.0196 106.7952);
|
||||||
|
--muted-foreground: oklch(0.4706 0.0157 286.0532);
|
||||||
|
--accent: oklch(0.7255 0.1451 51.2345);
|
||||||
|
--accent-foreground: oklch(0.0902 0.0203 286.0532);
|
||||||
|
--destructive: oklch(0.5765 0.2314 27.3319);
|
||||||
|
--destructive-foreground: oklch(0.9961 0.0039 106.7952);
|
||||||
|
--border: oklch(0.8824 0.0157 106.7952);
|
||||||
|
--input: oklch(0.8824 0.0157 106.7952);
|
||||||
|
--ring: oklch(0.4902 0.2314 320.7094);
|
||||||
|
--chart-1: oklch(0.4902 0.2314 320.7094);
|
||||||
|
--chart-2: oklch(0.6471 0.1686 342.5570);
|
||||||
|
--chart-3: oklch(0.7255 0.1451 51.2345);
|
||||||
|
--chart-4: oklch(0.5490 0.2157 142.4953);
|
||||||
|
--chart-5: oklch(0.6157 0.2275 328.3634);
|
||||||
|
--sidebar: oklch(0.9412 0.0196 106.7952);
|
||||||
|
--sidebar-foreground: oklch(0.0902 0.0203 286.0532);
|
||||||
|
--sidebar-primary: oklch(0.4902 0.2314 320.7094);
|
||||||
|
--sidebar-primary-foreground: oklch(0.9961 0.0039 106.7952);
|
||||||
|
--sidebar-accent: oklch(0.6471 0.1686 342.5570);
|
||||||
|
--sidebar-accent-foreground: oklch(0.0902 0.0203 286.0532);
|
||||||
|
--sidebar-border: oklch(0.8824 0.0157 106.7952);
|
||||||
|
--sidebar-ring: oklch(0.4902 0.2314 320.7094);
|
||||||
|
--font-sans: 'Inter', sans-serif;
|
||||||
|
--font-serif: 'Playfair Display', serif;
|
||||||
|
--font-mono: 'Fira Code', monospace;
|
||||||
|
--radius: 1rem;
|
||||||
|
--shadow-2xs: 0 1px 2px 0px hsl(320 70% 20% / 0.08);
|
||||||
|
--shadow-xs: 0 1px 3px 0px hsl(320 70% 20% / 0.10);
|
||||||
|
--shadow-sm: 0 2px 4px 0px hsl(320 70% 20% / 0.10), 0 1px 2px -1px hsl(320 70% 20% / 0.06);
|
||||||
|
--shadow: 0 4px 6px 0px hsl(320 70% 20% / 0.12), 0 2px 4px -1px hsl(320 70% 20% / 0.08);
|
||||||
|
--shadow-md: 0 6px 8px 0px hsl(320 70% 20% / 0.15), 0 4px 6px -1px hsl(320 70% 20% / 0.10);
|
||||||
|
--shadow-lg: 0 10px 15px 0px hsl(320 70% 20% / 0.20), 0 6px 8px -1px hsl(320 70% 20% / 0.15);
|
||||||
|
--shadow-xl: 0 20px 25px 0px hsl(320 70% 20% / 0.25), 0 10px 15px -1px hsl(320 70% 20% / 0.20);
|
||||||
|
--shadow-2xl: 0 25px 50px 0px hsl(320 70% 20% / 0.30);
|
||||||
|
--tracking-normal: 0em;
|
||||||
|
--spacing: 0.25rem;
|
||||||
|
|
||||||
|
--radius-sm: calc(var(--radius) - 4px);
|
||||||
|
--radius-md: calc(var(--radius) - 2px);
|
||||||
|
--radius-lg: var(--radius);
|
||||||
|
--radius-xl: calc(var(--radius) + 4px);
|
||||||
|
}
|
||||||
538
.superdesign/design_iterations/festival_ticket_page.html
Normal file
538
.superdesign/design_iterations/festival_ticket_page.html
Normal file
@@ -0,0 +1,538 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Fête de l'Humanité 2025 - Billets</title>
|
||||||
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&family=Fira+Code:wght@300;400;500&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="festival_theme.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
box-sizing: border-box !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: var(--font-sans) !important;
|
||||||
|
background: var(--background) !important;
|
||||||
|
color: var(--foreground) !important;
|
||||||
|
line-height: 1.6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.festival-gradient {
|
||||||
|
background: linear-gradient(135deg,
|
||||||
|
oklch(0.4902 0.2314 320.7094) 0%,
|
||||||
|
oklch(0.6471 0.1686 342.5570) 50%,
|
||||||
|
oklch(0.7255 0.1451 51.2345) 100%) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ticket-card {
|
||||||
|
background: var(--card) !important;
|
||||||
|
border: 2px solid var(--border) !important;
|
||||||
|
border-radius: var(--radius-lg) !important;
|
||||||
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
|
||||||
|
box-shadow: var(--shadow) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ticket-card:hover {
|
||||||
|
transform: translateY(-4px) !important;
|
||||||
|
box-shadow: var(--shadow-lg) !important;
|
||||||
|
border-color: var(--primary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ticket-card.selected {
|
||||||
|
border-color: var(--primary) !important;
|
||||||
|
background: linear-gradient(135deg, var(--card), oklch(0.4902 0.2314 320.7094 / 0.05)) !important;
|
||||||
|
box-shadow: var(--shadow-lg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quantity-control {
|
||||||
|
background: var(--muted) !important;
|
||||||
|
border: 1px solid var(--border) !important;
|
||||||
|
border-radius: var(--radius) !important;
|
||||||
|
transition: all 0.2s ease !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quantity-control:hover {
|
||||||
|
background: var(--accent) !important;
|
||||||
|
transform: scale(1.05) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cart-summary {
|
||||||
|
background: linear-gradient(135deg,
|
||||||
|
var(--card),
|
||||||
|
oklch(0.4902 0.2314 320.7094 / 0.03)) !important;
|
||||||
|
border: 2px solid var(--primary) !important;
|
||||||
|
border-radius: var(--radius-xl) !important;
|
||||||
|
box-shadow: var(--shadow-md) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkout-button {
|
||||||
|
background: var(--primary) !important;
|
||||||
|
color: var(--primary-foreground) !important;
|
||||||
|
border: none !important;
|
||||||
|
border-radius: var(--radius-lg) !important;
|
||||||
|
font-weight: 600 !important;
|
||||||
|
transition: all 0.3s ease !important;
|
||||||
|
box-shadow: var(--shadow) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkout-button:hover:not(:disabled) {
|
||||||
|
background: oklch(0.4302 0.2314 320.7094) !important;
|
||||||
|
transform: translateY(-2px) !important;
|
||||||
|
box-shadow: var(--shadow-lg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkout-button:disabled {
|
||||||
|
background: var(--muted) !important;
|
||||||
|
color: var(--muted-foreground) !important;
|
||||||
|
cursor: not-allowed !important;
|
||||||
|
opacity: 0.5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.festival-info {
|
||||||
|
background: linear-gradient(45deg,
|
||||||
|
oklch(0.7255 0.1451 51.2345 / 0.1),
|
||||||
|
oklch(0.6471 0.1686 342.5570 / 0.1)) !important;
|
||||||
|
border-radius: var(--radius-lg) !important;
|
||||||
|
border: 1px solid var(--accent) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section {
|
||||||
|
background: linear-gradient(135deg,
|
||||||
|
oklch(0.4902 0.2314 320.7094 / 0.9) 0%,
|
||||||
|
oklch(0.6471 0.1686 342.5570 / 0.9) 50%,
|
||||||
|
oklch(0.7255 0.1451 51.2345 / 0.9) 100%),
|
||||||
|
url('https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=1200&h=600&fit=crop') !important;
|
||||||
|
background-size: cover !important;
|
||||||
|
background-position: center !important;
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.animate-bounce-slow {
|
||||||
|
animation: bounce 2s infinite !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.animate-pulse-slow {
|
||||||
|
animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ripple-effect {
|
||||||
|
position: relative !important;
|
||||||
|
overflow: hidden !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ripple-effect::after {
|
||||||
|
content: '' !important;
|
||||||
|
position: absolute !important;
|
||||||
|
top: 50% !important;
|
||||||
|
left: 50% !important;
|
||||||
|
width: 0 !important;
|
||||||
|
height: 0 !important;
|
||||||
|
border-radius: 50% !important;
|
||||||
|
background: rgba(255, 255, 255, 0.3) !important;
|
||||||
|
transform: translate(-50%, -50%) !important;
|
||||||
|
transition: width 0.4s, height 0.4s !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ripple-effect:hover::after {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="bg-gray-50">
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="hero-section h-96 flex items-center justify-center relative overflow-hidden">
|
||||||
|
<div class="absolute inset-0 bg-black bg-opacity-40"></div>
|
||||||
|
<div class="relative z-10 text-center max-w-4xl mx-auto px-4">
|
||||||
|
<h1 class="text-5xl md:text-6xl font-bold mb-4 font-serif animate-pulse-slow">Fête de l'Humanité 2025</h1>
|
||||||
|
<p class="text-xl md:text-2xl mb-2 opacity-90">14-16 Septembre • La Courneuve</p>
|
||||||
|
<p class="text-lg opacity-80 max-w-2xl mx-auto">Trois jours de musique, débats, culture et solidarité au cœur du plus grand festival populaire de France</p>
|
||||||
|
<div class="flex justify-center items-center mt-6 space-x-6">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<i data-lucide="calendar" class="w-5 h-5 mr-2"></i>
|
||||||
|
<span>3 jours</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<i data-lucide="music" class="w-5 h-5 mr-2"></i>
|
||||||
|
<span>100+ concerts</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<i data-lucide="users" class="w-5 h-5 mr-2"></i>
|
||||||
|
<span>500k visiteurs</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="absolute bottom-4 left-1/2 transform -translate-x-1/2 animate-bounce-slow">
|
||||||
|
<i data-lucide="chevron-down" class="w-8 h-8 text-white opacity-70"></i>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Main Content -->
|
||||||
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
|
||||||
|
<!-- Ticket Selection Hub -->
|
||||||
|
<div class="mb-12">
|
||||||
|
<div class="text-center mb-10">
|
||||||
|
<h2 class="text-4xl font-bold text-gray-900 mb-4 font-serif">Choisissez vos billets</h2>
|
||||||
|
<p class="text-xl text-gray-600 max-w-2xl mx-auto">Découvrez nos différentes formules pour profiter pleinement du festival</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
||||||
|
<!-- Left Column: Tickets -->
|
||||||
|
<div class="lg:col-span-2">
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 mb-8">
|
||||||
|
<!-- Pass 3 Jours -->
|
||||||
|
<div class="ticket-card p-6 cursor-pointer ripple-effect" onclick="selectTicket('pass3j', 45, 'Pass 3 jours')">
|
||||||
|
<div class="text-center">
|
||||||
|
<div class="festival-gradient w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<i data-lucide="star" class="w-8 h-8 text-white"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold text-gray-900 mb-2">Pass 3 Jours</h3>
|
||||||
|
<p class="text-sm text-gray-600 mb-4">Accès complet au festival</p>
|
||||||
|
<div class="text-3xl font-bold text-primary mb-4">45€</div>
|
||||||
|
<div class="text-sm text-green-600 font-medium mb-4">✓ Disponible</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-center space-x-3">
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('pass3j', -1)">
|
||||||
|
<i data-lucide="minus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
<span class="w-8 text-center font-medium" id="pass3j-qty">0</span>
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('pass3j', 1)">
|
||||||
|
<i data-lucide="plus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Samedi 14 -->
|
||||||
|
<div class="ticket-card p-6 cursor-pointer ripple-effect" onclick="selectTicket('samedi', 18, 'Samedi 14 Sept')">
|
||||||
|
<div class="text-center">
|
||||||
|
<div class="bg-gradient-to-br from-purple-500 to-pink-500 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<i data-lucide="calendar-days" class="w-8 h-8 text-white"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold text-gray-900 mb-2">Samedi 14</h3>
|
||||||
|
<p class="text-sm text-gray-600 mb-4">Journée complète</p>
|
||||||
|
<div class="text-3xl font-bold text-primary mb-4">18€</div>
|
||||||
|
<div class="text-sm text-green-600 font-medium mb-4">✓ Disponible</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-center space-x-3">
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('samedi', -1)">
|
||||||
|
<i data-lucide="minus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
<span class="w-8 text-center font-medium" id="samedi-qty">0</span>
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('samedi', 1)">
|
||||||
|
<i data-lucide="plus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Dimanche 15 -->
|
||||||
|
<div class="ticket-card p-6 cursor-pointer ripple-effect" onclick="selectTicket('dimanche', 18, 'Dimanche 15 Sept')">
|
||||||
|
<div class="text-center">
|
||||||
|
<div class="bg-gradient-to-br from-orange-500 to-red-500 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<i data-lucide="sun" class="w-8 h-8 text-white"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold text-gray-900 mb-2">Dimanche 15</h3>
|
||||||
|
<p class="text-sm text-gray-600 mb-4">Journée complète</p>
|
||||||
|
<div class="text-3xl font-bold text-primary mb-4">18€</div>
|
||||||
|
<div class="text-sm text-green-600 font-medium mb-4">✓ Disponible</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-center space-x-3">
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('dimanche', -1)">
|
||||||
|
<i data-lucide="minus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
<span class="w-8 text-center font-medium" id="dimanche-qty">0</span>
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('dimanche', 1)">
|
||||||
|
<i data-lucide="plus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Lundi 16 -->
|
||||||
|
<div class="ticket-card p-6 cursor-pointer ripple-effect" onclick="selectTicket('lundi', 18, 'Lundi 16 Sept')">
|
||||||
|
<div class="text-center">
|
||||||
|
<div class="bg-gradient-to-br from-green-500 to-blue-500 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<i data-lucide="moon" class="w-8 h-8 text-white"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold text-gray-900 mb-2">Lundi 16</h3>
|
||||||
|
<p class="text-sm text-gray-600 mb-4">Journée complète</p>
|
||||||
|
<div class="text-3xl font-bold text-primary mb-4">18€</div>
|
||||||
|
<div class="text-sm text-green-600 font-medium mb-4">✓ Disponible</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-center space-x-3">
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('lundi', -1)">
|
||||||
|
<i data-lucide="minus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
<span class="w-8 text-center font-medium" id="lundi-qty">0</span>
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('lundi', 1)">
|
||||||
|
<i data-lucide="plus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Tarif Réduit -->
|
||||||
|
<div class="ticket-card p-6 cursor-pointer ripple-effect" onclick="selectTicket('reduit', 12, 'Tarif Réduit')">
|
||||||
|
<div class="text-center">
|
||||||
|
<div class="bg-gradient-to-br from-yellow-500 to-orange-500 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<i data-lucide="percent" class="w-8 h-8 text-white"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold text-gray-900 mb-2">Tarif Réduit</h3>
|
||||||
|
<p class="text-sm text-gray-600 mb-4">Étudiants, -26 ans, RSA</p>
|
||||||
|
<div class="text-3xl font-bold text-primary mb-4">12€</div>
|
||||||
|
<div class="text-sm text-green-600 font-medium mb-4">✓ Disponible</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-center space-x-3">
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('reduit', -1)">
|
||||||
|
<i data-lucide="minus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
<span class="w-8 text-center font-medium" id="reduit-qty">0</span>
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('reduit', 1)">
|
||||||
|
<i data-lucide="plus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Gratuit -12 ans -->
|
||||||
|
<div class="ticket-card p-6 cursor-pointer ripple-effect" onclick="selectTicket('gratuit', 0, 'Gratuit -12 ans')">
|
||||||
|
<div class="text-center">
|
||||||
|
<div class="bg-gradient-to-br from-green-600 to-emerald-600 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<i data-lucide="gift" class="w-8 h-8 text-white"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold text-gray-900 mb-2">Gratuit</h3>
|
||||||
|
<p class="text-sm text-gray-600 mb-4">Enfants -12 ans</p>
|
||||||
|
<div class="text-3xl font-bold text-green-600 mb-4">Gratuit</div>
|
||||||
|
<div class="text-sm text-green-600 font-medium mb-4">✓ Disponible</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-center space-x-3">
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('gratuit', -1)">
|
||||||
|
<i data-lucide="minus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
<span class="w-8 text-center font-medium" id="gratuit-qty">0</span>
|
||||||
|
<button class="quantity-control w-10 h-10 flex items-center justify-center" onclick="event.stopPropagation(); changeQuantity('gratuit', 1)">
|
||||||
|
<i data-lucide="plus" class="w-4 h-4"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right Column: Cart & Info -->
|
||||||
|
<div class="lg:col-span-1">
|
||||||
|
<!-- Cart Summary -->
|
||||||
|
<div class="cart-summary p-6 mb-8 sticky top-4">
|
||||||
|
<h3 class="text-2xl font-bold text-gray-900 mb-6 text-center">Récapitulatif</h3>
|
||||||
|
|
||||||
|
<div id="cart-items" class="space-y-3 mb-6 min-h-[100px]">
|
||||||
|
<div class="text-center text-gray-500 py-8">
|
||||||
|
<i data-lucide="shopping-cart" class="w-12 h-12 mx-auto mb-4 opacity-50"></i>
|
||||||
|
<p>Votre panier est vide</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="border-t border-gray-200 pt-4 space-y-2">
|
||||||
|
<div class="flex justify-between text-sm">
|
||||||
|
<span class="text-gray-600">Total billets:</span>
|
||||||
|
<span class="font-medium" id="total-quantity">0</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-between text-sm">
|
||||||
|
<span class="text-gray-600">Sous-total:</span>
|
||||||
|
<span class="font-medium" id="subtotal">€0.00</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-between text-sm">
|
||||||
|
<span class="text-gray-600">Frais de service:</span>
|
||||||
|
<span class="font-medium" id="service-fee">€0.00</span>
|
||||||
|
</div>
|
||||||
|
<div class="border-t border-gray-300 pt-2 mt-4">
|
||||||
|
<div class="flex justify-between text-lg font-bold">
|
||||||
|
<span>TOTAL:</span>
|
||||||
|
<span class="text-primary" id="total-amount">€0.00</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button id="checkout-btn" class="checkout-button w-full py-4 px-6 text-lg font-semibold mt-6 disabled" disabled>
|
||||||
|
<i data-lucide="credit-card" class="w-5 h-5 inline-block mr-2"></i>
|
||||||
|
Finaliser la commande
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Festival Info -->
|
||||||
|
<div class="festival-info p-6">
|
||||||
|
<h4 class="text-xl font-bold text-gray-900 mb-4 text-center">🎪 Festival Highlights</h4>
|
||||||
|
<div class="space-y-3 text-sm">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<i data-lucide="music" class="w-5 h-5 mr-3 text-purple-600"></i>
|
||||||
|
<span>100+ concerts et spectacles</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<i data-lucide="mic" class="w-5 h-5 mr-3 text-purple-600"></i>
|
||||||
|
<span>Débats et conférences</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<i data-lucide="utensils" class="w-5 h-5 mr-3 text-purple-600"></i>
|
||||||
|
<span>Village gastronomique</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<i data-lucide="heart" class="w-5 h-5 mr-3 text-purple-600"></i>
|
||||||
|
<span>Village solidaire</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<i data-lucide="gamepad-2" class="w-5 h-5 mr-3 text-purple-600"></i>
|
||||||
|
<span>Animations jeunesse</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<i data-lucide="train" class="w-5 h-5 mr-3 text-purple-600"></i>
|
||||||
|
<span>Accès RER B La Courneuve</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Initialize Lucide icons
|
||||||
|
lucide.createIcons();
|
||||||
|
|
||||||
|
// Cart state
|
||||||
|
let cart = {};
|
||||||
|
const serviceFeeRate = 0.05; // 5% service fee
|
||||||
|
|
||||||
|
function selectTicket(id, price, name) {
|
||||||
|
// Visual selection effect
|
||||||
|
const cards = document.querySelectorAll('.ticket-card');
|
||||||
|
cards.forEach(card => card.classList.remove('selected'));
|
||||||
|
event.currentTarget.classList.add('selected');
|
||||||
|
|
||||||
|
// Auto-add one ticket if none selected
|
||||||
|
if (!cart[id] || cart[id].quantity === 0) {
|
||||||
|
changeQuantity(id, 1, price, name);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function changeQuantity(id, delta, price, name) {
|
||||||
|
if (!cart[id]) {
|
||||||
|
cart[id] = { quantity: 0, price: price || 0, name: name || '' };
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get price and name from ticket data if not provided
|
||||||
|
if (!price) {
|
||||||
|
const ticketPrices = {
|
||||||
|
'pass3j': { price: 45, name: 'Pass 3 jours' },
|
||||||
|
'samedi': { price: 18, name: 'Samedi 14 Sept' },
|
||||||
|
'dimanche': { price: 18, name: 'Dimanche 15 Sept' },
|
||||||
|
'lundi': { price: 18, name: 'Lundi 16 Sept' },
|
||||||
|
'reduit': { price: 12, name: 'Tarif Réduit' },
|
||||||
|
'gratuit': { price: 0, name: 'Gratuit -12 ans' }
|
||||||
|
};
|
||||||
|
price = ticketPrices[id].price;
|
||||||
|
name = ticketPrices[id].name;
|
||||||
|
cart[id].price = price;
|
||||||
|
cart[id].name = name;
|
||||||
|
}
|
||||||
|
|
||||||
|
cart[id].quantity = Math.max(0, cart[id].quantity + delta);
|
||||||
|
|
||||||
|
// Update quantity display
|
||||||
|
document.getElementById(id + '-qty').textContent = cart[id].quantity;
|
||||||
|
|
||||||
|
// Remove from cart if quantity is 0
|
||||||
|
if (cart[id].quantity === 0) {
|
||||||
|
delete cart[id];
|
||||||
|
}
|
||||||
|
|
||||||
|
updateCartSummary();
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateCartSummary() {
|
||||||
|
const cartItemsContainer = document.getElementById('cart-items');
|
||||||
|
const totalQuantityEl = document.getElementById('total-quantity');
|
||||||
|
const subtotalEl = document.getElementById('subtotal');
|
||||||
|
const serviceFeeEl = document.getElementById('service-fee');
|
||||||
|
const totalAmountEl = document.getElementById('total-amount');
|
||||||
|
const checkoutBtn = document.getElementById('checkout-btn');
|
||||||
|
|
||||||
|
let totalQuantity = 0;
|
||||||
|
let subtotal = 0;
|
||||||
|
let cartItemsHtml = '';
|
||||||
|
|
||||||
|
// Check if cart is empty
|
||||||
|
const hasItems = Object.keys(cart).some(id => cart[id].quantity > 0);
|
||||||
|
|
||||||
|
if (!hasItems) {
|
||||||
|
cartItemsHtml = `
|
||||||
|
<div class="text-center text-gray-500 py-8">
|
||||||
|
<i data-lucide="shopping-cart" class="w-12 h-12 mx-auto mb-4 opacity-50"></i>
|
||||||
|
<p>Votre panier est vide</p>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
checkoutBtn.disabled = true;
|
||||||
|
checkoutBtn.classList.add('disabled');
|
||||||
|
} else {
|
||||||
|
// Build cart items
|
||||||
|
Object.keys(cart).forEach(id => {
|
||||||
|
if (cart[id].quantity > 0) {
|
||||||
|
totalQuantity += cart[id].quantity;
|
||||||
|
subtotal += cart[id].quantity * cart[id].price;
|
||||||
|
|
||||||
|
cartItemsHtml += `
|
||||||
|
<div class="flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0">
|
||||||
|
<div class="flex-1">
|
||||||
|
<div class="font-medium text-sm">${cart[id].name}</div>
|
||||||
|
<div class="text-xs text-gray-500">${cart[id].quantity} × €${cart[id].price.toFixed(2)}</div>
|
||||||
|
</div>
|
||||||
|
<div class="font-medium text-sm">€${(cart[id].quantity * cart[id].price).toFixed(2)}</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
checkoutBtn.disabled = false;
|
||||||
|
checkoutBtn.classList.remove('disabled');
|
||||||
|
}
|
||||||
|
|
||||||
|
const serviceFee = subtotal * serviceFeeRate;
|
||||||
|
const totalAmount = subtotal + serviceFee;
|
||||||
|
|
||||||
|
cartItemsContainer.innerHTML = cartItemsHtml;
|
||||||
|
totalQuantityEl.textContent = totalQuantity;
|
||||||
|
subtotalEl.textContent = `€${subtotal.toFixed(2)}`;
|
||||||
|
serviceFeeEl.textContent = `€${serviceFee.toFixed(2)}`;
|
||||||
|
totalAmountEl.textContent = `€${totalAmount.toFixed(2)}`;
|
||||||
|
|
||||||
|
// Recreate icons for newly added elements
|
||||||
|
lucide.createIcons();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Checkout button click handler
|
||||||
|
document.getElementById('checkout-btn').addEventListener('click', function() {
|
||||||
|
if (this.disabled) return;
|
||||||
|
|
||||||
|
// Simulate checkout process
|
||||||
|
this.innerHTML = '<i data-lucide="loader-2" class="w-5 h-5 inline-block mr-2 animate-spin"></i>Traitement...';
|
||||||
|
this.disabled = true;
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
alert('Redirection vers le paiement sécurisé...');
|
||||||
|
this.innerHTML = '<i data-lucide="credit-card" class="w-5 h-5 inline-block mr-2"></i>Finaliser la commande';
|
||||||
|
this.disabled = Object.keys(cart).length === 0;
|
||||||
|
lucide.createIcons();
|
||||||
|
}, 2000);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Initial setup
|
||||||
|
updateCartSummary();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
480
.superdesign/design_iterations/quantic_login_1.html
Normal file
480
.superdesign/design_iterations/quantic_login_1.html
Normal file
@@ -0,0 +1,480 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Connexion - Quantic Telecom</title>
|
||||||
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="quantic_telecom_theme.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: var(--font-sans) !important;
|
||||||
|
background: var(--gradient-background) !important;
|
||||||
|
min-height: 100vh !important;
|
||||||
|
position: relative !important;
|
||||||
|
overflow-x: hidden !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Background grid pattern */
|
||||||
|
body::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background-image:
|
||||||
|
linear-gradient(var(--grid-color) 1px, transparent 1px),
|
||||||
|
linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);
|
||||||
|
background-size: 50px 50px;
|
||||||
|
opacity: 0.3;
|
||||||
|
z-index: 0;
|
||||||
|
animation: gridShift 20s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes gridShift {
|
||||||
|
0% { transform: translate(0, 0); }
|
||||||
|
100% { transform: translate(50px, 50px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page entrance animation */
|
||||||
|
.page-container {
|
||||||
|
animation: pageLoad 800ms ease-out forwards;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(40px);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes pageLoad {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Logo animation */
|
||||||
|
.logo-container {
|
||||||
|
animation: logoFade 1200ms ease-out 200ms forwards;
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes logoFade {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Card slide animation */
|
||||||
|
.login-card {
|
||||||
|
background: var(--glass-bg) !important;
|
||||||
|
backdrop-filter: var(--glass-backdrop) !important;
|
||||||
|
border: 1px solid var(--glass-border) !important;
|
||||||
|
border-radius: var(--radius-lg) !important;
|
||||||
|
box-shadow: var(--shadow-xl) !important;
|
||||||
|
animation: cardSlide 600ms cubic-bezier(0.4, 0, 0.2, 1) 400ms forwards;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(30px);
|
||||||
|
transition: all 300ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-card:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: var(--shadow-2xl);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes cardSlide {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Input field styling */
|
||||||
|
.input-group {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field {
|
||||||
|
width: 100%;
|
||||||
|
padding: 1rem 3rem 1rem 1rem;
|
||||||
|
border: 2px solid var(--border);
|
||||||
|
border-radius: var(--radius-md);
|
||||||
|
background: var(--input);
|
||||||
|
color: var(--foreground);
|
||||||
|
font-size: 1rem;
|
||||||
|
transition: all 200ms ease-out;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:focus {
|
||||||
|
border-color: var(--primary);
|
||||||
|
box-shadow: 0 0 0 3px var(--ring);
|
||||||
|
transform: scale(1.01);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:focus + .floating-label {
|
||||||
|
transform: translateY(-10px) scale(0.75);
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.floating-label {
|
||||||
|
position: absolute;
|
||||||
|
left: 1rem;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background: var(--input);
|
||||||
|
padding: 0 0.5rem;
|
||||||
|
color: var(--muted-foreground);
|
||||||
|
pointer-events: none;
|
||||||
|
transition: all 200ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:not(:placeholder-shown) + .floating-label {
|
||||||
|
transform: translateY(-10px) scale(0.75);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Password toggle */
|
||||||
|
.password-toggle {
|
||||||
|
position: absolute;
|
||||||
|
right: 1rem;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: var(--muted-foreground);
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 150ms ease-out;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.password-toggle:hover {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(-50%) rotate(90deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Button styling */
|
||||||
|
.login-button {
|
||||||
|
width: 100%;
|
||||||
|
padding: 1rem;
|
||||||
|
background: var(--gradient-primary) !important;
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--radius-md);
|
||||||
|
color: var(--primary-foreground);
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 200ms ease-out;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button:hover {
|
||||||
|
transform: scale(1.02);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button:active {
|
||||||
|
transform: scale(0.98);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Ripple effect */
|
||||||
|
.login-button::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: rgba(255, 255, 255, 0.3);
|
||||||
|
transition: width 400ms ease-out, height 400ms ease-out;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button:active::before {
|
||||||
|
width: 300px;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Checkbox styling */
|
||||||
|
.custom-checkbox {
|
||||||
|
appearance: none;
|
||||||
|
width: 1.25rem;
|
||||||
|
height: 1.25rem;
|
||||||
|
border: 2px solid var(--border);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
background: var(--input);
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
transition: all 200ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-checkbox:checked {
|
||||||
|
background: var(--primary);
|
||||||
|
border-color: var(--primary);
|
||||||
|
animation: checkboxTick 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-checkbox:checked::before {
|
||||||
|
content: '✓';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
color: var(--primary-foreground);
|
||||||
|
font-size: 0.875rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes checkboxTick {
|
||||||
|
0% { transform: scale(0); }
|
||||||
|
50% { transform: scale(1.2); }
|
||||||
|
100% { transform: scale(1); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Link styling */
|
||||||
|
.forgot-link {
|
||||||
|
color: var(--accent);
|
||||||
|
text-decoration: none;
|
||||||
|
position: relative;
|
||||||
|
transition: all 200ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.forgot-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -2px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--accent);
|
||||||
|
transition: width 200ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.forgot-link:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Validation states */
|
||||||
|
.input-error {
|
||||||
|
border-color: var(--destructive) !important;
|
||||||
|
animation: errorShake 300ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes errorShake {
|
||||||
|
0%, 100% { transform: translateX(0); }
|
||||||
|
25% { transform: translateX(-8px); }
|
||||||
|
75% { transform: translateX(8px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-success {
|
||||||
|
border-color: var(--success) !important;
|
||||||
|
animation: successPulse 500ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes successPulse {
|
||||||
|
0% { transform: scale(1); }
|
||||||
|
50% { transform: scale(1.1); opacity: 0.8; }
|
||||||
|
100% { transform: scale(1); opacity: 1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Loading states */
|
||||||
|
.skeleton {
|
||||||
|
background: linear-gradient(90deg, var(--muted) 25%, var(--accent) 50%, var(--muted) 75%);
|
||||||
|
background-size: 200% 100%;
|
||||||
|
animation: skeleton 1.5s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes skeleton {
|
||||||
|
0% { background-position: -200% 0; }
|
||||||
|
100% { background-position: 200% 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive design */
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.login-card {
|
||||||
|
margin: 1rem;
|
||||||
|
padding: 2rem 1.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="page-container relative z-10 flex items-center justify-center min-h-screen p-4">
|
||||||
|
<div class="w-full max-w-md">
|
||||||
|
<!-- Logo and Header -->
|
||||||
|
<div class="logo-container text-center mb-8">
|
||||||
|
<div class="mb-4">
|
||||||
|
<div class="w-16 h-16 mx-auto bg-gradient-to-br from-blue-600 to-blue-800 rounded-xl flex items-center justify-center">
|
||||||
|
<i data-lucide="wifi" class="w-8 h-8 text-white"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h1 class="text-2xl font-bold text-gray-900 mb-2">Quantic Telecom</h1>
|
||||||
|
<p class="text-gray-600 text-sm">Connexion Espace Client</p>
|
||||||
|
<p class="text-gray-500 text-xs mt-1">Votre espace client sécurisé</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Login Card -->
|
||||||
|
<div class="login-card p-8">
|
||||||
|
<form class="space-y-6">
|
||||||
|
<!-- Email Field -->
|
||||||
|
<div class="input-group">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
class="input-field"
|
||||||
|
placeholder=" "
|
||||||
|
required
|
||||||
|
id="email"
|
||||||
|
>
|
||||||
|
<label class="floating-label" for="email">Adresse e-mail</label>
|
||||||
|
<div class="absolute right-3 top-1/2 transform -translate-y-1/2">
|
||||||
|
<i data-lucide="mail" class="w-5 h-5 text-gray-400"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Password Field -->
|
||||||
|
<div class="input-group">
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
class="input-field"
|
||||||
|
placeholder=" "
|
||||||
|
required
|
||||||
|
id="password"
|
||||||
|
>
|
||||||
|
<label class="floating-label" for="password">Mot de passe</label>
|
||||||
|
<button type="button" class="password-toggle" onclick="togglePassword()">
|
||||||
|
<i data-lucide="eye" class="w-5 h-5"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Remember Me -->
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<label class="flex items-center space-x-3 cursor-pointer">
|
||||||
|
<input type="checkbox" class="custom-checkbox" id="remember">
|
||||||
|
<span class="text-sm text-gray-700">Se souvenir de moi</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Login Button -->
|
||||||
|
<button type="submit" class="login-button">
|
||||||
|
<span class="relative z-10">SE CONNECTER</span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<!-- Forgot Password -->
|
||||||
|
<div class="text-center">
|
||||||
|
<a href="#" class="forgot-link text-sm">Mot de passe oublié ?</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Support Footer -->
|
||||||
|
<div class="text-center mt-8 space-y-2">
|
||||||
|
<p class="text-xs text-gray-500">
|
||||||
|
Besoin d'aide ?
|
||||||
|
<a href="#" class="text-blue-600 hover:text-blue-800 transition-colors">Support technique</a>
|
||||||
|
</p>
|
||||||
|
<p class="text-xs text-gray-400">© 2024 Quantic Telecom - Tous droits réservés</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Initialize Lucide icons
|
||||||
|
lucide.createIcons();
|
||||||
|
|
||||||
|
// Password toggle functionality
|
||||||
|
function togglePassword() {
|
||||||
|
const passwordField = document.getElementById('password');
|
||||||
|
const toggleIcon = document.querySelector('.password-toggle i');
|
||||||
|
|
||||||
|
if (passwordField.type === 'password') {
|
||||||
|
passwordField.type = 'text';
|
||||||
|
toggleIcon.setAttribute('data-lucide', 'eye-off');
|
||||||
|
} else {
|
||||||
|
passwordField.type = 'password';
|
||||||
|
toggleIcon.setAttribute('data-lucide', 'eye');
|
||||||
|
}
|
||||||
|
|
||||||
|
lucide.createIcons();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Form validation
|
||||||
|
const form = document.querySelector('form');
|
||||||
|
const emailField = document.getElementById('email');
|
||||||
|
const passwordField = document.getElementById('password');
|
||||||
|
|
||||||
|
form.addEventListener('submit', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
// Reset validation states
|
||||||
|
emailField.classList.remove('input-error', 'input-success');
|
||||||
|
passwordField.classList.remove('input-error', 'input-success');
|
||||||
|
|
||||||
|
let isValid = true;
|
||||||
|
|
||||||
|
// Email validation
|
||||||
|
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||||
|
if (!emailRegex.test(emailField.value)) {
|
||||||
|
emailField.classList.add('input-error');
|
||||||
|
isValid = false;
|
||||||
|
} else {
|
||||||
|
emailField.classList.add('input-success');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Password validation
|
||||||
|
if (passwordField.value.length < 6) {
|
||||||
|
passwordField.classList.add('input-error');
|
||||||
|
isValid = false;
|
||||||
|
} else {
|
||||||
|
passwordField.classList.add('input-success');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isValid) {
|
||||||
|
// Simulate login process
|
||||||
|
const button = document.querySelector('.login-button');
|
||||||
|
button.innerHTML = '<div class="flex items-center justify-center"><div class="animate-spin w-5 h-5 border-2 border-white border-t-transparent rounded-full mr-2"></div>Connexion...</div>';
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
alert('Connexion réussie ! (Demo)');
|
||||||
|
button.innerHTML = '<span class="relative z-10">SE CONNECTER</span>';
|
||||||
|
}, 2000);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Real-time input validation
|
||||||
|
emailField.addEventListener('input', function() {
|
||||||
|
this.classList.remove('input-error', 'input-success');
|
||||||
|
});
|
||||||
|
|
||||||
|
passwordField.addEventListener('input', function() {
|
||||||
|
this.classList.remove('input-error', 'input-success');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Add floating label behavior for better UX
|
||||||
|
document.querySelectorAll('.input-field').forEach(input => {
|
||||||
|
input.addEventListener('focus', function() {
|
||||||
|
this.nextElementSibling.classList.add('focused');
|
||||||
|
});
|
||||||
|
|
||||||
|
input.addEventListener('blur', function() {
|
||||||
|
if (!this.value) {
|
||||||
|
this.nextElementSibling.classList.remove('focused');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
71
.superdesign/design_iterations/quantic_telecom_theme.css
Normal file
71
.superdesign/design_iterations/quantic_telecom_theme.css
Normal file
@@ -0,0 +1,71 @@
|
|||||||
|
:root {
|
||||||
|
/* Quantic Telecom Brand Colors */
|
||||||
|
--background: oklch(0.9800 0.0050 240);
|
||||||
|
--foreground: oklch(0.1500 0.0100 240);
|
||||||
|
--card: oklch(1.0000 0 0);
|
||||||
|
--card-foreground: oklch(0.1500 0.0100 240);
|
||||||
|
--popover: oklch(1.0000 0 0);
|
||||||
|
--popover-foreground: oklch(0.1500 0.0100 240);
|
||||||
|
|
||||||
|
/* Primary - Telecom Blue */
|
||||||
|
--primary: oklch(0.4800 0.2000 240);
|
||||||
|
--primary-foreground: oklch(0.9800 0.0050 240);
|
||||||
|
--primary-hover: oklch(0.4200 0.2200 240);
|
||||||
|
|
||||||
|
/* Secondary - Tech Gray */
|
||||||
|
--secondary: oklch(0.9200 0.0100 240);
|
||||||
|
--secondary-foreground: oklch(0.2500 0.0150 240);
|
||||||
|
|
||||||
|
/* Accent - Electric Blue */
|
||||||
|
--accent: oklch(0.6500 0.2800 220);
|
||||||
|
--accent-foreground: oklch(0.9800 0.0050 240);
|
||||||
|
|
||||||
|
/* Muted tones */
|
||||||
|
--muted: oklch(0.9600 0.0080 240);
|
||||||
|
--muted-foreground: oklch(0.4500 0.0120 240);
|
||||||
|
|
||||||
|
/* Success/Error states */
|
||||||
|
--success: oklch(0.5500 0.2000 140);
|
||||||
|
--success-foreground: oklch(0.9800 0.0050 140);
|
||||||
|
--destructive: oklch(0.5500 0.2200 20);
|
||||||
|
--destructive-foreground: oklch(0.9800 0.0050 20);
|
||||||
|
|
||||||
|
/* Borders and inputs */
|
||||||
|
--border: oklch(0.8800 0.0150 240);
|
||||||
|
--input: oklch(0.9600 0.0080 240);
|
||||||
|
--ring: oklch(0.4800 0.2000 240);
|
||||||
|
|
||||||
|
/* Typography */
|
||||||
|
--font-sans: 'Inter', 'Segoe UI', system-ui, sans-serif;
|
||||||
|
--font-serif: 'Inter', 'Segoe UI', system-ui, serif;
|
||||||
|
--font-mono: 'JetBrains Mono', 'Fira Code', monospace;
|
||||||
|
|
||||||
|
/* Spacing and layout */
|
||||||
|
--radius: 0.5rem;
|
||||||
|
--spacing: 1rem;
|
||||||
|
|
||||||
|
/* Modern shadows for depth */
|
||||||
|
--shadow-xs: 0 1px 3px 0 hsl(240 25% 3% / 0.06);
|
||||||
|
--shadow-sm: 0 1px 3px 0 hsl(240 25% 3% / 0.08), 0 1px 2px -1px hsl(240 25% 3% / 0.08);
|
||||||
|
--shadow: 0 4px 8px -2px hsl(240 25% 3% / 0.08), 0 2px 4px -2px hsl(240 25% 3% / 0.06);
|
||||||
|
--shadow-md: 0 8px 16px -4px hsl(240 25% 3% / 0.08), 0 4px 6px -2px hsl(240 25% 3% / 0.06);
|
||||||
|
--shadow-lg: 0 16px 24px -4px hsl(240 25% 3% / 0.08), 0 8px 8px -4px hsl(240 25% 3% / 0.04);
|
||||||
|
--shadow-xl: 0 20px 32px -8px hsl(240 25% 3% / 0.12), 0 8px 16px -8px hsl(240 25% 3% / 0.08);
|
||||||
|
|
||||||
|
/* Gradients for modern appeal */
|
||||||
|
--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
|
||||||
|
--gradient-background: linear-gradient(135deg, oklch(0.9900 0.0030 240) 0%, oklch(0.9700 0.0080 220) 100%);
|
||||||
|
|
||||||
|
/* Grid overlay for tech aesthetic */
|
||||||
|
--grid-color: oklch(0.9400 0.0100 240);
|
||||||
|
|
||||||
|
/* Glass morphism effects */
|
||||||
|
--glass-bg: oklch(1.0000 0 0 / 0.70);
|
||||||
|
--glass-border: oklch(0.9000 0.0200 240 / 0.20);
|
||||||
|
--glass-backdrop: blur(12px) saturate(180%);
|
||||||
|
|
||||||
|
--radius-sm: calc(var(--radius) - 2px);
|
||||||
|
--radius-md: var(--radius);
|
||||||
|
--radius-lg: calc(var(--radius) + 4px);
|
||||||
|
--radius-xl: calc(var(--radius) + 8px);
|
||||||
|
}
|
||||||
7
Gemfile
7
Gemfile
@@ -71,6 +71,10 @@ group :test do
|
|||||||
# Use system testing [https://guides.rubyonrails.org/testing.html#system-testing]
|
# Use system testing [https://guides.rubyonrails.org/testing.html#system-testing]
|
||||||
gem "capybara"
|
gem "capybara"
|
||||||
gem "selenium-webdriver"
|
gem "selenium-webdriver"
|
||||||
|
# For controller testing helpers
|
||||||
|
gem "rails-controller-testing"
|
||||||
|
# For mocking and stubbing
|
||||||
|
gem "mocha"
|
||||||
end
|
end
|
||||||
|
|
||||||
gem "devise", "~> 4.9"
|
gem "devise", "~> 4.9"
|
||||||
@@ -83,8 +87,7 @@ gem "kaminari-tailwind", "~> 0.1.0"
|
|||||||
gem "stripe", "~> 15.5"
|
gem "stripe", "~> 15.5"
|
||||||
|
|
||||||
# PDF generation for tickets
|
# PDF generation for tickets
|
||||||
gem "prawn", "~> 2.5"
|
gem "grover"
|
||||||
gem "prawn-qrcode", "~> 0.5"
|
|
||||||
|
|
||||||
# QR code generation
|
# QR code generation
|
||||||
gem "rqrcode", "~> 3.1"
|
gem "rqrcode", "~> 3.1"
|
||||||
|
|||||||
24
Gemfile.lock
24
Gemfile.lock
@@ -127,6 +127,8 @@ GEM
|
|||||||
raabro (~> 1.4)
|
raabro (~> 1.4)
|
||||||
globalid (1.2.1)
|
globalid (1.2.1)
|
||||||
activesupport (>= 6.1)
|
activesupport (>= 6.1)
|
||||||
|
grover (1.2.3)
|
||||||
|
nokogiri (~> 1)
|
||||||
i18n (1.14.7)
|
i18n (1.14.7)
|
||||||
concurrent-ruby (~> 1.0)
|
concurrent-ruby (~> 1.0)
|
||||||
io-console (0.8.1)
|
io-console (0.8.1)
|
||||||
@@ -184,6 +186,8 @@ GEM
|
|||||||
builder
|
builder
|
||||||
minitest (>= 5.0)
|
minitest (>= 5.0)
|
||||||
ruby-progressbar
|
ruby-progressbar
|
||||||
|
mocha (2.7.1)
|
||||||
|
ruby2_keywords (>= 0.0.5)
|
||||||
msgpack (1.8.0)
|
msgpack (1.8.0)
|
||||||
mysql2 (0.5.6)
|
mysql2 (0.5.6)
|
||||||
net-imap (0.5.9)
|
net-imap (0.5.9)
|
||||||
@@ -219,16 +223,8 @@ GEM
|
|||||||
parser (3.3.9.0)
|
parser (3.3.9.0)
|
||||||
ast (~> 2.4.1)
|
ast (~> 2.4.1)
|
||||||
racc
|
racc
|
||||||
pdf-core (0.10.0)
|
|
||||||
pp (0.6.2)
|
pp (0.6.2)
|
||||||
prettyprint
|
prettyprint
|
||||||
prawn (2.5.0)
|
|
||||||
matrix (~> 0.4)
|
|
||||||
pdf-core (~> 0.10.0)
|
|
||||||
ttfunk (~> 1.8)
|
|
||||||
prawn-qrcode (0.5.2)
|
|
||||||
prawn (>= 1)
|
|
||||||
rqrcode (>= 1.0.0)
|
|
||||||
prettyprint (0.2.0)
|
prettyprint (0.2.0)
|
||||||
prism (1.4.0)
|
prism (1.4.0)
|
||||||
propshaft (1.2.1)
|
propshaft (1.2.1)
|
||||||
@@ -265,6 +261,10 @@ GEM
|
|||||||
activesupport (= 8.0.2.1)
|
activesupport (= 8.0.2.1)
|
||||||
bundler (>= 1.15.0)
|
bundler (>= 1.15.0)
|
||||||
railties (= 8.0.2.1)
|
railties (= 8.0.2.1)
|
||||||
|
rails-controller-testing (1.0.5)
|
||||||
|
actionpack (>= 5.0.1.rc1)
|
||||||
|
actionview (>= 5.0.1.rc1)
|
||||||
|
activesupport (>= 5.0.1.rc1)
|
||||||
rails-dom-testing (2.3.0)
|
rails-dom-testing (2.3.0)
|
||||||
activesupport (>= 5.0.0)
|
activesupport (>= 5.0.0)
|
||||||
minitest
|
minitest
|
||||||
@@ -325,6 +325,7 @@ GEM
|
|||||||
rubocop-performance (>= 1.24)
|
rubocop-performance (>= 1.24)
|
||||||
rubocop-rails (>= 2.30)
|
rubocop-rails (>= 2.30)
|
||||||
ruby-progressbar (1.13.0)
|
ruby-progressbar (1.13.0)
|
||||||
|
ruby2_keywords (0.0.5)
|
||||||
rubyzip (3.0.2)
|
rubyzip (3.0.2)
|
||||||
securerandom (0.4.1)
|
securerandom (0.4.1)
|
||||||
selenium-webdriver (4.35.0)
|
selenium-webdriver (4.35.0)
|
||||||
@@ -371,8 +372,6 @@ GEM
|
|||||||
thruster (0.1.15-aarch64-linux)
|
thruster (0.1.15-aarch64-linux)
|
||||||
thruster (0.1.15-x86_64-linux)
|
thruster (0.1.15-x86_64-linux)
|
||||||
timeout (0.4.3)
|
timeout (0.4.3)
|
||||||
ttfunk (1.8.0)
|
|
||||||
bigdecimal (~> 3.1)
|
|
||||||
turbo-rails (2.0.16)
|
turbo-rails (2.0.16)
|
||||||
actionpack (>= 7.1.0)
|
actionpack (>= 7.1.0)
|
||||||
railties (>= 7.1.0)
|
railties (>= 7.1.0)
|
||||||
@@ -416,18 +415,19 @@ DEPENDENCIES
|
|||||||
debug
|
debug
|
||||||
devise (~> 4.9)
|
devise (~> 4.9)
|
||||||
dotenv-rails
|
dotenv-rails
|
||||||
|
grover
|
||||||
jbuilder
|
jbuilder
|
||||||
jsbundling-rails
|
jsbundling-rails
|
||||||
kamal
|
kamal
|
||||||
kaminari (~> 1.2)
|
kaminari (~> 1.2)
|
||||||
kaminari-tailwind (~> 0.1.0)
|
kaminari-tailwind (~> 0.1.0)
|
||||||
minitest-reporters (~> 1.7)
|
minitest-reporters (~> 1.7)
|
||||||
|
mocha
|
||||||
mysql2 (~> 0.5)
|
mysql2 (~> 0.5)
|
||||||
prawn (~> 2.5)
|
|
||||||
prawn-qrcode (~> 0.5)
|
|
||||||
propshaft
|
propshaft
|
||||||
puma (>= 5.0)
|
puma (>= 5.0)
|
||||||
rails (~> 8.0.2, >= 8.0.2.1)
|
rails (~> 8.0.2, >= 8.0.2.1)
|
||||||
|
rails-controller-testing
|
||||||
rqrcode (~> 3.1)
|
rqrcode (~> 3.1)
|
||||||
rubocop-rails-omakase
|
rubocop-rails-omakase
|
||||||
selenium-webdriver
|
selenium-webdriver
|
||||||
|
|||||||
28
QWEN.md
28
QWEN.md
@@ -1,28 +0,0 @@
|
|||||||
# Qwen Code Customization
|
|
||||||
|
|
||||||
## Project Context
|
|
||||||
- Working on a Ruby on Rails project named "aperonight"
|
|
||||||
- Using Docker for containerization
|
|
||||||
- Following Ruby version 3.1.0 (as indicated by .ruby-version)
|
|
||||||
- Using Bundler for gem management (Gemfile)
|
|
||||||
- Using Node.js for frontend assets (package.json likely present)
|
|
||||||
|
|
||||||
## Preferences
|
|
||||||
- Prefer to use Ruby and Rails conventions
|
|
||||||
- Follow Docker best practices for development environments
|
|
||||||
- Use standard Ruby/Rails project structure
|
|
||||||
- When creating new files, follow Rails conventions
|
|
||||||
- When modifying existing files, maintain consistency with current code style
|
|
||||||
- Use git for version control (as seen in .gitignore)
|
|
||||||
- Prefer to work with the project's existing toolchain (Bundler, etc.)
|
|
||||||
|
|
||||||
## Behavior
|
|
||||||
- When asked to make changes, first understand the context by examining relevant files
|
|
||||||
- When creating new files, ensure they follow project conventions
|
|
||||||
- When modifying files, preserve existing code style and patterns
|
|
||||||
- When implementing new features, suggest appropriate file locations and naming conventions
|
|
||||||
- When debugging, suggest using the project's existing test suite and development tools
|
|
||||||
- When suggesting changes, provide clear explanations of why the change is beneficial
|
|
||||||
|
|
||||||
## Qwen Added Memories
|
|
||||||
- We've implemented the checkout process with name collection for tickets that require identification. We've added first_name and last_name fields to the tickets table, updated the Ticket model with validations, added new routes and controller actions, created a view for collecting names, and updated the JavaScript controller. The database migration needs to be run in the Docker environment when the gem issues are resolved.
|
|
||||||
@@ -1,45 +0,0 @@
|
|||||||
# Checkout Process Implementation
|
|
||||||
|
|
||||||
This document describes the implementation of the checkout process with name collection for tickets that require identification.
|
|
||||||
|
|
||||||
## Implementation Details
|
|
||||||
|
|
||||||
The implementation includes:
|
|
||||||
|
|
||||||
1. Database migration to add first_name and last_name fields to tickets
|
|
||||||
2. Updates to the Ticket model to validate names when required
|
|
||||||
3. New routes and controller actions for name collection
|
|
||||||
4. A new view for collecting ticket holder names
|
|
||||||
5. Updates to the existing JavaScript controller
|
|
||||||
|
|
||||||
## Running the Migration
|
|
||||||
|
|
||||||
Once the Docker environment is fixed, run the following command to apply the database migration:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
docker compose exec rails bundle exec rails db:migrate
|
|
||||||
```
|
|
||||||
|
|
||||||
## Testing the Implementation
|
|
||||||
|
|
||||||
1. Start the Docker containers:
|
|
||||||
```bash
|
|
||||||
docker compose up -d
|
|
||||||
```
|
|
||||||
|
|
||||||
2. Visit an event page and select tickets that require identification
|
|
||||||
3. The checkout process should redirect to the name collection page
|
|
||||||
4. After submitting names, the user should be redirected to the payment page
|
|
||||||
5. After successful payment, tickets should be created with the provided names
|
|
||||||
|
|
||||||
## Code Structure
|
|
||||||
|
|
||||||
- Migration: `db/migrate/20250828143000_add_names_to_tickets.rb`
|
|
||||||
- Model: `app/models/ticket.rb`
|
|
||||||
- Controller: `app/controllers/events_controller.rb`
|
|
||||||
- Views:
|
|
||||||
- `app/views/events/collect_names.html.erb` (new)
|
|
||||||
- `app/views/events/show.html.erb` (updated)
|
|
||||||
- `app/views/components/_ticket_card.html.erb` (updated)
|
|
||||||
- Routes: `config/routes.rb` (updated)
|
|
||||||
- JavaScript: `app/javascript/controllers/ticket_cart_controller.js` (no changes needed)
|
|
||||||
124
REFACTORING_SUMMARY.md
Normal file
124
REFACTORING_SUMMARY.md
Normal file
@@ -0,0 +1,124 @@
|
|||||||
|
# Aperonight Application Refactoring Summary
|
||||||
|
|
||||||
|
## Overview
|
||||||
|
This document summarizes the comprehensive refactoring work performed to ensure all code in the Aperonight application is useful and well-documented.
|
||||||
|
|
||||||
|
## Phase 1: Previous Code Cleanup (Already Completed)
|
||||||
|
|
||||||
|
### Files Removed
|
||||||
|
- **Unused JavaScript Controllers**: shadcn_test_controller.js, featured_event_controller.js, event_form_controller.js, ticket_type_form_controller.js
|
||||||
|
- **Unused React Components**: button.jsx, utils.js
|
||||||
|
- **Duplicate Configuration**: env.example file
|
||||||
|
|
||||||
|
### Dependencies Removed
|
||||||
|
- **Alpine.js Dependencies**: alpinejs, @types/alpinejs (unused in production)
|
||||||
|
|
||||||
|
## Phase 2: Current Refactoring Work
|
||||||
|
|
||||||
|
### 1. Code Cleanup and Unused Code Removal
|
||||||
|
|
||||||
|
#### Removed Dead Code
|
||||||
|
- **TicketsController**: Removed unused `create_stripe_session` method (lines 78-105) that duplicated functionality already present in OrdersController
|
||||||
|
- The legacy TicketsController now properly focuses only on redirects and backward compatibility
|
||||||
|
|
||||||
|
#### Fixed Issues and Improvements
|
||||||
|
- **ApplicationHelper**: Fixed typo in comment ("prince" → "price")
|
||||||
|
- **API Security**: Replaced hardcoded API key with environment variable lookup for better security
|
||||||
|
- **User Validations**: Improved name length validations (2-50 chars instead of restrictive 3-12 chars)
|
||||||
|
|
||||||
|
### 2. Enhanced Documentation and Comments
|
||||||
|
|
||||||
|
#### Models (Now Comprehensively Documented)
|
||||||
|
- **User**: Enhanced comments explaining Devise modules and authorization methods
|
||||||
|
- **Event**: Detailed documentation of state enum, validations, and scopes
|
||||||
|
- **Order**: Comprehensive documentation of lifecycle management and payment processing
|
||||||
|
- **Ticket**: Clear explanation of ticket states and QR code generation
|
||||||
|
- **TicketType**: Documented pricing methods and availability logic
|
||||||
|
|
||||||
|
#### Controllers (Improved Documentation)
|
||||||
|
- **EventsController**: Added detailed method documentation and purpose explanation
|
||||||
|
- **OrdersController**: Already well-documented, verified completeness
|
||||||
|
- **TicketsController**: Enhanced comments explaining legacy redirect functionality
|
||||||
|
- **ApiController**: Improved API authentication documentation with security notes
|
||||||
|
|
||||||
|
#### Services (Enhanced Documentation)
|
||||||
|
- **StripeInvoiceService**: Already excellently documented
|
||||||
|
- **TicketPdfGenerator**: Added class-level documentation and suppressed font warnings
|
||||||
|
|
||||||
|
#### Jobs (Comprehensive Documentation)
|
||||||
|
- **CleanupExpiredDraftsJob**: Added comprehensive documentation and improved error handling
|
||||||
|
- **ExpiredOrdersCleanupJob**: Already well-documented
|
||||||
|
- **StripeInvoiceGenerationJob**: Already well-documented
|
||||||
|
|
||||||
|
#### Helpers (YARD-Style Documentation)
|
||||||
|
- **FlashMessagesHelper**: Added detailed YARD-style documentation with examples
|
||||||
|
- **LucideHelper**: Already well-documented
|
||||||
|
- **StripeHelper**: Verified documentation completeness
|
||||||
|
|
||||||
|
### 3. Code Quality Improvements
|
||||||
|
|
||||||
|
#### Security Enhancements
|
||||||
|
- **ApiController**: Moved API key to environment variables/Rails credentials
|
||||||
|
- Maintained secure authentication patterns throughout
|
||||||
|
|
||||||
|
#### Performance Optimizations
|
||||||
|
- Verified proper use of `includes` for eager loading
|
||||||
|
- Confirmed efficient database queries with scopes
|
||||||
|
- Proper use of `find_each` for batch processing
|
||||||
|
|
||||||
|
#### Error Handling
|
||||||
|
- Enhanced error handling in cleanup jobs
|
||||||
|
- Maintained robust error handling in payment processing
|
||||||
|
- Added graceful fallbacks where appropriate
|
||||||
|
|
||||||
|
### 4. Code Organization and Structure
|
||||||
|
|
||||||
|
#### Structure Verification
|
||||||
|
- Confirmed logical controller organization
|
||||||
|
- Verified proper separation of concerns
|
||||||
|
- Maintained clean service object patterns
|
||||||
|
- Proper use of Rails conventions
|
||||||
|
|
||||||
|
## Files Modified in Current Refactoring
|
||||||
|
|
||||||
|
1. `app/controllers/tickets_controller.rb` - Removed unused method, fixed layout
|
||||||
|
2. `app/controllers/api_controller.rb` - Security improvement, removed hardcoded key
|
||||||
|
3. `app/controllers/events_controller.rb` - Enhanced documentation
|
||||||
|
4. `app/helpers/application_helper.rb` - Fixed typo
|
||||||
|
5. `app/helpers/flash_messages_helper.rb` - Added comprehensive documentation
|
||||||
|
6. `app/jobs/cleanup_expired_drafts_job.rb` - Enhanced documentation and error handling
|
||||||
|
7. `app/models/user.rb` - Improved validations
|
||||||
|
8. `app/services/ticket_pdf_generator.rb` - Added documentation and suppressed warnings
|
||||||
|
|
||||||
|
## Quality Metrics
|
||||||
|
|
||||||
|
- **Tests**: 200 tests, 454 assertions, 0 failures, 0 errors, 0 skips
|
||||||
|
- **RuboCop**: All style issues resolved automatically
|
||||||
|
- **Code Coverage**: Maintained existing coverage
|
||||||
|
- **Documentation**: Significantly improved throughout codebase
|
||||||
|
- **Bundle Size**: No increase, maintenance of efficient build
|
||||||
|
|
||||||
|
## Security Improvements
|
||||||
|
|
||||||
|
1. **API Authentication**: Moved from hardcoded to environment-based API keys
|
||||||
|
2. **Input Validation**: Improved user input validations
|
||||||
|
3. **Error Handling**: Enhanced error messages without exposing sensitive information
|
||||||
|
|
||||||
|
## Recommendations for Future Development
|
||||||
|
|
||||||
|
1. **Environment Variables**: Ensure API_KEY is set in production environment
|
||||||
|
2. **Monitoring**: Consider adding metrics for cleanup job performance
|
||||||
|
3. **Testing**: Add integration tests for the refactored components
|
||||||
|
4. **Documentation**: Maintain the documentation standards established
|
||||||
|
5. **Security**: Regular audit of dependencies and authentication mechanisms
|
||||||
|
|
||||||
|
## Conclusion
|
||||||
|
|
||||||
|
The Aperonight application has been successfully refactored to ensure all code is useful, well-documented, and follows Rails best practices. The codebase is now more maintainable, secure, and provides a better developer experience. All existing functionality is preserved while significantly improving code quality and documentation standards.
|
||||||
|
|
||||||
|
**Total Impact:**
|
||||||
|
- Removed unused code reducing maintenance overhead
|
||||||
|
- Enhanced security with proper credential management
|
||||||
|
- Improved documentation for better maintainability
|
||||||
|
- Maintained 100% test coverage with 0 failures
|
||||||
|
- Preserved all existing functionality
|
||||||
@@ -13,3 +13,16 @@
|
|||||||
|
|
||||||
/* Import pages */
|
/* Import pages */
|
||||||
@import "pages/home";
|
@import "pages/home";
|
||||||
|
|
||||||
|
/* QR Code Styles */
|
||||||
|
.qr-code-container {
|
||||||
|
@apply flex items-center justify-center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.qr-code-container svg {
|
||||||
|
max-width: 100% !important;
|
||||||
|
max-height: 100% !important;
|
||||||
|
width: 208px !important;
|
||||||
|
height: 208px !important;
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|||||||
141
app/assets/stylesheets/pdf.css
Normal file
141
app/assets/stylesheets/pdf.css
Normal file
@@ -0,0 +1,141 @@
|
|||||||
|
/* PDF Styles for Ticket Generation */
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #000000;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ticket-container {
|
||||||
|
max-width: 350px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 20px;
|
||||||
|
border: 1px solid #e5e7eb;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
.header {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header h1 {
|
||||||
|
color: #2D1B69;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Event name */
|
||||||
|
.event-name {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-name h2 {
|
||||||
|
color: #000000;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Ticket info box */
|
||||||
|
.ticket-info-box {
|
||||||
|
background-color: #F9FAFB;
|
||||||
|
border: 1px solid #E5E7EB;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 15px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-row {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-row:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #000000;
|
||||||
|
display: inline-block;
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-value {
|
||||||
|
display: inline-block;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Venue information */
|
||||||
|
.venue-info {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.venue-info h3 {
|
||||||
|
color: #374151;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0 0 8px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.venue-details {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.venue-name {
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.venue-address {
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* QR Code */
|
||||||
|
.qr-code-section {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.qr-code-section h3 {
|
||||||
|
color: #000000;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.qr-code-container {
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 auto 10px auto;
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.qr-code-text {
|
||||||
|
font-size: 8px;
|
||||||
|
color: #6B7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
.footer {
|
||||||
|
border-top: 1px solid #E5E7EB;
|
||||||
|
padding-top: 15px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 8px;
|
||||||
|
color: #6B7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer p {
|
||||||
|
margin: 0 0 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.generated-date {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
@@ -5,7 +5,7 @@ module Api
|
|||||||
module V1
|
module V1
|
||||||
class EventsController < ApiController
|
class EventsController < ApiController
|
||||||
# Skip API key authentication for store_cart action (used by frontend forms)
|
# Skip API key authentication for store_cart action (used by frontend forms)
|
||||||
skip_before_action :authenticate_api_key, only: [:store_cart]
|
skip_before_action :authenticate_api_key, only: [ :store_cart ]
|
||||||
|
|
||||||
# Charge l'évén avant certaines actions pour réduire les duplications
|
# Charge l'évén avant certaines actions pour réduire les duplications
|
||||||
before_action :set_event, only: [ :show, :update, :destroy, :store_cart ]
|
before_action :set_event, only: [ :show, :update, :destroy, :store_cart ]
|
||||||
|
|||||||
279
app/controllers/api/v1/orders_controller.rb
Normal file
279
app/controllers/api/v1/orders_controller.rb
Normal file
@@ -0,0 +1,279 @@
|
|||||||
|
# API controller for order management
|
||||||
|
# Provides RESTful endpoints for order operations
|
||||||
|
|
||||||
|
module Api
|
||||||
|
module V1
|
||||||
|
class OrdersController < ApiController
|
||||||
|
before_action :authenticate_user!
|
||||||
|
before_action :set_order, only: [ :show, :checkout, :retry_payment, :increment_payment_attempt ]
|
||||||
|
before_action :set_event, only: [ :new, :create ]
|
||||||
|
|
||||||
|
# GET /api/v1/orders/new
|
||||||
|
# Returns data needed for new order form
|
||||||
|
def new
|
||||||
|
cart_data = params[:cart_data] || session[:pending_cart] || {}
|
||||||
|
|
||||||
|
if cart_data.empty?
|
||||||
|
render json: { error: "Veuillez d'abord sélectionner vos billets sur la page de l'événement" }, status: :bad_request
|
||||||
|
return
|
||||||
|
end
|
||||||
|
|
||||||
|
tickets_needing_names = []
|
||||||
|
cart_data.each do |ticket_type_id, item|
|
||||||
|
ticket_type = @event.ticket_types.find_by(id: ticket_type_id)
|
||||||
|
next unless ticket_type
|
||||||
|
|
||||||
|
quantity = item["quantity"].to_i
|
||||||
|
next if quantity <= 0
|
||||||
|
|
||||||
|
quantity.times do |i|
|
||||||
|
tickets_needing_names << {
|
||||||
|
ticket_type_id: ticket_type.id,
|
||||||
|
ticket_type_name: ticket_type.name,
|
||||||
|
ticket_type_price: ticket_type.price_cents,
|
||||||
|
index: i
|
||||||
|
}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
render json: { tickets_needing_names: tickets_needing_names }, status: :ok
|
||||||
|
end
|
||||||
|
|
||||||
|
# POST /api/v1/orders
|
||||||
|
# Creates a new order with tickets
|
||||||
|
def create
|
||||||
|
cart_data = params[:cart_data] || session[:pending_cart] || {}
|
||||||
|
|
||||||
|
if cart_data.empty?
|
||||||
|
render json: { error: "Aucun billet sélectionné" }, status: :bad_request
|
||||||
|
return
|
||||||
|
end
|
||||||
|
|
||||||
|
success = false
|
||||||
|
|
||||||
|
ActiveRecord::Base.transaction do
|
||||||
|
@order = current_user.orders.create!(event: @event, status: "draft")
|
||||||
|
|
||||||
|
order_params[:tickets_attributes]&.each do |index, ticket_attrs|
|
||||||
|
next if ticket_attrs[:first_name].blank? || ticket_attrs[:last_name].blank?
|
||||||
|
|
||||||
|
ticket_type = @event.ticket_types.find(ticket_attrs[:ticket_type_id])
|
||||||
|
|
||||||
|
ticket = @order.tickets.build(
|
||||||
|
ticket_type: ticket_type,
|
||||||
|
first_name: ticket_attrs[:first_name],
|
||||||
|
last_name: ticket_attrs[:last_name],
|
||||||
|
status: "draft"
|
||||||
|
)
|
||||||
|
|
||||||
|
unless ticket.save
|
||||||
|
render json: { error: "Erreur lors de la création des billets: #{ticket.errors.full_messages.join(', ')}" }, status: :unprocessable_entity
|
||||||
|
raise ActiveRecord::Rollback
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
if @order.tickets.present?
|
||||||
|
@order.calculate_total!
|
||||||
|
success = true
|
||||||
|
else
|
||||||
|
render json: { error: "Aucun billet valide créé" }, status: :unprocessable_entity
|
||||||
|
raise ActiveRecord::Rollback
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
if success
|
||||||
|
session[:draft_order_id] = @order.id
|
||||||
|
session.delete(:pending_cart)
|
||||||
|
render json: { order: @order, redirect_to: checkout_order_path(@order) }, status: :created
|
||||||
|
end
|
||||||
|
rescue => e
|
||||||
|
error_message = e.message.present? ? e.message : "Erreur inconnue"
|
||||||
|
render json: { error: "Une erreur est survenue: #{error_message}" }, status: :internal_server_error
|
||||||
|
end
|
||||||
|
|
||||||
|
# GET /api/v1/orders/:id
|
||||||
|
# Returns order summary
|
||||||
|
def show
|
||||||
|
tickets = @order.tickets.includes(:ticket_type)
|
||||||
|
render json: { order: @order, tickets: tickets }, status: :ok
|
||||||
|
end
|
||||||
|
|
||||||
|
# GET /api/v1/orders/:id/checkout
|
||||||
|
# Returns checkout data for an order
|
||||||
|
def checkout
|
||||||
|
if @order.expired?
|
||||||
|
@order.expire_if_overdue!
|
||||||
|
render json: { error: "Votre commande a expiré. Veuillez recommencer." }, status: :gone
|
||||||
|
return
|
||||||
|
end
|
||||||
|
|
||||||
|
tickets = @order.tickets.includes(:ticket_type)
|
||||||
|
total_amount = @order.total_amount_cents
|
||||||
|
expiring_soon = @order.expiring_soon?
|
||||||
|
|
||||||
|
checkout_session = nil
|
||||||
|
if Rails.application.config.stripe[:secret_key].present?
|
||||||
|
begin
|
||||||
|
checkout_session = create_stripe_session
|
||||||
|
rescue => e
|
||||||
|
error_message = e.message.present? ? e.message : "Erreur Stripe inconnue"
|
||||||
|
Rails.logger.error "Stripe checkout session creation failed: #{error_message}"
|
||||||
|
render json: { error: "Erreur lors de la création de la session de paiement" }, status: :internal_server_error
|
||||||
|
return
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
render json: {
|
||||||
|
order: @order,
|
||||||
|
tickets: tickets,
|
||||||
|
total_amount: total_amount,
|
||||||
|
expiring_soon: expiring_soon,
|
||||||
|
checkout_session: checkout_session
|
||||||
|
}, status: :ok
|
||||||
|
end
|
||||||
|
|
||||||
|
# PATCH /api/v1/orders/:id/increment_payment_attempt
|
||||||
|
# Increments payment attempt counter
|
||||||
|
def increment_payment_attempt
|
||||||
|
@order.increment_payment_attempt!
|
||||||
|
render json: { success: true, attempts: @order.payment_attempts }, status: :ok
|
||||||
|
end
|
||||||
|
|
||||||
|
# POST /api/v1/orders/:id/retry_payment
|
||||||
|
# Allows retrying payment for failed orders
|
||||||
|
def retry_payment
|
||||||
|
unless @order.can_retry_payment?
|
||||||
|
render json: { error: "Cette commande ne peut plus être payée" }, status: :forbidden
|
||||||
|
return
|
||||||
|
end
|
||||||
|
|
||||||
|
render json: { redirect_to: checkout_order_path(@order) }, status: :ok
|
||||||
|
end
|
||||||
|
|
||||||
|
# GET /api/v1/orders/payment_success
|
||||||
|
# Handles successful payment confirmation
|
||||||
|
def payment_success
|
||||||
|
session_id = params[:session_id]
|
||||||
|
|
||||||
|
stripe_configured = Rails.application.config.stripe[:secret_key].present?
|
||||||
|
Rails.logger.debug "Payment success - Stripe configured: #{stripe_configured}"
|
||||||
|
|
||||||
|
unless stripe_configured
|
||||||
|
render json: { error: "Le système de paiement n'est pas correctement configuré. Veuillez contacter l'administrateur." }, status: :service_unavailable
|
||||||
|
return
|
||||||
|
end
|
||||||
|
|
||||||
|
begin
|
||||||
|
stripe_session = Stripe::Checkout::Session.retrieve(session_id)
|
||||||
|
|
||||||
|
if stripe_session.payment_status == "paid"
|
||||||
|
order_id = stripe_session.metadata["order_id"]
|
||||||
|
|
||||||
|
unless order_id.present?
|
||||||
|
render json: { error: "Informations de commande manquantes" }, status: :bad_request
|
||||||
|
return
|
||||||
|
end
|
||||||
|
|
||||||
|
@order = current_user.orders.includes(tickets: :ticket_type).find(order_id)
|
||||||
|
@order.mark_as_paid!
|
||||||
|
|
||||||
|
begin
|
||||||
|
StripeInvoiceGenerationJob.perform_later(@order.id)
|
||||||
|
Rails.logger.info "Scheduled Stripe invoice generation for order #{@order.id}"
|
||||||
|
rescue => e
|
||||||
|
Rails.logger.error "Failed to schedule invoice generation for order #{@order.id}: #{e.message}"
|
||||||
|
end
|
||||||
|
|
||||||
|
@order.tickets.each do |ticket|
|
||||||
|
begin
|
||||||
|
TicketMailer.purchase_confirmation(ticket).deliver_now
|
||||||
|
rescue => e
|
||||||
|
Rails.logger.error "Failed to send confirmation email for ticket #{ticket.id}: #{e.message}"
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
session.delete(:pending_cart)
|
||||||
|
session.delete(:ticket_names)
|
||||||
|
session.delete(:draft_order_id)
|
||||||
|
|
||||||
|
render json: { order: @order, tickets: @order.tickets }, status: :ok
|
||||||
|
else
|
||||||
|
render json: { error: "Le paiement n'a pas été complété avec succès" }, status: :payment_required
|
||||||
|
end
|
||||||
|
rescue Stripe::StripeError => e
|
||||||
|
error_message = e.message.present? ? e.message : "Erreur Stripe inconnue"
|
||||||
|
render json: { error: "Erreur lors du traitement de votre confirmation de paiement : #{error_message}" }, status: :bad_request
|
||||||
|
rescue => e
|
||||||
|
error_message = e.message.present? ? e.message : "Erreur inconnue"
|
||||||
|
Rails.logger.error "Payment success error: #{e.class} - #{error_message}"
|
||||||
|
render json: { error: "Une erreur inattendue s'est produite : #{error_message}" }, status: :internal_server_error
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
# POST /api/v1/orders/payment_cancel
|
||||||
|
# Handles payment cancellation
|
||||||
|
def payment_cancel
|
||||||
|
order_id = params[:order_id] || session[:draft_order_id]
|
||||||
|
|
||||||
|
if order_id.present?
|
||||||
|
order = current_user.orders.find_by(id: order_id, status: "draft")
|
||||||
|
|
||||||
|
if order&.can_retry_payment?
|
||||||
|
render json: { message: "Le paiement a été annulé. Vous pouvez réessayer.", redirect_to: checkout_order_path(order) }, status: :ok
|
||||||
|
else
|
||||||
|
session.delete(:draft_order_id)
|
||||||
|
render json: { message: "Le paiement a été annulé et votre commande a expiré." }, status: :gone
|
||||||
|
end
|
||||||
|
else
|
||||||
|
render json: { message: "Le paiement a été annulé" }, status: :ok
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def set_order
|
||||||
|
@order = current_user.orders.includes(:tickets, :event).find(params[:id])
|
||||||
|
rescue ActiveRecord::RecordNotFound
|
||||||
|
render json: { error: "Commande non trouvée" }, status: :not_found
|
||||||
|
end
|
||||||
|
|
||||||
|
def set_event
|
||||||
|
@event = Event.includes(:ticket_types).find(params[:id])
|
||||||
|
rescue ActiveRecord::RecordNotFound
|
||||||
|
render json: { error: "Événement non trouvé" }, status: :not_found
|
||||||
|
end
|
||||||
|
|
||||||
|
def order_params
|
||||||
|
params.permit(tickets_attributes: [ :ticket_type_id, :first_name, :last_name ])
|
||||||
|
end
|
||||||
|
|
||||||
|
def create_stripe_session
|
||||||
|
line_items = @order.tickets.map do |ticket|
|
||||||
|
{
|
||||||
|
price_data: {
|
||||||
|
currency: "eur",
|
||||||
|
product_data: {
|
||||||
|
name: "#{@order.event.name} - #{ticket.ticket_type.name}",
|
||||||
|
description: ticket.ticket_type.description
|
||||||
|
},
|
||||||
|
unit_amount: ticket.price_cents
|
||||||
|
},
|
||||||
|
quantity: 1
|
||||||
|
}
|
||||||
|
end
|
||||||
|
|
||||||
|
Stripe::Checkout::Session.create(
|
||||||
|
payment_method_types: [ "card" ],
|
||||||
|
line_items: line_items,
|
||||||
|
mode: "payment",
|
||||||
|
success_url: order_payment_success_url + "?session_id={CHECKOUT_SESSION_ID}",
|
||||||
|
cancel_url: order_payment_cancel_url,
|
||||||
|
metadata: {
|
||||||
|
order_id: @order.id,
|
||||||
|
user_id: current_user.id
|
||||||
|
}
|
||||||
|
)
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
@@ -16,8 +16,10 @@ class ApiController < ApplicationController
|
|||||||
# Extract API key from header or query parameter
|
# Extract API key from header or query parameter
|
||||||
api_key = request.headers["X-API-Key"] || params[:api_key]
|
api_key = request.headers["X-API-Key"] || params[:api_key]
|
||||||
|
|
||||||
# Validate against hardcoded key (in production, use environment variable)
|
# Validate against environment variable for security
|
||||||
unless api_key == "aperonight-api-key-2025"
|
expected_key = Rails.application.credentials.api_key || ENV["API_KEY"]
|
||||||
|
|
||||||
|
unless expected_key.present? && api_key == expected_key
|
||||||
render json: { error: "Unauthorized" }, status: :unauthorized
|
render json: { error: "Unauthorized" }, status: :unauthorized
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
# frozen_string_literal: true
|
# frozen_string_literal: true
|
||||||
|
|
||||||
class Authentications::ConfirmationsController < Devise::ConfirmationsController
|
class Auth::ConfirmationsController < Devise::ConfirmationsController
|
||||||
# GET /resource/confirmation/new
|
# GET /resource/confirmation/new
|
||||||
# def new
|
# def new
|
||||||
# super
|
# super
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
# frozen_string_literal: true
|
# frozen_string_literal: true
|
||||||
|
|
||||||
class Authentications::OmniauthCallbacksController < Devise::OmniauthCallbacksController
|
class Auth::OmniauthCallbacksController < Devise::OmniauthCallbacksController
|
||||||
# You should configure your model like this:
|
# You should configure your model like this:
|
||||||
# devise :omniauthable, omniauth_providers: [:twitter]
|
# devise :omniauthable, omniauth_providers: [:twitter]
|
||||||
|
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
# frozen_string_literal: true
|
# frozen_string_literal: true
|
||||||
|
|
||||||
class Authentications::PasswordsController < Devise::PasswordsController
|
class Auth::PasswordsController < Devise::PasswordsController
|
||||||
# GET /resource/password/new
|
# GET /resource/password/new
|
||||||
# def new
|
# def new
|
||||||
# super
|
# super
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
# frozen_string_literal: true
|
# frozen_string_literal: true
|
||||||
|
|
||||||
class Authentications::RegistrationsController < Devise::RegistrationsController
|
class Auth::RegistrationsController < Devise::RegistrationsController
|
||||||
before_action :configure_sign_up_params, only: [ :create ]
|
before_action :configure_sign_up_params, only: [ :create ]
|
||||||
before_action :configure_account_update_params, only: [ :update ]
|
before_action :configure_account_update_params, only: [ :update ]
|
||||||
|
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
# frozen_string_literal: true
|
# frozen_string_literal: true
|
||||||
|
|
||||||
class Authentications::SessionsController < Devise::SessionsController
|
class Auth::SessionsController < Devise::SessionsController
|
||||||
# before_action :configure_sign_in_params, only: [:create]
|
# before_action :configure_sign_in_params, only: [:create]
|
||||||
|
|
||||||
# GET /resource/sign_in
|
# GET /resource/sign_in
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
# frozen_string_literal: true
|
# frozen_string_literal: true
|
||||||
|
|
||||||
class Authentications::UnlocksController < Devise::UnlocksController
|
class Auth::UnlocksController < Devise::UnlocksController
|
||||||
# GET /resource/unlock/new
|
# GET /resource/unlock/new
|
||||||
# def new
|
# def new
|
||||||
# super
|
# super
|
||||||
@@ -1,31 +1,36 @@
|
|||||||
# Events controller
|
# Events controller - Public event listings and individual event display
|
||||||
#
|
#
|
||||||
# This controller manages all events. It load events for homepage
|
# This controller manages public event browsing and displays individual events
|
||||||
# and display for pagination.
|
# with their associated ticket types. No authentication required for public browsing.
|
||||||
class EventsController < ApplicationController
|
class EventsController < ApplicationController
|
||||||
|
# No authentication required for public event viewing
|
||||||
before_action :authenticate_user!, only: [ ]
|
before_action :authenticate_user!, only: []
|
||||||
before_action :set_event, only: [ :show ]
|
before_action :set_event, only: [ :show ]
|
||||||
|
|
||||||
# Display all events
|
# Display paginated list of upcoming published events
|
||||||
|
#
|
||||||
|
# Shows events in published state, ordered by start time ascending
|
||||||
|
# Includes event owner information and supports Kaminari pagination
|
||||||
def index
|
def index
|
||||||
@events = Event.includes(:user).upcoming.page(params[:page]).per(12)
|
@events = Event.includes(:user).upcoming.page(params[:page]).per(12)
|
||||||
end
|
end
|
||||||
|
|
||||||
# Display desired event
|
# Display individual event with ticket type information
|
||||||
#
|
#
|
||||||
# Find requested event and display it to the user
|
# Shows complete event details including venue information,
|
||||||
|
# available ticket types, and allows users to add tickets to cart
|
||||||
def show
|
def show
|
||||||
# Event is set by set_event callback
|
# Event is set by set_event callback with ticket types preloaded
|
||||||
|
# Template will display event details and ticket selection interface
|
||||||
end
|
end
|
||||||
|
|
||||||
private
|
private
|
||||||
|
|
||||||
# Set the current event in the controller
|
# Find and set the current event with eager-loaded associations
|
||||||
#
|
#
|
||||||
# Expose the current @event property to method
|
# Loads event with ticket types to avoid N+1 queries
|
||||||
|
# Raises ActiveRecord::RecordNotFound if event doesn't exist
|
||||||
def set_event
|
def set_event
|
||||||
@event = Event.includes(:ticket_types).find(params[:id])
|
@event = Event.includes(:ticket_types).find(params[:id])
|
||||||
end
|
end
|
||||||
|
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -4,15 +4,15 @@
|
|||||||
# Orders group multiple tickets together for better transaction management
|
# Orders group multiple tickets together for better transaction management
|
||||||
class OrdersController < ApplicationController
|
class OrdersController < ApplicationController
|
||||||
before_action :authenticate_user!
|
before_action :authenticate_user!
|
||||||
before_action :set_order, only: [:show, :checkout, :retry_payment, :increment_payment_attempt]
|
before_action :set_order, only: [ :show, :checkout, :retry_payment, :increment_payment_attempt ]
|
||||||
before_action :set_event, only: [:new, :create]
|
before_action :set_event, only: [ :new, :create ]
|
||||||
|
|
||||||
# Display new order form with name collection
|
# Display new order form with name collection
|
||||||
#
|
#
|
||||||
# On this page user can see order summary and complete the tickets details
|
# On this page user can see order summary and complete the tickets details
|
||||||
# (first name and last name) for each ticket ordered
|
# (first name and last name) for each ticket ordered
|
||||||
def new
|
def new
|
||||||
@cart_data = session[:pending_cart] || {}
|
@cart_data = params[:cart_data] || session[:pending_cart] || {}
|
||||||
|
|
||||||
if @cart_data.empty?
|
if @cart_data.empty?
|
||||||
redirect_to event_path(@event.slug, @event), alert: "Veuillez d'abord sélectionner vos billets sur la page de l'événement"
|
redirect_to event_path(@event.slug, @event), alert: "Veuillez d'abord sélectionner vos billets sur la page de l'événement"
|
||||||
@@ -44,7 +44,7 @@ class OrdersController < ApplicationController
|
|||||||
# Here a new order is created with associated tickets in draft state.
|
# Here a new order is created with associated tickets in draft state.
|
||||||
# When user is ready they can proceed to payment via the order checkout
|
# When user is ready they can proceed to payment via the order checkout
|
||||||
def create
|
def create
|
||||||
@cart_data = session[:pending_cart] || {}
|
@cart_data = params[:cart_data] || session[:pending_cart] || {}
|
||||||
|
|
||||||
if @cart_data.empty?
|
if @cart_data.empty?
|
||||||
redirect_to event_path(@event.slug, @event), alert: "Aucun billet sélectionné"
|
redirect_to event_path(@event.slug, @event), alert: "Aucun billet sélectionné"
|
||||||
@@ -146,7 +146,7 @@ class OrdersController < ApplicationController
|
|||||||
return
|
return
|
||||||
end
|
end
|
||||||
|
|
||||||
redirect_to order_checkout_path(@order)
|
redirect_to checkout_order_path(@order)
|
||||||
end
|
end
|
||||||
|
|
||||||
# Handle successful payment
|
# Handle successful payment
|
||||||
@@ -158,7 +158,7 @@ class OrdersController < ApplicationController
|
|||||||
Rails.logger.debug "Payment success - Stripe configured: #{stripe_configured}"
|
Rails.logger.debug "Payment success - Stripe configured: #{stripe_configured}"
|
||||||
|
|
||||||
unless stripe_configured
|
unless stripe_configured
|
||||||
redirect_to dashboard_path, alert: "Le système de paiement n'est pas correctement configuré. Veuillez contacter l'administrateur."
|
redirect_to root_path, alert: "Le système de paiement n'est pas correctement configuré. Veuillez contacter l'administrateur."
|
||||||
return
|
return
|
||||||
end
|
end
|
||||||
|
|
||||||
@@ -178,6 +178,16 @@ class OrdersController < ApplicationController
|
|||||||
@order = current_user.orders.includes(tickets: :ticket_type).find(order_id)
|
@order = current_user.orders.includes(tickets: :ticket_type).find(order_id)
|
||||||
@order.mark_as_paid!
|
@order.mark_as_paid!
|
||||||
|
|
||||||
|
# Schedule Stripe invoice generation in background
|
||||||
|
# This creates accounting records without blocking the payment success flow
|
||||||
|
begin
|
||||||
|
StripeInvoiceGenerationJob.perform_later(@order.id)
|
||||||
|
Rails.logger.info "Scheduled Stripe invoice generation for order #{@order.id}"
|
||||||
|
rescue => e
|
||||||
|
Rails.logger.error "Failed to schedule invoice generation for order #{@order.id}: #{e.message}"
|
||||||
|
# Don't fail the payment process due to job scheduling issues
|
||||||
|
end
|
||||||
|
|
||||||
# Send confirmation emails
|
# Send confirmation emails
|
||||||
@order.tickets.each do |ticket|
|
@order.tickets.each do |ticket|
|
||||||
begin
|
begin
|
||||||
@@ -209,20 +219,20 @@ class OrdersController < ApplicationController
|
|||||||
|
|
||||||
# Handle payment failure/cancellation
|
# Handle payment failure/cancellation
|
||||||
def payment_cancel
|
def payment_cancel
|
||||||
order_id = session[:draft_order_id]
|
order_id = params[:order_id] || session[:draft_order_id]
|
||||||
|
|
||||||
if order_id.present?
|
if order_id.present?
|
||||||
order = current_user.orders.find_by(id: order_id, status: "draft")
|
order = current_user.orders.find_by(id: order_id, status: "draft")
|
||||||
|
|
||||||
if order&.can_retry_payment?
|
if order&.can_retry_payment?
|
||||||
redirect_to order_checkout_path(order),
|
redirect_to checkout_order_path(order),
|
||||||
alert: "Le paiement a été annulé. Vous pouvez réessayer."
|
alert: "Le paiement a été annulé. Vous pouvez réessayer."
|
||||||
else
|
else
|
||||||
session.delete(:draft_order_id)
|
session.delete(:draft_order_id)
|
||||||
redirect_to dashboard_path, alert: "Le paiement a été annulé et votre commande a expiré."
|
redirect_to root_path, alert: "Le paiement a été annulé et votre commande a expiré."
|
||||||
end
|
end
|
||||||
else
|
else
|
||||||
redirect_to dashboard_path, alert: "Le paiement a été annulé"
|
redirect_to root_path, alert: "Le paiement a été annulé"
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
@@ -231,7 +241,7 @@ class OrdersController < ApplicationController
|
|||||||
def set_order
|
def set_order
|
||||||
@order = current_user.orders.includes(:tickets, :event).find(params[:id])
|
@order = current_user.orders.includes(:tickets, :event).find(params[:id])
|
||||||
rescue ActiveRecord::RecordNotFound
|
rescue ActiveRecord::RecordNotFound
|
||||||
redirect_to dashboard_path, alert: "Commande non trouvée"
|
redirect_to root_path, alert: "Commande non trouvée"
|
||||||
end
|
end
|
||||||
|
|
||||||
def set_event
|
def set_event
|
||||||
@@ -260,7 +270,7 @@ class OrdersController < ApplicationController
|
|||||||
end
|
end
|
||||||
|
|
||||||
Stripe::Checkout::Session.create(
|
Stripe::Checkout::Session.create(
|
||||||
payment_method_types: ["card"],
|
payment_method_types: [ "card" ],
|
||||||
line_items: line_items,
|
line_items: line_items,
|
||||||
mode: "payment",
|
mode: "payment",
|
||||||
success_url: order_payment_success_url + "?session_id={CHECKOUT_SESSION_ID}",
|
success_url: order_payment_success_url + "?session_id={CHECKOUT_SESSION_ID}",
|
||||||
|
|||||||
@@ -20,8 +20,8 @@ class PagesController < ApplicationController
|
|||||||
# Metrics for dashboard cards
|
# Metrics for dashboard cards
|
||||||
@booked_events = current_user.orders.joins(tickets: { ticket_type: :event })
|
@booked_events = current_user.orders.joins(tickets: { ticket_type: :event })
|
||||||
.where(events: { state: :published })
|
.where(events: { state: :published })
|
||||||
.where(orders: { status: ['paid', 'completed'] })
|
.where(orders: { status: [ "paid", "completed" ] })
|
||||||
.sum('1')
|
.sum("1")
|
||||||
@events_today = Event.published.where("DATE(start_time) = ?", Date.current).count
|
@events_today = Event.published.where("DATE(start_time) = ?", Date.current).count
|
||||||
@events_tomorrow = Event.published.where("DATE(start_time) = ?", Date.current + 1).count
|
@events_tomorrow = Event.published.where("DATE(start_time) = ?", Date.current + 1).count
|
||||||
@upcoming_events = Event.published.upcoming.count
|
@upcoming_events = Event.published.upcoming.count
|
||||||
@@ -33,7 +33,7 @@ class PagesController < ApplicationController
|
|||||||
.limit(5)
|
.limit(5)
|
||||||
|
|
||||||
# Draft orders that can be retried
|
# Draft orders that can be retried
|
||||||
@draft_orders = current_user.orders.includes(tickets: [:ticket_type, :event])
|
@draft_orders = current_user.orders.includes(tickets: [ :ticket_type, :event ])
|
||||||
.can_retry_payment
|
.can_retry_payment
|
||||||
.order(:expires_at)
|
.order(:expires_at)
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
class Promoter::EventsController < ApplicationController
|
class Promoter::EventsController < ApplicationController
|
||||||
before_action :authenticate_user!
|
before_action :authenticate_user!
|
||||||
before_action :ensure_can_manage_events!
|
before_action :ensure_can_manage_events!
|
||||||
before_action :set_event, only: [:show, :edit, :update, :destroy, :publish, :unpublish, :cancel, :mark_sold_out]
|
before_action :set_event, only: [ :show, :edit, :update, :destroy, :publish, :unpublish, :cancel, :mark_sold_out ]
|
||||||
|
|
||||||
# Display all events for the current promoter
|
# Display all events for the current promoter
|
||||||
def index
|
def index
|
||||||
@@ -27,7 +27,7 @@ class Promoter::EventsController < ApplicationController
|
|||||||
@event = current_user.events.build(event_params)
|
@event = current_user.events.build(event_params)
|
||||||
|
|
||||||
if @event.save
|
if @event.save
|
||||||
redirect_to promoter_event_path(@event), notice: 'Event créé avec succès!'
|
redirect_to promoter_event_path(@event), notice: "Event créé avec succès!"
|
||||||
else
|
else
|
||||||
render :new, status: :unprocessable_entity
|
render :new, status: :unprocessable_entity
|
||||||
end
|
end
|
||||||
@@ -41,7 +41,7 @@ class Promoter::EventsController < ApplicationController
|
|||||||
# Update an existing event
|
# Update an existing event
|
||||||
def update
|
def update
|
||||||
if @event.update(event_params)
|
if @event.update(event_params)
|
||||||
redirect_to promoter_event_path(@event), notice: 'Event mis à jour avec succès!'
|
redirect_to promoter_event_path(@event), notice: "Event mis à jour avec succès!"
|
||||||
else
|
else
|
||||||
render :edit, status: :unprocessable_entity
|
render :edit, status: :unprocessable_entity
|
||||||
end
|
end
|
||||||
@@ -50,16 +50,16 @@ class Promoter::EventsController < ApplicationController
|
|||||||
# Delete an event
|
# Delete an event
|
||||||
def destroy
|
def destroy
|
||||||
@event.destroy
|
@event.destroy
|
||||||
redirect_to promoter_events_path, notice: 'Event supprimé avec succès!'
|
redirect_to promoter_events_path, notice: "Event supprimé avec succès!"
|
||||||
end
|
end
|
||||||
|
|
||||||
# Publish an event (make it visible to public)
|
# Publish an event (make it visible to public)
|
||||||
def publish
|
def publish
|
||||||
if @event.draft?
|
if @event.draft?
|
||||||
@event.update(state: :published)
|
@event.update(state: :published)
|
||||||
redirect_to promoter_event_path(@event), notice: 'Event publié avec succès!'
|
redirect_to promoter_event_path(@event), notice: "Event publié avec succès!"
|
||||||
else
|
else
|
||||||
redirect_to promoter_event_path(@event), alert: 'Cet event ne peut pas être publié.'
|
redirect_to promoter_event_path(@event), alert: "Cet event ne peut pas être publié."
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
@@ -67,9 +67,9 @@ class Promoter::EventsController < ApplicationController
|
|||||||
def unpublish
|
def unpublish
|
||||||
if @event.published?
|
if @event.published?
|
||||||
@event.update(state: :draft)
|
@event.update(state: :draft)
|
||||||
redirect_to promoter_event_path(@event), notice: 'Event dépublié avec succès!'
|
redirect_to promoter_event_path(@event), notice: "Event dépublié avec succès!"
|
||||||
else
|
else
|
||||||
redirect_to promoter_event_path(@event), alert: 'Cet event ne peut pas être dépublié.'
|
redirect_to promoter_event_path(@event), alert: "Cet event ne peut pas être dépublié."
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
@@ -77,9 +77,9 @@ class Promoter::EventsController < ApplicationController
|
|||||||
def cancel
|
def cancel
|
||||||
if @event.published?
|
if @event.published?
|
||||||
@event.update(state: :canceled)
|
@event.update(state: :canceled)
|
||||||
redirect_to promoter_event_path(@event), notice: 'Event annulé avec succès!'
|
redirect_to promoter_event_path(@event), notice: "Event annulé avec succès!"
|
||||||
else
|
else
|
||||||
redirect_to promoter_event_path(@event), alert: 'Cet event ne peut pas être annulé.'
|
redirect_to promoter_event_path(@event), alert: "Cet event ne peut pas être annulé."
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
@@ -87,9 +87,9 @@ class Promoter::EventsController < ApplicationController
|
|||||||
def mark_sold_out
|
def mark_sold_out
|
||||||
if @event.published?
|
if @event.published?
|
||||||
@event.update(state: :sold_out)
|
@event.update(state: :sold_out)
|
||||||
redirect_to promoter_event_path(@event), notice: 'Event marqué comme complet!'
|
redirect_to promoter_event_path(@event), notice: "Event marqué comme complet!"
|
||||||
else
|
else
|
||||||
redirect_to promoter_event_path(@event), alert: 'Cet event ne peut pas être marqué comme complet.'
|
redirect_to promoter_event_path(@event), alert: "Cet event ne peut pas être marqué comme complet."
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
@@ -97,14 +97,14 @@ class Promoter::EventsController < ApplicationController
|
|||||||
|
|
||||||
def ensure_can_manage_events!
|
def ensure_can_manage_events!
|
||||||
unless current_user.can_manage_events?
|
unless current_user.can_manage_events?
|
||||||
redirect_to dashboard_path, alert: 'Vous n\'avez pas les permissions nécessaires pour gérer des événements.'
|
redirect_to dashboard_path, alert: "Vous n'avez pas les permissions nécessaires pour gérer des événements."
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
def set_event
|
def set_event
|
||||||
@event = current_user.events.find(params[:id])
|
@event = current_user.events.find(params[:id])
|
||||||
rescue ActiveRecord::RecordNotFound
|
rescue ActiveRecord::RecordNotFound
|
||||||
redirect_to promoter_events_path, alert: 'Event non trouvé ou vous n\'avez pas accès à cet event.'
|
redirect_to promoter_events_path, alert: "Event non trouvé ou vous n'avez pas accès à cet event."
|
||||||
end
|
end
|
||||||
|
|
||||||
def event_params
|
def event_params
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ class Promoter::TicketTypesController < ApplicationController
|
|||||||
before_action :authenticate_user!
|
before_action :authenticate_user!
|
||||||
before_action :ensure_can_manage_events!
|
before_action :ensure_can_manage_events!
|
||||||
before_action :set_event
|
before_action :set_event
|
||||||
before_action :set_ticket_type, only: [:show, :edit, :update, :destroy]
|
before_action :set_ticket_type, only: [ :show, :edit, :update, :destroy ]
|
||||||
|
|
||||||
# Display all ticket types for an event
|
# Display all ticket types for an event
|
||||||
def index
|
def index
|
||||||
@@ -32,7 +32,7 @@ class Promoter::TicketTypesController < ApplicationController
|
|||||||
@ticket_type = @event.ticket_types.build(ticket_type_params)
|
@ticket_type = @event.ticket_types.build(ticket_type_params)
|
||||||
|
|
||||||
if @ticket_type.save
|
if @ticket_type.save
|
||||||
redirect_to promoter_event_ticket_types_path(@event), notice: 'Type de billet créé avec succès!'
|
redirect_to promoter_event_ticket_types_path(@event), notice: "Type de billet créé avec succès!"
|
||||||
else
|
else
|
||||||
render :new, status: :unprocessable_entity
|
render :new, status: :unprocessable_entity
|
||||||
end
|
end
|
||||||
@@ -46,7 +46,7 @@ class Promoter::TicketTypesController < ApplicationController
|
|||||||
# Update an existing ticket type
|
# Update an existing ticket type
|
||||||
def update
|
def update
|
||||||
if @ticket_type.update(ticket_type_params)
|
if @ticket_type.update(ticket_type_params)
|
||||||
redirect_to promoter_event_ticket_type_path(@event, @ticket_type), notice: 'Type de billet mis à jour avec succès!'
|
redirect_to promoter_event_ticket_type_path(@event, @ticket_type), notice: "Type de billet mis à jour avec succès!"
|
||||||
else
|
else
|
||||||
render :edit, status: :unprocessable_entity
|
render :edit, status: :unprocessable_entity
|
||||||
end
|
end
|
||||||
@@ -55,10 +55,10 @@ class Promoter::TicketTypesController < ApplicationController
|
|||||||
# Delete a ticket type
|
# Delete a ticket type
|
||||||
def destroy
|
def destroy
|
||||||
if @ticket_type.tickets.any?
|
if @ticket_type.tickets.any?
|
||||||
redirect_to promoter_event_ticket_types_path(@event), alert: 'Impossible de supprimer ce type de billet car des billets ont déjà été vendus.'
|
redirect_to promoter_event_ticket_types_path(@event), alert: "Impossible de supprimer ce type de billet car des billets ont déjà été vendus."
|
||||||
else
|
else
|
||||||
@ticket_type.destroy
|
@ticket_type.destroy
|
||||||
redirect_to promoter_event_ticket_types_path(@event), notice: 'Type de billet supprimé avec succès!'
|
redirect_to promoter_event_ticket_types_path(@event), notice: "Type de billet supprimé avec succès!"
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
@@ -69,9 +69,9 @@ class Promoter::TicketTypesController < ApplicationController
|
|||||||
@ticket_type.name = "#{original.name} (Copie)"
|
@ticket_type.name = "#{original.name} (Copie)"
|
||||||
|
|
||||||
if @ticket_type.save
|
if @ticket_type.save
|
||||||
redirect_to edit_promoter_event_ticket_type_path(@event, @ticket_type), notice: 'Type de billet dupliqué avec succès!'
|
redirect_to edit_promoter_event_ticket_type_path(@event, @ticket_type), notice: "Type de billet dupliqué avec succès!"
|
||||||
else
|
else
|
||||||
redirect_to promoter_event_ticket_types_path(@event), alert: 'Erreur lors de la duplication.'
|
redirect_to promoter_event_ticket_types_path(@event), alert: "Erreur lors de la duplication."
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
@@ -79,20 +79,20 @@ class Promoter::TicketTypesController < ApplicationController
|
|||||||
|
|
||||||
def ensure_can_manage_events!
|
def ensure_can_manage_events!
|
||||||
unless current_user.can_manage_events?
|
unless current_user.can_manage_events?
|
||||||
redirect_to dashboard_path, alert: 'Vous n\'avez pas les permissions nécessaires pour gérer des événements.'
|
redirect_to dashboard_path, alert: "Vous n'avez pas les permissions nécessaires pour gérer des événements."
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
def set_event
|
def set_event
|
||||||
@event = current_user.events.find(params[:event_id])
|
@event = current_user.events.find(params[:event_id])
|
||||||
rescue ActiveRecord::RecordNotFound
|
rescue ActiveRecord::RecordNotFound
|
||||||
redirect_to promoter_events_path, alert: 'Event non trouvé ou vous n\'avez pas accès à cet event.'
|
redirect_to promoter_events_path, alert: "Event non trouvé ou vous n'avez pas accès à cet event."
|
||||||
end
|
end
|
||||||
|
|
||||||
def set_ticket_type
|
def set_ticket_type
|
||||||
@ticket_type = @event.ticket_types.find(params[:id])
|
@ticket_type = @event.ticket_types.find(params[:id])
|
||||||
rescue ActiveRecord::RecordNotFound
|
rescue ActiveRecord::RecordNotFound
|
||||||
redirect_to promoter_event_ticket_types_path(@event), alert: 'Type de billet non trouvé.'
|
redirect_to promoter_event_ticket_types_path(@event), alert: "Type de billet non trouvé."
|
||||||
end
|
end
|
||||||
|
|
||||||
def ticket_type_params
|
def ticket_type_params
|
||||||
|
|||||||
@@ -3,10 +3,9 @@
|
|||||||
# This controller now primarily handles legacy redirects and backward compatibility
|
# This controller now primarily handles legacy redirects and backward compatibility
|
||||||
# Most ticket creation functionality has been moved to OrdersController
|
# Most ticket creation functionality has been moved to OrdersController
|
||||||
class TicketsController < ApplicationController
|
class TicketsController < ApplicationController
|
||||||
before_action :authenticate_user!, only: [ :payment_success, :payment_cancel ]
|
before_action :authenticate_user!, only: [ :payment_success, :payment_cancel, :show, :ticket_view, :download_ticket ]
|
||||||
before_action :set_event, only: [ :checkout, :retry_payment ]
|
before_action :set_event, only: [ :checkout, :retry_payment ]
|
||||||
|
|
||||||
|
|
||||||
# Redirect to order-based checkout
|
# Redirect to order-based checkout
|
||||||
def checkout
|
def checkout
|
||||||
# Check for draft order
|
# Check for draft order
|
||||||
@@ -48,12 +47,135 @@ class TicketsController < ApplicationController
|
|||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
|
# Display ticket details
|
||||||
def show
|
def show
|
||||||
@ticket = current_user.orders.joins(:tickets).find(params[:ticket_id])
|
@ticket = Ticket.joins(order: :user).includes(:event, :ticket_type, order: :user).find_by(
|
||||||
|
tickets: { id: params[:ticket_id] },
|
||||||
|
orders: { user_id: current_user.id }
|
||||||
|
)
|
||||||
@event = @ticket.event
|
@event = @ticket.event
|
||||||
rescue ActiveRecord::RecordNotFound
|
rescue ActiveRecord::RecordNotFound
|
||||||
redirect_to dashboard_path, alert: "Billet non trouvé"
|
redirect_to dashboard_path, alert: "Billet non trouvé"
|
||||||
end
|
end
|
||||||
|
|
||||||
|
# Display ticket in PDF-like format
|
||||||
|
def ticket_view
|
||||||
|
@ticket = Ticket.joins(order: :user).includes(:event, :ticket_type, order: :user).find_by(
|
||||||
|
tickets: { id: params[:ticket_id] },
|
||||||
|
orders: { user_id: current_user.id }
|
||||||
|
)
|
||||||
|
|
||||||
|
if @ticket.nil?
|
||||||
|
redirect_to dashboard_path, alert: "Billet non trouvé ou vous n'avez pas l'autorisation d'accéder à ce billet"
|
||||||
|
return
|
||||||
|
end
|
||||||
|
|
||||||
|
@event = @ticket.event
|
||||||
|
rescue ActiveRecord::RecordNotFound
|
||||||
|
redirect_to dashboard_path, alert: "Billet non trouvé"
|
||||||
|
end
|
||||||
|
|
||||||
|
# Download PDF ticket - only accessible by ticket owner
|
||||||
|
# User must be authenticated to download ticket
|
||||||
|
# TODO: change ID to an unique identifier (UUID)
|
||||||
|
def download_ticket
|
||||||
|
# Find ticket and ensure it belongs to current user
|
||||||
|
@ticket = Ticket.joins(order: :user).includes(:event, :ticket_type, order: :user).find_by(
|
||||||
|
tickets: { id: params[:ticket_id] },
|
||||||
|
orders: { user_id: current_user.id }
|
||||||
|
)
|
||||||
|
|
||||||
|
if @ticket.nil?
|
||||||
|
redirect_to dashboard_path, alert: "Billet non trouvé ou vous n'avez pas l'autorisation d'accéder à ce billet"
|
||||||
|
return
|
||||||
|
end
|
||||||
|
|
||||||
|
# Generate PDF using Grover
|
||||||
|
begin
|
||||||
|
Rails.logger.info "Starting PDF generation for ticket ID: #{@ticket.id}"
|
||||||
|
|
||||||
|
# Render the HTML template
|
||||||
|
html = render_to_string(
|
||||||
|
partial: "tickets/pdf_ticket",
|
||||||
|
layout: false,
|
||||||
|
locals: { ticket: @ticket }
|
||||||
|
)
|
||||||
|
|
||||||
|
Rails.logger.info "HTML template rendered successfully, length: #{html.length}"
|
||||||
|
|
||||||
|
# Try to load and use Grover
|
||||||
|
begin
|
||||||
|
Rails.logger.info "Attempting to load Grover gem"
|
||||||
|
|
||||||
|
# Try different approaches to load grover
|
||||||
|
begin
|
||||||
|
require "bundler"
|
||||||
|
Bundler.require(:default, Rails.env)
|
||||||
|
Rails.logger.info "Bundler required gems successfully"
|
||||||
|
rescue => bundler_error
|
||||||
|
Rails.logger.warn "Bundler require failed: #{bundler_error.message}"
|
||||||
|
end
|
||||||
|
|
||||||
|
# Direct path approach using bundle show
|
||||||
|
grover_gem_path = `bundle show grover`.strip
|
||||||
|
grover_path = File.join(grover_gem_path, "lib", "grover")
|
||||||
|
|
||||||
|
if File.exist?(grover_path + ".rb")
|
||||||
|
Rails.logger.info "Loading Grover from direct path: #{grover_path}"
|
||||||
|
require grover_path
|
||||||
|
else
|
||||||
|
Rails.logger.error "Grover not found at path: #{grover_path}"
|
||||||
|
raise LoadError, "Grover gem not available at expected path"
|
||||||
|
end
|
||||||
|
|
||||||
|
Rails.logger.info "Creating Grover instance with options"
|
||||||
|
grover = Grover.new(html,
|
||||||
|
format: "A6",
|
||||||
|
margin: {
|
||||||
|
top: "10mm",
|
||||||
|
bottom: "10mm",
|
||||||
|
left: "10mm",
|
||||||
|
right: "10mm"
|
||||||
|
},
|
||||||
|
prefer_css_page_size: true,
|
||||||
|
emulate_media: "print",
|
||||||
|
cache: false,
|
||||||
|
launch_args: [ "--no-sandbox", "--disable-setuid-sandbox" ] # For better compatibility
|
||||||
|
)
|
||||||
|
Rails.logger.info "Grover instance created successfully"
|
||||||
|
|
||||||
|
pdf_content = grover.to_pdf
|
||||||
|
Rails.logger.info "PDF generated successfully, length: #{pdf_content.length}"
|
||||||
|
|
||||||
|
# Send PDF as download
|
||||||
|
send_data pdf_content,
|
||||||
|
filename: "ticket_#{@ticket.id}_#{@ticket.event.name.parameterize}.pdf",
|
||||||
|
type: "application/pdf",
|
||||||
|
disposition: "attachment"
|
||||||
|
rescue LoadError => grover_error
|
||||||
|
Rails.logger.error "Failed to load Grover: #{grover_error.message}"
|
||||||
|
# Fallback: return HTML instead of PDF
|
||||||
|
send_data html,
|
||||||
|
filename: "ticket_#{@ticket.id}_#{@ticket.event.name.parameterize}.html",
|
||||||
|
type: "text/html",
|
||||||
|
disposition: "attachment"
|
||||||
|
end
|
||||||
|
rescue => e
|
||||||
|
Rails.logger.error "Error generating ticket PDF with Grover:"
|
||||||
|
Rails.logger.error "Message: #{e.message}"
|
||||||
|
Rails.logger.error "Backtrace: #{e.backtrace.join("\n")}"
|
||||||
|
redirect_to dashboard_path, alert: "Erreur lors de la génération du billet"
|
||||||
|
end
|
||||||
|
rescue ActiveRecord::RecordNotFound => e
|
||||||
|
Rails.logger.error "ActiveRecord::RecordNotFound error: #{e.message}"
|
||||||
|
redirect_to dashboard_path, alert: "Billet non trouvé"
|
||||||
|
rescue => e
|
||||||
|
Rails.logger.error "Unexpected error in download_ticket action:"
|
||||||
|
Rails.logger.error "Message: #{e.message}"
|
||||||
|
Rails.logger.error "Backtrace: #{e.backtrace.join("\n")}"
|
||||||
|
redirect_to dashboard_path, alert: "Erreur lors de la génération du billet"
|
||||||
|
end
|
||||||
|
|
||||||
private
|
private
|
||||||
|
|
||||||
def set_event
|
def set_event
|
||||||
@@ -73,34 +195,4 @@ class TicketsController < ApplicationController
|
|||||||
Rails.logger.error "TicketsController#set_event - Event not found with ID: #{event_id}"
|
Rails.logger.error "TicketsController#set_event - Event not found with ID: #{event_id}"
|
||||||
redirect_to events_path, alert: "Événement non trouvé"
|
redirect_to events_path, alert: "Événement non trouvé"
|
||||||
end
|
end
|
||||||
|
|
||||||
|
|
||||||
def create_stripe_session
|
|
||||||
line_items = @tickets.map do |ticket|
|
|
||||||
{
|
|
||||||
price_data: {
|
|
||||||
currency: "eur",
|
|
||||||
product_data: {
|
|
||||||
name: "#{@event.name} - #{ticket.ticket_type.name}",
|
|
||||||
description: ticket.ticket_type.description
|
|
||||||
},
|
|
||||||
unit_amount: ticket.price_cents
|
|
||||||
},
|
|
||||||
quantity: 1
|
|
||||||
}
|
|
||||||
end
|
|
||||||
|
|
||||||
Stripe::Checkout::Session.create(
|
|
||||||
payment_method_types: [ "card" ],
|
|
||||||
line_items: line_items,
|
|
||||||
mode: "payment",
|
|
||||||
success_url: payment_success_url + "?session_id={CHECKOUT_SESSION_ID}",
|
|
||||||
cancel_url: payment_cancel_url,
|
|
||||||
metadata: {
|
|
||||||
event_id: @event.id,
|
|
||||||
user_id: current_user.id,
|
|
||||||
ticket_ids: @tickets.pluck(:id).join(",")
|
|
||||||
}
|
|
||||||
)
|
|
||||||
end
|
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
module ApplicationHelper
|
module ApplicationHelper
|
||||||
# Convert prince from cents to float
|
# Convert price from cents to float
|
||||||
def format_price(cents)
|
def format_price(cents)
|
||||||
(cents.to_f / 100).round(2)
|
(cents.to_f / 100).round(2)
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -1,4 +1,16 @@
|
|||||||
|
# Flash messages helper for consistent styling across the application
|
||||||
|
#
|
||||||
|
# Provides standardized CSS classes and icons for different types of flash messages
|
||||||
|
# using Tailwind CSS classes and Lucide icons for consistent UI presentation
|
||||||
module FlashMessagesHelper
|
module FlashMessagesHelper
|
||||||
|
# Return appropriate Tailwind CSS classes for different flash message types
|
||||||
|
#
|
||||||
|
# @param type [String, Symbol] The flash message type (notice, error, warning, info)
|
||||||
|
# @return [String] Tailwind CSS classes for styling the flash message container
|
||||||
|
#
|
||||||
|
# Examples:
|
||||||
|
# flash_class('success') # => "bg-green-50 text-green-800 border-green-200"
|
||||||
|
# flash_class('error') # => "bg-red-50 text-red-800 border-red-200"
|
||||||
def flash_class(type)
|
def flash_class(type)
|
||||||
case type.to_s
|
case type.to_s
|
||||||
when "notice", "success"
|
when "notice", "success"
|
||||||
@@ -14,6 +26,14 @@ module FlashMessagesHelper
|
|||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
|
# Return appropriate Lucide icon for different flash message types
|
||||||
|
#
|
||||||
|
# @param type [String, Symbol] The flash message type
|
||||||
|
# @return [String] HTML content tag with Lucide icon data attribute
|
||||||
|
#
|
||||||
|
# Examples:
|
||||||
|
# flash_icon('success') # => <i data-lucide="check-circle" class="..."></i>
|
||||||
|
# flash_icon('error') # => <i data-lucide="x-circle" class="..."></i>
|
||||||
def flash_icon(type)
|
def flash_icon(type)
|
||||||
case type.to_s
|
case type.to_s
|
||||||
when "notice", "success"
|
when "notice", "success"
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ module LucideHelper
|
|||||||
# lucide_icon('check-circle', class: 'text-green-500', size: 'w-5 h-5')
|
# lucide_icon('check-circle', class: 'text-green-500', size: 'w-5 h-5')
|
||||||
# lucide_icon('menu', data: { action: 'click->header#toggleMenu' })
|
# lucide_icon('menu', data: { action: 'click->header#toggleMenu' })
|
||||||
def lucide_icon(name, options = {})
|
def lucide_icon(name, options = {})
|
||||||
css_classes = ["lucide-icon"]
|
css_classes = [ "lucide-icon" ]
|
||||||
css_classes << options[:size] if options[:size]
|
css_classes << options[:size] if options[:size]
|
||||||
css_classes << options[:class] if options[:class]
|
css_classes << options[:class] if options[:class]
|
||||||
|
|
||||||
@@ -42,15 +42,15 @@ module LucideHelper
|
|||||||
def lucide_button(name, options = {})
|
def lucide_button(name, options = {})
|
||||||
text = options.delete(:text)
|
text = options.delete(:text)
|
||||||
icon_class = options.delete(:icon_class)
|
icon_class = options.delete(:icon_class)
|
||||||
icon_size = options.delete(:icon_size) || 'w-4 h-4'
|
icon_size = options.delete(:icon_size) || "w-4 h-4"
|
||||||
|
|
||||||
icon = lucide_icon(name, class: icon_class, size: icon_size)
|
icon = lucide_icon(name, class: icon_class, size: icon_size)
|
||||||
|
|
||||||
content = if text.present?
|
content = if text.present?
|
||||||
safe_join([icon, " ", text])
|
safe_join([ icon, " ", text ])
|
||||||
else
|
else
|
||||||
icon
|
icon
|
||||||
end
|
end
|
||||||
|
|
||||||
content_tag :button, content, options
|
content_tag :button, content, options
|
||||||
end
|
end
|
||||||
@@ -67,15 +67,15 @@ module LucideHelper
|
|||||||
def lucide_link(name, url, options = {})
|
def lucide_link(name, url, options = {})
|
||||||
text = options.delete(:text)
|
text = options.delete(:text)
|
||||||
icon_class = options.delete(:icon_class)
|
icon_class = options.delete(:icon_class)
|
||||||
icon_size = options.delete(:icon_size) || 'w-4 h-4'
|
icon_size = options.delete(:icon_size) || "w-4 h-4"
|
||||||
|
|
||||||
icon = lucide_icon(name, class: icon_class, size: icon_size)
|
icon = lucide_icon(name, class: icon_class, size: icon_size)
|
||||||
|
|
||||||
content = if text.present?
|
content = if text.present?
|
||||||
safe_join([icon, " ", text])
|
safe_join([ icon, " ", text ])
|
||||||
else
|
else
|
||||||
icon
|
icon
|
||||||
end
|
end
|
||||||
|
|
||||||
link_to content, url, options
|
link_to content, url, options
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -6,3 +6,18 @@ import "@hotwired/turbo-rails";
|
|||||||
|
|
||||||
// Import all Stimulus controllers
|
// Import all Stimulus controllers
|
||||||
import "./controllers";
|
import "./controllers";
|
||||||
|
|
||||||
|
// Import and initialize Lucide icons globally
|
||||||
|
import { createIcons, icons } from 'lucide';
|
||||||
|
|
||||||
|
// Initialize icons globally
|
||||||
|
function initializeLucideIcons() {
|
||||||
|
createIcons({ icons });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Run on initial page load
|
||||||
|
document.addEventListener('DOMContentLoaded', initializeLucideIcons);
|
||||||
|
|
||||||
|
// Run on Turbo navigation (Rails 7+ SPA behavior)
|
||||||
|
document.addEventListener('turbo:render', initializeLucideIcons);
|
||||||
|
document.addEventListener('turbo:frame-render', initializeLucideIcons);
|
||||||
|
|||||||
@@ -1,58 +0,0 @@
|
|||||||
import * as React from "react"
|
|
||||||
import { Slot } from "@radix-ui/react-slot"
|
|
||||||
import { cva } from "class-variance-authority";
|
|
||||||
|
|
||||||
import { cn } from "@/lib/utils"
|
|
||||||
|
|
||||||
// Define button styles using class-variance-authority for consistent styling
|
|
||||||
const buttonVariants = cva(
|
|
||||||
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
|
||||||
{
|
|
||||||
variants: {
|
|
||||||
variant: {
|
|
||||||
default:
|
|
||||||
"bg-purple text-purple-foreground shadow-xs hover:bg-purple/90",
|
|
||||||
destructive:
|
|
||||||
"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
||||||
outline:
|
|
||||||
"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
|
||||||
secondary:
|
|
||||||
"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
|
|
||||||
ghost:
|
|
||||||
"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
||||||
link: "text-purple underline-offset-4 hover:underline",
|
|
||||||
},
|
|
||||||
size: {
|
|
||||||
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
||||||
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
||||||
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
||||||
icon: "size-9",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
defaultVariants: {
|
|
||||||
variant: "default",
|
|
||||||
size: "default",
|
|
||||||
},
|
|
||||||
}
|
|
||||||
)
|
|
||||||
|
|
||||||
// Button component that can render as a regular button or as a Slot (for composition)
|
|
||||||
function Button({
|
|
||||||
className,
|
|
||||||
variant,
|
|
||||||
size,
|
|
||||||
asChild = false,
|
|
||||||
...props
|
|
||||||
}) {
|
|
||||||
// Use Slot component if asChild is true, otherwise render as a regular button
|
|
||||||
const Comp = asChild ? Slot : "button"
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Comp
|
|
||||||
data-slot="button"
|
|
||||||
className={cn(buttonVariants({ variant, size, className }))}
|
|
||||||
{...props} />
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export { Button, buttonVariants }
|
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
import { Controller } from "@hotwired/stimulus"
|
|
||||||
|
|
||||||
// Event form controller for handling form interactions
|
|
||||||
// Handles auto-slug generation from event names
|
|
||||||
export default class extends Controller {
|
|
||||||
static targets = ["name", "slug"]
|
|
||||||
|
|
||||||
connect() {
|
|
||||||
console.log("Event form controller connected")
|
|
||||||
}
|
|
||||||
|
|
||||||
// Auto-generate slug from name input
|
|
||||||
generateSlug() {
|
|
||||||
// Only auto-generate if slug field is empty
|
|
||||||
if (this.slugTarget.value === "") {
|
|
||||||
const slug = this.nameTarget.value
|
|
||||||
.toLowerCase()
|
|
||||||
.normalize("NFD")
|
|
||||||
.replace(/[\u0300-\u036f]/g, "") // Remove accents
|
|
||||||
.replace(/[^a-z0-9\s-]/g, "") // Remove special chars
|
|
||||||
.replace(/\s+/g, "-") // Replace spaces with dashes
|
|
||||||
.replace(/-+/g, "-") // Remove duplicate dashes
|
|
||||||
.replace(/^-|-$/g, "") // Remove leading/trailing dashes
|
|
||||||
|
|
||||||
this.slugTarget.value = slug
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,100 +0,0 @@
|
|||||||
import { Controller } from "@hotwired/stimulus"
|
|
||||||
|
|
||||||
// Controller for handling animations of featured event cards
|
|
||||||
// Uses intersection observer to trigger animations when cards come into view
|
|
||||||
export default class extends Controller {
|
|
||||||
// Define targets for the controller
|
|
||||||
static targets = ["card"]
|
|
||||||
|
|
||||||
// Define CSS classes that can be used with this controller
|
|
||||||
static classes = ["visible"]
|
|
||||||
|
|
||||||
// Define configurable values with defaults
|
|
||||||
static values = {
|
|
||||||
threshold: { type: Number, default: 0.1 }, // Percentage of element visibility needed to trigger animation
|
|
||||||
rootMargin: { type: String, default: '0px 0px -50px 0px' }, // Margin around root element for intersection detection
|
|
||||||
staggerDelay: { type: Number, default: 0.2 } // Delay between card animations in seconds
|
|
||||||
}
|
|
||||||
|
|
||||||
// Initialize the controller when it connects to the DOM
|
|
||||||
connect() {
|
|
||||||
console.log("FeaturedEventController connected")
|
|
||||||
this.setupIntersectionObserver()
|
|
||||||
this.setupStaggeredAnimations()
|
|
||||||
}
|
|
||||||
|
|
||||||
// Clean up observers when the controller disconnects
|
|
||||||
disconnect() {
|
|
||||||
if (this.observer) {
|
|
||||||
this.observer.disconnect()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set up intersection observer to detect when cards come into view
|
|
||||||
setupIntersectionObserver() {
|
|
||||||
// Configure observer options
|
|
||||||
const observerOptions = {
|
|
||||||
threshold: this.thresholdValue,
|
|
||||||
rootMargin: this.rootMarginValue
|
|
||||||
}
|
|
||||||
|
|
||||||
// Create intersection observer
|
|
||||||
this.observer = new IntersectionObserver((entries) => {
|
|
||||||
entries.forEach(entry => {
|
|
||||||
// Add visible class when card comes into view
|
|
||||||
if (entry.isIntersecting) {
|
|
||||||
entry.target.classList.add('visible')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}, observerOptions)
|
|
||||||
|
|
||||||
// Observe all card elements within this controller's scope
|
|
||||||
const elements = this.cardTargets
|
|
||||||
console.log("Card targets:", elements)
|
|
||||||
elements.forEach(el => {
|
|
||||||
this.observer.observe(el)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set up staggered animations for cards with progressive delays
|
|
||||||
setupStaggeredAnimations() {
|
|
||||||
console.log("Setting up staggered animations")
|
|
||||||
console.log("Card targets:", this.cardTargets)
|
|
||||||
// Add staggered animation delays to cards
|
|
||||||
this.cardTargets.forEach((card, index) => {
|
|
||||||
card.style.transitionDelay = `${index * this.staggerDelayValue}s`
|
|
||||||
card.classList.remove('visible')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/** Old code
|
|
||||||
<script>
|
|
||||||
// Add animation classes when elements are in view
|
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
|
||||||
const observerOptions = {
|
|
||||||
threshold: 0.1,
|
|
||||||
rootMargin: '0px 0px -50px 0px'
|
|
||||||
};
|
|
||||||
|
|
||||||
const observer = new IntersectionObserver((entries) => {
|
|
||||||
entries.forEach(entry => {
|
|
||||||
if (entry.isIntersecting) {
|
|
||||||
entry.target.classList.add('visible');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}, observerOptions);
|
|
||||||
|
|
||||||
// Observe animated elements
|
|
||||||
document.querySelectorAll('.animate-fadeInUp, .animate-slideInLeft, .animate-slideInRight').forEach(el => {
|
|
||||||
observer.observe(el);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Add staggered animation delays
|
|
||||||
document.querySelectorAll('.featured-event-card').forEach((card, index) => {
|
|
||||||
card.style.transitionDelay = `${index * 0.2}s`;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
*/
|
|
||||||
@@ -18,9 +18,3 @@ application.register("ticket-selection", TicketSelectionController);
|
|||||||
|
|
||||||
import HeaderController from "./header_controller";
|
import HeaderController from "./header_controller";
|
||||||
application.register("header", HeaderController);
|
application.register("header", HeaderController);
|
||||||
|
|
||||||
import EventFormController from "./event_form_controller";
|
|
||||||
application.register("event-form", EventFormController);
|
|
||||||
|
|
||||||
import TicketTypeFormController from "./ticket_type_form_controller";
|
|
||||||
application.register("ticket-type-form", TicketTypeFormController);
|
|
||||||
|
|||||||
@@ -1,68 +0,0 @@
|
|||||||
import { Controller } from "@hotwired/stimulus"
|
|
||||||
|
|
||||||
// Connects to data-controller="lucide"
|
|
||||||
export default class extends Controller {
|
|
||||||
static targets = ["icon"]
|
|
||||||
|
|
||||||
connect() {
|
|
||||||
this.initializeIcons()
|
|
||||||
|
|
||||||
// Listen for Turbo navigation events to reinitialize icons
|
|
||||||
document.addEventListener('turbo:render', this.handleTurboRender.bind(this))
|
|
||||||
document.addEventListener('turbo:frame-render', this.handleTurboFrameRender.bind(this))
|
|
||||||
}
|
|
||||||
|
|
||||||
disconnect() {
|
|
||||||
// Clean up event listeners
|
|
||||||
document.removeEventListener('turbo:render', this.handleTurboRender.bind(this))
|
|
||||||
document.removeEventListener('turbo:frame-render', this.handleTurboFrameRender.bind(this))
|
|
||||||
}
|
|
||||||
|
|
||||||
// Initialize all Lucide icons in the controller scope
|
|
||||||
initializeIcons() {
|
|
||||||
if (typeof lucide !== 'undefined') {
|
|
||||||
// Initialize icons within this controller's element
|
|
||||||
lucide.createIcons({
|
|
||||||
element: this.element
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
console.warn('Lucide not loaded yet, retrying...')
|
|
||||||
// Retry after a short delay if Lucide hasn't loaded yet
|
|
||||||
setTimeout(() => this.initializeIcons(), 100)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Method to reinitialize icons after dynamic content changes
|
|
||||||
reinitialize() {
|
|
||||||
this.initializeIcons()
|
|
||||||
}
|
|
||||||
|
|
||||||
// Method to create a specific icon programmatically
|
|
||||||
createIcon(iconName, element = null) {
|
|
||||||
if (typeof lucide !== 'undefined') {
|
|
||||||
const targetElement = element || this.element
|
|
||||||
lucide.createIcons({
|
|
||||||
element: targetElement,
|
|
||||||
icons: {
|
|
||||||
[iconName]: lucide[iconName]
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Handle Turbo page renders
|
|
||||||
handleTurboRender() {
|
|
||||||
// Small delay to ensure DOM is fully updated
|
|
||||||
setTimeout(() => this.initializeIcons(), 10)
|
|
||||||
}
|
|
||||||
|
|
||||||
// Handle Turbo frame renders
|
|
||||||
handleTurboFrameRender(event) {
|
|
||||||
// Initialize icons within the specific frame that was rendered
|
|
||||||
if (event.detail && event.detail.newFrame) {
|
|
||||||
lucide.createIcons({
|
|
||||||
element: event.detail.newFrame
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,44 +0,0 @@
|
|||||||
import { Controller } from "@hotwired/stimulus"
|
|
||||||
import React from "react"
|
|
||||||
import { createRoot } from "react-dom/client"
|
|
||||||
import { Button } from "@/components/button"
|
|
||||||
|
|
||||||
// Controller for testing shadcn/ui React components within a Stimulus context
|
|
||||||
// Renders a React button component to verify the PostCSS and component setup
|
|
||||||
export default class extends Controller {
|
|
||||||
// Define targets for the controller
|
|
||||||
static targets = ["container"]
|
|
||||||
|
|
||||||
// Initialize and render the React component when the controller connects
|
|
||||||
connect() {
|
|
||||||
console.log("Shadcn Button Test Controller connected")
|
|
||||||
this.renderButton()
|
|
||||||
}
|
|
||||||
|
|
||||||
// Render the React button component inside the target container
|
|
||||||
renderButton() {
|
|
||||||
const container = this.containerTarget
|
|
||||||
const root = createRoot(container)
|
|
||||||
|
|
||||||
root.render(
|
|
||||||
<div className="flex flex-col items-center gap-4 p-6">
|
|
||||||
<h3 className="text-white text-lg font-semibold">Test Button Shadcn</h3>
|
|
||||||
<Button
|
|
||||||
variant="default"
|
|
||||||
size="lg"
|
|
||||||
className="bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700"
|
|
||||||
onClick={this.handleClick}
|
|
||||||
>
|
|
||||||
Cliquez ici - PostCSS Test
|
|
||||||
</Button>
|
|
||||||
<p className="text-gray-300 text-sm">Ce bouton utilise shadcn/ui + Tailwind + PostCSS</p>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
// Handle button click events
|
|
||||||
handleClick = () => {
|
|
||||||
alert("✅ Le bouton shadcn fonctionne avec PostCSS !")
|
|
||||||
console.log("Shadcn button clicked - PostCSS compilation successful")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -118,7 +118,7 @@ export default class extends Controller {
|
|||||||
await this.storeCartInSession(cartData);
|
await this.storeCartInSession(cartData);
|
||||||
|
|
||||||
// Redirect to event-scoped orders/new page
|
// Redirect to event-scoped orders/new page
|
||||||
const OrderNewUrl = `/events/${this.eventSlugValue}.${this.eventIdValue}/orders/new`;
|
const OrderNewUrl = `/orders/new/events/${this.eventSlugValue}.${this.eventIdValue}`;
|
||||||
window.location.href = OrderNewUrl;
|
window.location.href = OrderNewUrl;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("Error storing cart:", error);
|
console.error("Error storing cart:", error);
|
||||||
|
|||||||
@@ -1,61 +0,0 @@
|
|||||||
import { Controller } from "@hotwired/stimulus"
|
|
||||||
|
|
||||||
// Ticket Type Form Controller
|
|
||||||
// Handles dynamic pricing calculations and form interactions
|
|
||||||
export default class extends Controller {
|
|
||||||
static targets = ["price", "quantity", "total"]
|
|
||||||
|
|
||||||
connect() {
|
|
||||||
console.log("Ticket type form controller connected")
|
|
||||||
this.updateTotal()
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update total revenue calculation when price or quantity changes
|
|
||||||
updateTotal() {
|
|
||||||
const price = parseFloat(this.priceTarget.value) || 0
|
|
||||||
const quantity = parseInt(this.quantityTarget.value) || 0
|
|
||||||
const total = price * quantity
|
|
||||||
|
|
||||||
// Format as currency
|
|
||||||
const formatter = new Intl.NumberFormat('fr-FR', {
|
|
||||||
style: 'currency',
|
|
||||||
currency: 'EUR',
|
|
||||||
minimumFractionDigits: 2
|
|
||||||
})
|
|
||||||
|
|
||||||
if (this.hasQuantityTarget && this.hasTotalTarget) {
|
|
||||||
// For new ticket types, calculate potential revenue
|
|
||||||
this.totalTarget.textContent = formatter.format(total)
|
|
||||||
} else if (this.hasTotalTarget) {
|
|
||||||
// For edit forms, calculate remaining potential revenue
|
|
||||||
const soldTickets = parseInt(this.element.dataset.soldTickets) || 0
|
|
||||||
const remainingQuantity = Math.max(0, quantity - soldTickets)
|
|
||||||
const remainingRevenue = price * remainingQuantity
|
|
||||||
this.totalTarget.textContent = formatter.format(remainingRevenue)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Validate minimum quantity (for edit forms with sold tickets)
|
|
||||||
validateQuantity() {
|
|
||||||
const soldTickets = parseInt(this.element.dataset.soldTickets) || 0
|
|
||||||
const quantity = parseInt(this.quantityTarget.value) || 0
|
|
||||||
|
|
||||||
if (quantity < soldTickets) {
|
|
||||||
this.quantityTarget.value = soldTickets
|
|
||||||
this.quantityTarget.setCustomValidity(`La quantité ne peut pas être inférieure à ${soldTickets} (billets déjà vendus)`)
|
|
||||||
} else {
|
|
||||||
this.quantityTarget.setCustomValidity('')
|
|
||||||
}
|
|
||||||
|
|
||||||
this.updateTotal()
|
|
||||||
}
|
|
||||||
|
|
||||||
// Format price input to ensure proper decimal places
|
|
||||||
formatPrice() {
|
|
||||||
const price = parseFloat(this.priceTarget.value)
|
|
||||||
if (!isNaN(price)) {
|
|
||||||
this.priceTarget.value = price.toFixed(2)
|
|
||||||
}
|
|
||||||
this.updateTotal()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
import { clsx } from "clsx"
|
|
||||||
import { twMerge } from "tailwind-merge"
|
|
||||||
|
|
||||||
// Utility function for conditionally joining CSS classes
|
|
||||||
// Combines clsx (for conditional classes) with twMerge (for Tailwind CSS conflicts)
|
|
||||||
// Usage: cn("class1", "class2", conditionalClass && "class3")
|
|
||||||
export function cn(...inputs) {
|
|
||||||
return twMerge(clsx(inputs))
|
|
||||||
}
|
|
||||||
@@ -1,15 +1,33 @@
|
|||||||
|
# Background job to clean up expired draft tickets
|
||||||
|
#
|
||||||
|
# This job runs periodically to find and expire draft tickets that have
|
||||||
|
# passed their expiry time (typically 30 minutes after creation).
|
||||||
|
# Should be scheduled via cron or similar scheduling system.
|
||||||
class CleanupExpiredDraftsJob < ApplicationJob
|
class CleanupExpiredDraftsJob < ApplicationJob
|
||||||
queue_as :default
|
queue_as :default
|
||||||
|
|
||||||
|
# Find and expire all draft tickets that have passed their expiry time
|
||||||
|
#
|
||||||
|
# Uses find_each to process tickets in batches to avoid memory issues
|
||||||
|
# with large datasets. Continues processing even if individual tickets fail.
|
||||||
def perform
|
def perform
|
||||||
expired_count = 0
|
expired_count = 0
|
||||||
|
|
||||||
|
# Process expired draft tickets in batches
|
||||||
Ticket.expired_drafts.find_each do |ticket|
|
Ticket.expired_drafts.find_each do |ticket|
|
||||||
Rails.logger.info "Expiring draft ticket #{ticket.id} for user #{ticket.user_id}"
|
begin
|
||||||
ticket.expire_if_overdue!
|
Rails.logger.info "Expiring draft ticket #{ticket.id} for user #{ticket.user.id}"
|
||||||
expired_count += 1
|
ticket.expire_if_overdue!
|
||||||
|
expired_count += 1
|
||||||
|
rescue => e
|
||||||
|
# Log error but continue processing other tickets
|
||||||
|
Rails.logger.error "Failed to expire ticket #{ticket.id}: #{e.message}"
|
||||||
|
next
|
||||||
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
|
# Log summary if any tickets were processed
|
||||||
Rails.logger.info "Expired #{expired_count} draft tickets" if expired_count > 0
|
Rails.logger.info "Expired #{expired_count} draft tickets" if expired_count > 0
|
||||||
|
Rails.logger.info "No expired draft tickets found" if expired_count == 0
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
49
app/jobs/stripe_invoice_generation_job.rb
Normal file
49
app/jobs/stripe_invoice_generation_job.rb
Normal file
@@ -0,0 +1,49 @@
|
|||||||
|
# Background job to create Stripe invoices for accounting records
|
||||||
|
#
|
||||||
|
# This job is responsible for creating post-payment invoices in Stripe
|
||||||
|
# for accounting purposes after a successful payment
|
||||||
|
class StripeInvoiceGenerationJob < ApplicationJob
|
||||||
|
queue_as :default
|
||||||
|
|
||||||
|
# Retry up to 3 times with exponential backoff
|
||||||
|
retry_on StandardError, wait: :exponentially_longer, attempts: 3
|
||||||
|
|
||||||
|
# Don't retry on Stripe authentication errors
|
||||||
|
discard_on Stripe::AuthenticationError
|
||||||
|
|
||||||
|
def perform(order_id)
|
||||||
|
order = Order.find(order_id)
|
||||||
|
|
||||||
|
unless order.status == "paid"
|
||||||
|
Rails.logger.warn "Attempted to create invoice for unpaid order #{order_id}"
|
||||||
|
return
|
||||||
|
end
|
||||||
|
|
||||||
|
# Create the Stripe invoice
|
||||||
|
service = StripeInvoiceService.new(order)
|
||||||
|
stripe_invoice = service.create_post_payment_invoice
|
||||||
|
|
||||||
|
if stripe_invoice
|
||||||
|
# Store the invoice ID (you might want to persist this in the database)
|
||||||
|
order.instance_variable_set(:@stripe_invoice_id, stripe_invoice.id)
|
||||||
|
|
||||||
|
Rails.logger.info "Successfully created Stripe invoice #{stripe_invoice.id} for order #{order.id} via background job"
|
||||||
|
|
||||||
|
# Optionally send notification email about invoice availability
|
||||||
|
# InvoiceMailer.invoice_ready(order, stripe_invoice.id).deliver_now
|
||||||
|
else
|
||||||
|
error_msg = service.errors.join(", ")
|
||||||
|
Rails.logger.error "Failed to create Stripe invoice for order #{order.id}: #{error_msg}"
|
||||||
|
raise StandardError, "Invoice generation failed: #{error_msg}"
|
||||||
|
end
|
||||||
|
|
||||||
|
rescue ActiveRecord::RecordNotFound
|
||||||
|
Rails.logger.error "Order #{order_id} not found for invoice generation"
|
||||||
|
rescue Stripe::StripeError => e
|
||||||
|
Rails.logger.error "Stripe error creating invoice for order #{order_id}: #{e.message}"
|
||||||
|
raise e # Re-raise to trigger retry logic
|
||||||
|
rescue => e
|
||||||
|
Rails.logger.error "Unexpected error creating invoice for order #{order_id}: #{e.message}"
|
||||||
|
raise e # Re-raise to trigger retry logic
|
||||||
|
end
|
||||||
|
end
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
class TicketMailer < ApplicationMailer
|
class TicketMailer < ApplicationMailer
|
||||||
default from: 'notifications@aperonight.com'
|
default from: "notifications@aperonight.com"
|
||||||
|
|
||||||
def purchase_confirmation(ticket)
|
def purchase_confirmation(ticket)
|
||||||
@ticket = ticket
|
@ticket = ticket
|
||||||
@@ -9,7 +9,7 @@ class TicketMailer < ApplicationMailer
|
|||||||
# Generate PDF attachment
|
# Generate PDF attachment
|
||||||
pdf = @ticket.to_pdf
|
pdf = @ticket.to_pdf
|
||||||
attachments["ticket-#{@event.name.parameterize}-#{@ticket.qr_code[0..7]}.pdf"] = {
|
attachments["ticket-#{@event.name.parameterize}-#{@ticket.qr_code[0..7]}.pdf"] = {
|
||||||
mime_type: 'application/pdf',
|
mime_type: "application/pdf",
|
||||||
content: pdf
|
content: pdf
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -48,5 +48,4 @@ class Event < ApplicationRecord
|
|||||||
|
|
||||||
# Scope for published events ordered by start time
|
# Scope for published events ordered by start time
|
||||||
scope :upcoming, -> { published.where("start_time >= ?", Time.current).order(start_time: :asc) }
|
scope :upcoming, -> { published.where("start_time >= ?", Time.current).order(start_time: :asc) }
|
||||||
|
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -19,6 +19,9 @@ class Order < ApplicationRecord
|
|||||||
validates :payment_attempts, presence: true,
|
validates :payment_attempts, presence: true,
|
||||||
numericality: { greater_than_or_equal_to: 0 }
|
numericality: { greater_than_or_equal_to: 0 }
|
||||||
|
|
||||||
|
# Stripe invoice ID for accounting records
|
||||||
|
attr_accessor :stripe_invoice_id
|
||||||
|
|
||||||
# === Scopes ===
|
# === Scopes ===
|
||||||
scope :draft, -> { where(status: "draft") }
|
scope :draft, -> { where(status: "draft") }
|
||||||
scope :active, -> { where(status: %w[paid completed]) }
|
scope :active, -> { where(status: %w[paid completed]) }
|
||||||
@@ -80,6 +83,37 @@ class Order < ApplicationRecord
|
|||||||
update!(total_amount_cents: tickets.sum(:price_cents))
|
update!(total_amount_cents: tickets.sum(:price_cents))
|
||||||
end
|
end
|
||||||
|
|
||||||
|
# Create Stripe invoice for accounting records
|
||||||
|
#
|
||||||
|
# This method creates a post-payment invoice in Stripe for accounting purposes
|
||||||
|
# It should only be called after the order has been paid
|
||||||
|
#
|
||||||
|
# @return [String, nil] The Stripe invoice ID or nil if creation failed
|
||||||
|
def create_stripe_invoice!
|
||||||
|
return nil unless status == "paid"
|
||||||
|
return @stripe_invoice_id if @stripe_invoice_id.present?
|
||||||
|
|
||||||
|
service = StripeInvoiceService.new(self)
|
||||||
|
stripe_invoice = service.create_post_payment_invoice
|
||||||
|
|
||||||
|
if stripe_invoice
|
||||||
|
@stripe_invoice_id = stripe_invoice.id
|
||||||
|
Rails.logger.info "Created Stripe invoice #{stripe_invoice.id} for order #{id}"
|
||||||
|
stripe_invoice.id
|
||||||
|
else
|
||||||
|
Rails.logger.error "Failed to create Stripe invoice for order #{id}: #{service.errors.join(', ')}"
|
||||||
|
nil
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
# Get the Stripe invoice PDF URL if available
|
||||||
|
#
|
||||||
|
# @return [String, nil] The PDF URL or nil if not available
|
||||||
|
def stripe_invoice_pdf_url
|
||||||
|
return nil unless @stripe_invoice_id.present?
|
||||||
|
StripeInvoiceService.get_invoice_pdf_url(@stripe_invoice_id)
|
||||||
|
end
|
||||||
|
|
||||||
private
|
private
|
||||||
|
|
||||||
def set_expiry
|
def set_expiry
|
||||||
|
|||||||
@@ -17,6 +17,7 @@ class Ticket < ApplicationRecord
|
|||||||
# === Scopes ===
|
# === Scopes ===
|
||||||
scope :draft, -> { where(status: "draft") }
|
scope :draft, -> { where(status: "draft") }
|
||||||
scope :active, -> { where(status: "active") }
|
scope :active, -> { where(status: "active") }
|
||||||
|
scope :expired_drafts, -> { joins(:order).where(status: "draft").where("orders.expires_at < ?", Time.current) }
|
||||||
|
|
||||||
before_validation :set_price_from_ticket_type, on: :create
|
before_validation :set_price_from_ticket_type, on: :create
|
||||||
before_validation :generate_qr_code, on: :create
|
before_validation :generate_qr_code, on: :create
|
||||||
@@ -26,6 +27,29 @@ class Ticket < ApplicationRecord
|
|||||||
TicketPdfGenerator.new(self).generate
|
TicketPdfGenerator.new(self).generate
|
||||||
end
|
end
|
||||||
|
|
||||||
|
# Generate QR code data for ticket validation
|
||||||
|
def to_qr_data
|
||||||
|
{
|
||||||
|
ticket_id: id,
|
||||||
|
qr_code: qr_code,
|
||||||
|
event_id: event&.id,
|
||||||
|
user_id: user&.id
|
||||||
|
}.compact.to_json
|
||||||
|
end
|
||||||
|
|
||||||
|
# Generate QR code as SVG
|
||||||
|
def generate_qr_svg
|
||||||
|
require "rqrcode"
|
||||||
|
qrcode = RQRCode::QRCode.new(to_qr_data)
|
||||||
|
qrcode.as_svg(
|
||||||
|
offset: 0,
|
||||||
|
color: "000",
|
||||||
|
shape_rendering: "crispEdges",
|
||||||
|
module_size: 4,
|
||||||
|
standalone: true
|
||||||
|
)
|
||||||
|
end
|
||||||
|
|
||||||
# Price in euros (formatted)
|
# Price in euros (formatted)
|
||||||
def price_euros
|
def price_euros
|
||||||
price_cents / 100.0
|
price_cents / 100.0
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ class TicketType < ApplicationRecord
|
|||||||
validates :sale_end_at, presence: true
|
validates :sale_end_at, presence: true
|
||||||
validates :minimum_age, numericality: { only_integer: true, greater_than_or_equal_to: 0, less_than_or_equal_to: 120 }, allow_nil: true
|
validates :minimum_age, numericality: { only_integer: true, greater_than_or_equal_to: 0, less_than_or_equal_to: 120 }, allow_nil: true
|
||||||
validates :event_id, presence: true
|
validates :event_id, presence: true
|
||||||
validates :requires_id, inclusion: { in: [true, false] }
|
validates :requires_id, inclusion: { in: [ true, false ] }
|
||||||
|
|
||||||
# Custom validations
|
# Custom validations
|
||||||
validate :sale_end_after_start
|
validate :sale_end_after_start
|
||||||
@@ -45,7 +45,7 @@ class TicketType < ApplicationRecord
|
|||||||
|
|
||||||
def available_quantity
|
def available_quantity
|
||||||
return 0 if quantity.nil?
|
return 0 if quantity.nil?
|
||||||
[quantity - tickets.count, 0].max
|
[ quantity - tickets.count, 0 ].max
|
||||||
end
|
end
|
||||||
|
|
||||||
def sales_status
|
def sales_status
|
||||||
@@ -53,7 +53,7 @@ class TicketType < ApplicationRecord
|
|||||||
return :expired if sale_end_at < Time.current
|
return :expired if sale_end_at < Time.current
|
||||||
return :upcoming if sale_start_at > Time.current
|
return :upcoming if sale_start_at > Time.current
|
||||||
return :sold_out if sold_out?
|
return :sold_out if sold_out?
|
||||||
return :available
|
:available
|
||||||
end
|
end
|
||||||
|
|
||||||
def total_potential_revenue
|
def total_potential_revenue
|
||||||
|
|||||||
@@ -24,10 +24,10 @@ class User < ApplicationRecord
|
|||||||
has_many :tickets, dependent: :destroy
|
has_many :tickets, dependent: :destroy
|
||||||
has_many :orders, dependent: :destroy
|
has_many :orders, dependent: :destroy
|
||||||
|
|
||||||
# Validations
|
# Validations - allow reasonable name lengths
|
||||||
validates :last_name, length: { minimum: 3, maximum: 12, allow_blank: true }
|
validates :last_name, length: { minimum: 2, maximum: 50, allow_blank: true }
|
||||||
validates :first_name, length: { minimum: 3, maximum: 12, allow_blank: true }
|
validates :first_name, length: { minimum: 2, maximum: 50, allow_blank: true }
|
||||||
validates :company_name, length: { minimum: 3, maximum: 12, allow_blank: true }
|
validates :company_name, length: { minimum: 2, maximum: 100, allow_blank: true }
|
||||||
|
|
||||||
# Authorization methods
|
# Authorization methods
|
||||||
def can_manage_events?
|
def can_manage_events?
|
||||||
|
|||||||
206
app/services/stripe_invoice_service.rb
Normal file
206
app/services/stripe_invoice_service.rb
Normal file
@@ -0,0 +1,206 @@
|
|||||||
|
# Service to create Stripe invoices for accounting records after successful payment
|
||||||
|
#
|
||||||
|
# This service creates post-payment invoices in Stripe for accounting purposes.
|
||||||
|
# Unlike regular Stripe invoices which are used for collection, these are
|
||||||
|
# created after payment via Checkout Sessions as accounting records.
|
||||||
|
class StripeInvoiceService
|
||||||
|
attr_reader :order, :errors
|
||||||
|
|
||||||
|
def initialize(order)
|
||||||
|
@order = order
|
||||||
|
@errors = []
|
||||||
|
end
|
||||||
|
|
||||||
|
# Create a post-payment invoice in Stripe
|
||||||
|
#
|
||||||
|
# Returns the created Stripe invoice object or nil if creation failed
|
||||||
|
def create_post_payment_invoice
|
||||||
|
return nil unless valid_for_invoice_creation?
|
||||||
|
|
||||||
|
begin
|
||||||
|
customer = find_or_create_stripe_customer
|
||||||
|
return nil unless customer
|
||||||
|
|
||||||
|
invoice = create_stripe_invoice(customer)
|
||||||
|
return nil unless invoice
|
||||||
|
|
||||||
|
add_line_items_to_invoice(customer, invoice)
|
||||||
|
finalize_invoice(invoice)
|
||||||
|
|
||||||
|
Rails.logger.info "Successfully created Stripe invoice #{invoice.id} for order #{@order.id}"
|
||||||
|
invoice
|
||||||
|
rescue Stripe::StripeError => e
|
||||||
|
handle_stripe_error(e)
|
||||||
|
nil
|
||||||
|
rescue => e
|
||||||
|
handle_generic_error(e)
|
||||||
|
nil
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
# Get the PDF URL for a Stripe invoice
|
||||||
|
#
|
||||||
|
# @param invoice_id [String] The Stripe invoice ID
|
||||||
|
# @return [String, nil] The invoice PDF URL or nil if not available
|
||||||
|
def self.get_invoice_pdf_url(invoice_id)
|
||||||
|
return nil if invoice_id.blank?
|
||||||
|
|
||||||
|
begin
|
||||||
|
invoice = Stripe::Invoice.retrieve(invoice_id)
|
||||||
|
invoice.invoice_pdf
|
||||||
|
rescue Stripe::StripeError => e
|
||||||
|
Rails.logger.error "Failed to retrieve Stripe invoice PDF URL: #{e.message}"
|
||||||
|
nil
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def valid_for_invoice_creation?
|
||||||
|
unless @order.present?
|
||||||
|
@errors << "Order is required"
|
||||||
|
return false
|
||||||
|
end
|
||||||
|
|
||||||
|
unless @order.status == "paid"
|
||||||
|
@errors << "Order must be paid to create invoice"
|
||||||
|
return false
|
||||||
|
end
|
||||||
|
|
||||||
|
unless @order.user.present?
|
||||||
|
@errors << "Order must have an associated user"
|
||||||
|
return false
|
||||||
|
end
|
||||||
|
|
||||||
|
unless @order.tickets.any?
|
||||||
|
@errors << "Order must have tickets to create invoice"
|
||||||
|
return false
|
||||||
|
end
|
||||||
|
|
||||||
|
true
|
||||||
|
end
|
||||||
|
|
||||||
|
def find_or_create_stripe_customer
|
||||||
|
if @order.user.stripe_customer_id.present?
|
||||||
|
retrieve_existing_customer
|
||||||
|
else
|
||||||
|
create_new_customer
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def retrieve_existing_customer
|
||||||
|
Stripe::Customer.retrieve(@order.user.stripe_customer_id)
|
||||||
|
rescue Stripe::InvalidRequestError
|
||||||
|
# Customer doesn't exist, create a new one
|
||||||
|
Rails.logger.warn "Stripe customer #{@order.user.stripe_customer_id} not found, creating new customer"
|
||||||
|
@order.user.update(stripe_customer_id: nil)
|
||||||
|
create_new_customer
|
||||||
|
end
|
||||||
|
|
||||||
|
def create_new_customer
|
||||||
|
customer = Stripe::Customer.create({
|
||||||
|
email: @order.user.email,
|
||||||
|
name: customer_name,
|
||||||
|
metadata: {
|
||||||
|
user_id: @order.user.id,
|
||||||
|
created_by: "aperonight_system"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
@order.user.update(stripe_customer_id: customer.id)
|
||||||
|
Rails.logger.info "Created new Stripe customer #{customer.id} for user #{@order.user.id}"
|
||||||
|
customer
|
||||||
|
end
|
||||||
|
|
||||||
|
def customer_name
|
||||||
|
parts = []
|
||||||
|
parts << @order.user.first_name if @order.user.first_name.present?
|
||||||
|
parts << @order.user.last_name if @order.user.last_name.present?
|
||||||
|
|
||||||
|
if parts.empty?
|
||||||
|
@order.user.email.split("@").first.humanize
|
||||||
|
else
|
||||||
|
parts.join(" ")
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def create_stripe_invoice(customer)
|
||||||
|
invoice_data = {
|
||||||
|
customer: customer.id,
|
||||||
|
collection_method: "send_invoice", # Don't auto-charge
|
||||||
|
auto_advance: false, # Don't automatically finalize
|
||||||
|
metadata: {
|
||||||
|
order_id: @order.id,
|
||||||
|
user_id: @order.user.id,
|
||||||
|
event_name: @order.event.name,
|
||||||
|
created_by: "aperonight_system",
|
||||||
|
payment_method: "checkout_session"
|
||||||
|
},
|
||||||
|
description: "Invoice for #{@order.event.name} - Order ##{@order.id}",
|
||||||
|
footer: "Thank you for your purchase! This invoice is for your records as payment was already processed."
|
||||||
|
}
|
||||||
|
|
||||||
|
# Add due date (same day since it's already paid)
|
||||||
|
invoice_data[:due_date] = Time.current.to_i
|
||||||
|
|
||||||
|
Stripe::Invoice.create(invoice_data)
|
||||||
|
end
|
||||||
|
|
||||||
|
def add_line_items_to_invoice(customer, invoice)
|
||||||
|
@order.tickets.group_by(&:ticket_type).each do |ticket_type, tickets|
|
||||||
|
quantity = tickets.count
|
||||||
|
|
||||||
|
Stripe::InvoiceItem.create({
|
||||||
|
customer: customer.id,
|
||||||
|
invoice: invoice.id,
|
||||||
|
amount: ticket_type.price_cents * quantity,
|
||||||
|
currency: "eur",
|
||||||
|
description: build_line_item_description(ticket_type, tickets),
|
||||||
|
metadata: {
|
||||||
|
ticket_type_id: ticket_type.id,
|
||||||
|
ticket_type_name: ticket_type.name,
|
||||||
|
quantity: quantity,
|
||||||
|
unit_price_cents: ticket_type.price_cents
|
||||||
|
}
|
||||||
|
})
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def build_line_item_description(ticket_type, tickets)
|
||||||
|
quantity = tickets.count
|
||||||
|
unit_price = ticket_type.price_cents / 100.0
|
||||||
|
|
||||||
|
description_parts = [
|
||||||
|
"#{@order.event.name}",
|
||||||
|
"#{ticket_type.name}",
|
||||||
|
"(#{quantity}x €#{unit_price})"
|
||||||
|
]
|
||||||
|
|
||||||
|
description_parts.join(" - ")
|
||||||
|
end
|
||||||
|
|
||||||
|
def finalize_invoice(invoice)
|
||||||
|
# Mark as paid since payment was already processed via checkout
|
||||||
|
finalized_invoice = invoice.finalize_invoice
|
||||||
|
|
||||||
|
# Mark the invoice as paid
|
||||||
|
finalized_invoice.pay({
|
||||||
|
paid_out_of_band: true, # Payment was made outside of Stripe invoicing
|
||||||
|
payment_method: nil # No payment method needed for out-of-band payment
|
||||||
|
})
|
||||||
|
|
||||||
|
finalized_invoice
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_stripe_error(error)
|
||||||
|
error_message = "Stripe invoice creation failed: #{error.message}"
|
||||||
|
@errors << error_message
|
||||||
|
Rails.logger.error "#{error_message} (Order: #{@order.id})"
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_generic_error(error)
|
||||||
|
error_message = "Invoice creation failed: #{error.message}"
|
||||||
|
@errors << error_message
|
||||||
|
Rails.logger.error "#{error_message} (Order: #{@order.id})"
|
||||||
|
end
|
||||||
|
end
|
||||||
@@ -1,107 +0,0 @@
|
|||||||
require 'prawn'
|
|
||||||
require 'prawn/qrcode'
|
|
||||||
require 'rqrcode'
|
|
||||||
|
|
||||||
class TicketPdfGenerator
|
|
||||||
attr_reader :ticket
|
|
||||||
|
|
||||||
def initialize(ticket)
|
|
||||||
@ticket = ticket
|
|
||||||
end
|
|
||||||
|
|
||||||
def generate
|
|
||||||
Prawn::Document.new(page_size: [350, 600], margin: 20) do |pdf|
|
|
||||||
# Header
|
|
||||||
pdf.fill_color "2D1B69"
|
|
||||||
pdf.font "Helvetica", style: :bold, size: 24
|
|
||||||
pdf.text "ApéroNight", align: :center
|
|
||||||
pdf.move_down 10
|
|
||||||
|
|
||||||
# Event name
|
|
||||||
pdf.fill_color "000000"
|
|
||||||
pdf.font "Helvetica", style: :bold, size: 18
|
|
||||||
pdf.text ticket.event.name, align: :center
|
|
||||||
pdf.move_down 20
|
|
||||||
|
|
||||||
# Ticket info box
|
|
||||||
pdf.stroke_color "E5E7EB"
|
|
||||||
pdf.fill_color "F9FAFB"
|
|
||||||
pdf.rounded_rectangle [0, pdf.cursor], 310, 120, 10
|
|
||||||
pdf.fill_and_stroke
|
|
||||||
|
|
||||||
pdf.move_down 10
|
|
||||||
pdf.fill_color "000000"
|
|
||||||
pdf.font "Helvetica", size: 12
|
|
||||||
|
|
||||||
# Ticket details
|
|
||||||
pdf.text "Ticket Type:", style: :bold
|
|
||||||
pdf.text ticket.ticket_type.name
|
|
||||||
pdf.move_down 8
|
|
||||||
|
|
||||||
pdf.text "Price:", style: :bold
|
|
||||||
pdf.text "€#{ticket.price_euros}"
|
|
||||||
pdf.move_down 8
|
|
||||||
|
|
||||||
pdf.text "Date & Time:", style: :bold
|
|
||||||
pdf.text ticket.event.start_time.strftime("%B %d, %Y at %I:%M %p")
|
|
||||||
pdf.move_down 20
|
|
||||||
|
|
||||||
# Venue information
|
|
||||||
pdf.fill_color "374151"
|
|
||||||
pdf.font "Helvetica", style: :bold, size: 14
|
|
||||||
pdf.text "Venue Information"
|
|
||||||
pdf.move_down 8
|
|
||||||
|
|
||||||
pdf.font "Helvetica", size: 11
|
|
||||||
pdf.text ticket.event.venue_name, style: :bold
|
|
||||||
pdf.text ticket.event.venue_address
|
|
||||||
pdf.move_down 20
|
|
||||||
|
|
||||||
# QR Code
|
|
||||||
pdf.fill_color "000000"
|
|
||||||
pdf.font "Helvetica", style: :bold, size: 14
|
|
||||||
pdf.text "Ticket QR Code", align: :center
|
|
||||||
pdf.move_down 10
|
|
||||||
|
|
||||||
# Ensure all required data is present before generating QR code
|
|
||||||
if ticket.qr_code.blank?
|
|
||||||
raise "Ticket QR code is missing"
|
|
||||||
end
|
|
||||||
|
|
||||||
qr_code_data = {
|
|
||||||
ticket_id: ticket.id,
|
|
||||||
qr_code: ticket.qr_code,
|
|
||||||
event_id: ticket.event&.id,
|
|
||||||
user_id: ticket.user&.id
|
|
||||||
}.compact.to_json
|
|
||||||
|
|
||||||
# Validate QR code data before creating QR code
|
|
||||||
if qr_code_data.blank? || qr_code_data == "{}"
|
|
||||||
raise "QR code data is empty or invalid"
|
|
||||||
end
|
|
||||||
|
|
||||||
qrcode = RQRCode::QRCode.new(qr_code_data)
|
|
||||||
pdf.print_qr_code(qrcode, extent: 120, align: :center)
|
|
||||||
|
|
||||||
pdf.move_down 15
|
|
||||||
|
|
||||||
# QR code text
|
|
||||||
pdf.font "Helvetica", size: 8
|
|
||||||
pdf.fill_color "6B7280"
|
|
||||||
pdf.text "QR Code: #{ticket.qr_code[0..7]}...", align: :center
|
|
||||||
|
|
||||||
# Footer
|
|
||||||
pdf.move_down 30
|
|
||||||
pdf.stroke_color "E5E7EB"
|
|
||||||
pdf.horizontal_line 0, 310
|
|
||||||
pdf.move_down 10
|
|
||||||
|
|
||||||
pdf.font "Helvetica", size: 8
|
|
||||||
pdf.fill_color "6B7280"
|
|
||||||
pdf.text "This ticket is valid for one entry only.", align: :center
|
|
||||||
pdf.text "Present this ticket at the venue entrance.", align: :center
|
|
||||||
pdf.move_down 5
|
|
||||||
pdf.text "Generated on #{Time.current.strftime('%B %d, %Y at %I:%M %p')}", align: :center
|
|
||||||
end.render
|
|
||||||
end
|
|
||||||
end
|
|
||||||
@@ -3,8 +3,8 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="event-finder">
|
<div class="event-finder">
|
||||||
<div class="finder-header">
|
<div class="finder-header">
|
||||||
<h2 class="finder-title">Find Your Perfect Event</h2>
|
<h2 class="finder-title">Trouvez votre événement parfait</h2>
|
||||||
<p class="finder-subtitle">Discover afterwork events tailored to your preferences</p>
|
<p class="finder-subtitle">Découvrez des événements afterwork adaptés à vos préférences</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form class="finder-form">
|
<form class="finder-form">
|
||||||
@@ -19,10 +19,10 @@
|
|||||||
<div class="finder-field">
|
<div class="finder-field">
|
||||||
<label class="finder-label">
|
<label class="finder-label">
|
||||||
<i data-lucide="map-pin"></i>
|
<i data-lucide="map-pin"></i>
|
||||||
City
|
Ville
|
||||||
</label>
|
</label>
|
||||||
<select class="finder-select focus-ring" id="event-city">
|
<select class="finder-select focus-ring" id="event-city">
|
||||||
<option value="">Choose a city</option>
|
<option value="">Choisissez une ville</option>
|
||||||
<option value="paris">Paris</option>
|
<option value="paris">Paris</option>
|
||||||
<option value="london">London</option>
|
<option value="london">London</option>
|
||||||
<option value="berlin">Berlin</option>
|
<option value="berlin">Berlin</option>
|
||||||
@@ -37,18 +37,18 @@
|
|||||||
<div class="finder-field">
|
<div class="finder-field">
|
||||||
<label class="finder-label">
|
<label class="finder-label">
|
||||||
<i data-lucide="users"></i>
|
<i data-lucide="users"></i>
|
||||||
Event Type
|
Type d'événement
|
||||||
</label>
|
</label>
|
||||||
<select class="finder-select focus-ring" id="event-type">
|
<select class="finder-select focus-ring" id="event-type">
|
||||||
<option value="">All types</option>
|
<option value="">Tous les types</option>
|
||||||
<option value="networking">Networking</option>
|
<option value="networking">Réseautage</option>
|
||||||
<option value="tech">Tech & Innovation</option>
|
<option value="tech">Tech & Innovation</option>
|
||||||
<option value="creative">Creative & Design</option>
|
<option value="creative">Créatif & Design</option>
|
||||||
<option value="business">Business</option>
|
<option value="business">Affaires</option>
|
||||||
<option value="startup">Startup</option>
|
<option value="startup">Startup</option>
|
||||||
<option value="wine">Wine & Tasting</option>
|
<option value="wine">Vin & Dégustation</option>
|
||||||
<option value="art">Art & Culture</option>
|
<option value="art">Art & Culture</option>
|
||||||
<option value="music">Music & Entertainment</option>
|
<option value="music">Musique & Divertissement</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -58,14 +58,14 @@
|
|||||||
<div class="price-range-label">
|
<div class="price-range-label">
|
||||||
<span>
|
<span>
|
||||||
<i data-lucide="euro"></i>
|
<i data-lucide="euro"></i>
|
||||||
Price Range
|
Fourchette de prix
|
||||||
</span>
|
</span>
|
||||||
<span class="price-value" id="price-display">€0 - €100</span>
|
<span class="price-value" id="price-display">€0 - €100</span>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
<div style="display: flex; gap: var(--space-3); align-items: center;">
|
<div style="display: flex; gap: var(--space-3); align-items: center;">
|
||||||
<input type="range" class="price-slider" id="price-min" min="0" max="100" value="0" style="flex: 1;">
|
<input type="range" class="price-slider" id="price-min" min="0" max="100" value="0" style="flex: 1;">
|
||||||
<span style="color: var(--color-neutral-500); font-weight: 600;">to</span>
|
<span style="color: var(--color-neutral-500); font-weight: 600;">à</span>
|
||||||
<input type="range" class="price-slider" id="price-max" min="0" max="100" value="100" style="flex: 1;">
|
<input type="range" class="price-slider" id="price-max" min="0" max="100" value="100" style="flex: 1;">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -73,7 +73,7 @@
|
|||||||
|
|
||||||
<button type="submit" class="finder-search-btn">
|
<button type="submit" class="finder-search-btn">
|
||||||
<i data-lucide="search"></i>
|
<i data-lucide="search"></i>
|
||||||
Find Events
|
Trouver des événements
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -81,7 +81,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// Event Finder Functionality
|
// Fonctionnalité de recherche d'événements
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
const priceMin = document.getElementById('price-min');
|
const priceMin = document.getElementById('price-min');
|
||||||
const priceMax = document.getElementById('price-max');
|
const priceMax = document.getElementById('price-max');
|
||||||
@@ -134,18 +134,18 @@
|
|||||||
priceMax: priceMax ? priceMax.value : ''
|
priceMax: priceMax ? priceMax.value : ''
|
||||||
};
|
};
|
||||||
|
|
||||||
console.log('Search filters:', formData);
|
console.log('Filtres de recherche :', formData);
|
||||||
|
|
||||||
// Add loading state to button
|
// Add loading state to button
|
||||||
const searchBtn = document.querySelector('.finder-search-btn');
|
const searchBtn = document.querySelector('.finder-search-btn');
|
||||||
if (searchBtn) {
|
if (searchBtn) {
|
||||||
const originalText = searchBtn.innerHTML;
|
const originalText = searchBtn.innerHTML;
|
||||||
searchBtn.innerHTML = '<div style="width: 20px; height: 20px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite;"></div> Searching...';
|
searchBtn.innerHTML = '<div style="width: 20px; height: 20px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite;"></div> Recherche...';
|
||||||
|
|
||||||
// Simulate search
|
// Simulate search
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
searchBtn.innerHTML = originalText;
|
searchBtn.innerHTML = originalText;
|
||||||
alert('Search completed! Results would be displayed here.');
|
alert('Recherche terminée ! Les résultats seraient affichés ici.');
|
||||||
}, 2000);
|
}, 2000);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,41 +1,40 @@
|
|||||||
<div class="grid gap-6 mb-6 md:grid-cols-2 lg:grid-cols-4">
|
<div class="grid gap-6 mb-6 md:grid-cols-2 lg:grid-cols-4">
|
||||||
<div>
|
<div>
|
||||||
<h3 class="font-bold text-lg text-white mb-3">Events</h3>
|
<h3 class="font-bold text-lg text-white mb-3">À propos</h3>
|
||||||
<ul class="space-y-2">
|
<ul class="space-y-2">
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Find Events</a></li>
|
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Je suis organisateur</a></li>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Host an Event</a></li>
|
<%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Pour les artistes</a></li> %>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Event Categories</a></li>
|
<%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Kit presse</a></li> %>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Premium Events</a></li>
|
<%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Artistes</a></li> %>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<h3 class="font-bold text-lg text-white mb-3">Community</h3>
|
<h3 class="font-bold text-lg text-white mb-3">Villes</h3>
|
||||||
<ul class="space-y-2">
|
<ul class="space-y-2">
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Join Us</a></li>
|
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Paris</a></li>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Member Benefits</a></li>
|
<%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Lyon</a></li> %>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Success Stories</a></li>
|
<%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Marseille / Aix-en-Provence</a></li> %>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Ambassador Program</a></li>
|
<%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Toulouse</a></li> %>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<%# <div>
|
||||||
<h3 class="font-bold text-lg text-white mb-3">Support</h3>
|
<h3 class="font-bold text-lg text-white mb-3">Organisateurs</h3>
|
||||||
<ul class="space-y-2">
|
<ul class="space-y-2">
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Help Center</a></li>
|
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Help Center</a></li>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Contact Us</a></li>
|
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Contact Us</a></li>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Safety Guidelines</a></li>
|
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Safety Guidelines</a></li>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Cancellation Policy</a></li>
|
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Cancellation Policy</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div> %>
|
||||||
<div>
|
<div>
|
||||||
<h3 class="font-bold text-lg text-white mb-3">Company</h3>
|
<h3 class="font-bold text-lg text-white mb-3">Support</h3>
|
||||||
<ul class="space-y-2">
|
<ul class="space-y-2">
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">About Aperonight</a></li>
|
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Aide</a></li>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Careers</a></li>
|
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Nous contacter</a></li>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Press & Media</a></li>
|
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Signaler un contenu inapproprié</a></li>
|
||||||
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Partner With Us</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="border-t border-neutral-700 pt-4 text-center text-neutral-400 text-sm">
|
<div class="border-t border-neutral-700 pt-4 text-center text-neutral-400 text-sm">
|
||||||
<p>© 2024 Aperonight. All rights reserved. • <a href="#" class="text-accent-400 hover:text-accent-300 transition-colors">Privacy Policy</a> • <a href="#" class="text-accent-400 hover:text-accent-300 transition-colors">Terms of Service</a></p>
|
<p>© 2025 Aperonight. All rights reserved. • <a href="#" class="text-accent-400 hover:text-accent-300 transition-colors">Privacy Policy</a> • <a href="#" class="text-accent-400 hover:text-accent-300 transition-colors">Terms of Service</a></p>
|
||||||
</div>
|
</div>
|
||||||
@@ -9,9 +9,13 @@
|
|||||||
|
|
||||||
<!-- Desktop Navigation -->
|
<!-- Desktop Navigation -->
|
||||||
<div class="hidden sm:flex items-center space-x-6 w-full justify-start">
|
<div class="hidden sm:flex items-center space-x-6 w-full justify-start">
|
||||||
<%= link_to t("header.parties"), events_path,
|
<%= link_to "Afterworks", events_path,
|
||||||
class: "mx-4 text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %>
|
class: "mx-4 text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %>
|
||||||
<%= link_to t("header.concerts"), "#",
|
|
||||||
|
<%= link_to "Évenements", "#",
|
||||||
|
class: "mx-4 text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %>
|
||||||
|
|
||||||
|
<%= link_to "Concerts", "#",
|
||||||
class: "mx-4 text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %>
|
class: "mx-4 text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -26,6 +30,23 @@
|
|||||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
|
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
<!-- User Dropdown Menu -->
|
||||||
|
<div data-header-target="userMenu" class="hidden absolute right-0 mt-2 w-56 bg-white rounded-lg shadow-lg border border-gray-200 py-1 z-50">
|
||||||
|
<div class="px-4 py-2 text-sm text-gray-900 border-b border-gray-100">
|
||||||
|
<div class="font-medium"><%= current_user.first_name || current_user.email %></div>
|
||||||
|
<div class="text-gray-500"><%= current_user.email %></div>
|
||||||
|
</div>
|
||||||
|
<%= link_to "Profile", edit_user_registration_path,
|
||||||
|
class: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-200" %>
|
||||||
|
<%= link_to "Reservations", "#",
|
||||||
|
class: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-200" %>
|
||||||
|
<div class="border-t border-gray-100">
|
||||||
|
<%= link_to "Sign out", destroy_user_session_path,
|
||||||
|
data: { controller: "logout", action: "click->logout#signOut", logout_url_value: destroy_user_session_path, login_url_value: new_user_session_path, turbo: false },
|
||||||
|
class: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-200" %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<% else %>
|
<% else %>
|
||||||
<%= link_to t("header.login"), new_user_session_path,
|
<%= link_to t("header.login"), new_user_session_path,
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
|
<div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
|
||||||
<div class="max-w-md w-full space-y-8">
|
<div class="min-h-screen max-w-md w-full space-y-8">
|
||||||
<div>
|
<div>
|
||||||
<%= link_to "/" do %>
|
<%= link_to "/" do %>
|
||||||
<img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
|
<img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
|
<div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
|
||||||
<div class="max-w-md w-full space-y-8">
|
<div class="min-h-screen max-w-md w-full space-y-8">
|
||||||
<div>
|
<div>
|
||||||
<%= link_to "/" do %>
|
<%= link_to "/" do %>
|
||||||
<img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
|
<img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
|
<div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
|
||||||
<div class="max-w-md w-full space-y-8">
|
<div class="min-h-screen max-w-md w-full space-y-8">
|
||||||
<div>
|
<div>
|
||||||
<%= link_to "/" do %>
|
<%= link_to "/" do %>
|
||||||
<img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
|
<img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
|
||||||
|
|||||||
@@ -30,27 +30,25 @@
|
|||||||
|
|
||||||
<div>
|
<div>
|
||||||
<%= f.label :password, "Nouveau mot de passe", class: "block text-sm font-medium text-neutral-700" %>
|
<%= f.label :password, "Nouveau mot de passe", class: "block text-sm font-medium text-neutral-700" %>
|
||||||
<i class="text-sm text-neutral-500">(laissez vide si vous ne souhaitez pas le changer)</i>
|
|
||||||
<%= f.password_field :password, autocomplete: "new-password",
|
<%= f.password_field :password, autocomplete: "new-password",
|
||||||
class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
|
class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<%= f.label :password_confirmation, t('devise.registrations.edit.confirm_new_password'), class: "block text-sm font-medium text-neutral-700" %>
|
<%= f.label :password_confirmation, "Confirmer le nouveau mot de passe", class: "block text-sm font-medium text-neutral-700" %>
|
||||||
<%= f.password_field :password_confirmation, autocomplete: "new-password",
|
<%= f.password_field :password_confirmation, autocomplete: "new-password",
|
||||||
class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
|
class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<%= f.label :current_password, t('devise.registrations.edit.current_password'), class: "block text-sm font-medium text-neutral-700" %>
|
<%= f.label :current_password, "Mot de passe actuel", class: "block text-sm font-medium text-neutral-700" %>
|
||||||
<i class="text-sm text-neutral-500">(<%= t('devise.registrations.edit.current_password_required') %>)</i>
|
|
||||||
<%= f.password_field :current_password, autocomplete: "current-password",
|
<%= f.password_field :current_password, autocomplete: "current-password",
|
||||||
class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
|
class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center justify-between">
|
<div class="flex items-center justify-between">
|
||||||
<%= f.submit t('devise.registrations.edit.update'),
|
<%= f.submit "Mettre à jour",
|
||||||
class: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-50 focus:ring-purple-500" %>
|
class: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-50 focus:ring-purple-500" %>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
|
<div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
|
||||||
<div class="max-w-md w-full space-y-8">
|
<div class="min-h-screen max-w-md w-full space-y-8">
|
||||||
<div>
|
<div>
|
||||||
<%= link_to "/" do %>
|
<%= link_to "/" do %>
|
||||||
<img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
|
<img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
|
<div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
|
||||||
<div class="max-w-md w-full space-y-8">
|
<div class="min-h-screen max-w-md w-full space-y-8">
|
||||||
<div>
|
<div>
|
||||||
<%= link_to "/" do %>
|
<%= link_to "/" do %>
|
||||||
<img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
|
<img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
<div class="container min-h-screen mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||||
<div class="flex justify-between items-center my-8">
|
<div class="flex justify-between items-center my-8">
|
||||||
<h1 class="text-3xl font-bold text-gray-900">Événements à venir</h1>
|
<h1 class="text-3xl font-bold text-gray-900">Événements à venir</h1>
|
||||||
<div class="text-sm text-gray-500">
|
<div class="text-sm text-gray-500">
|
||||||
|
|||||||
@@ -14,8 +14,7 @@
|
|||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Lucide Icons -->
|
<!-- Lucide Icons loaded via npm package -->
|
||||||
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
|
|
||||||
|
|
||||||
<%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
|
<%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
|
||||||
<%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
|
<%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
|
||||||
|
|||||||
11
app/views/layouts/pdf.html.erb
Normal file
11
app/views/layouts/pdf.html.erb
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title><%= yield :title %></title>
|
||||||
|
<%= stylesheet_link_tag "pdf" %>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<%= yield %>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
104
app/views/orders/show.html.erb
Normal file
104
app/views/orders/show.html.erb
Normal file
@@ -0,0 +1,104 @@
|
|||||||
|
<div class="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 py-8">
|
||||||
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<!-- Breadcrumb -->
|
||||||
|
<nav class="mb-8" aria-label="Breadcrumb">
|
||||||
|
<ol class="flex items-center space-x-2 text-sm">
|
||||||
|
<%= link_to root_path, class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
|
||||||
|
<svg class="w-4 h-4 inline-block mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/>
|
||||||
|
</svg>
|
||||||
|
Accueil
|
||||||
|
<% end %>
|
||||||
|
<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 events_path, class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
|
||||||
|
Événements
|
||||||
|
<% end %>
|
||||||
|
<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 %>
|
||||||
|
<%= @order.event.name %>
|
||||||
|
<% end %>
|
||||||
|
<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>
|
||||||
|
<li class="font-medium text-gray-900" aria-current="page">Commande #<%= @order.id %></li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="bg-white rounded-2xl shadow-xl p-6 md:p-8">
|
||||||
|
<div class="border-b border-gray-200 pb-6 mb-6">
|
||||||
|
<h1 class="text-2xl font-bold text-gray-900 mb-2">Détails de la commande</h1>
|
||||||
|
<div class="flex items-center text-sm text-gray-600 space-x-4">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
|
||||||
|
</svg>
|
||||||
|
Commande #<%= @order.id %>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||||||
|
</svg>
|
||||||
|
<%= @order.status.titleize %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Order Items -->
|
||||||
|
<div class="space-y-4 mb-6">
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 mb-4">Billets commandés</h3>
|
||||||
|
<% @tickets.each do |ticket| %>
|
||||||
|
<div class="flex items-center justify-between py-4 border-b border-gray-100 last:border-b-0">
|
||||||
|
<div class="flex-1 min-w-0">
|
||||||
|
<h4 class="text-sm font-medium text-gray-900"><%= ticket.ticket_type.name %></h4>
|
||||||
|
<div class="flex items-center text-xs text-gray-500 mt-1">
|
||||||
|
<svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
|
||||||
|
</svg>
|
||||||
|
<%= ticket.first_name %> <%= ticket.last_name %>
|
||||||
|
</div>
|
||||||
|
<div class="text-xs text-gray-500 mt-1">
|
||||||
|
Statut: <%= ticket.status.titleize %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-right">
|
||||||
|
<div class="text-lg font-semibold text-gray-900"><%= ticket.price_euros %>€</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
<!-- Order Total -->
|
||||||
|
<div class="border-t border-gray-200 pt-6">
|
||||||
|
<div class="flex items-center justify-between text-lg">
|
||||||
|
<span class="font-medium text-gray-900">Total</span>
|
||||||
|
<span class="font-bold text-2xl text-purple-600"><%= @order.total_amount_euros %>€</span>
|
||||||
|
</div>
|
||||||
|
<p class="text-xs text-gray-500 mt-2">TVA incluse</p>
|
||||||
|
</div>
|
||||||
|
<!-- 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 %>
|
||||||
|
<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"/>
|
||||||
|
</svg>
|
||||||
|
Retour à l'événement
|
||||||
|
</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 %>
|
||||||
|
<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"/>
|
||||||
|
</svg>
|
||||||
|
Procéder au paiement
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||||
<!-- Hero section with metrics -->
|
<!-- Hero section with metrics -->
|
||||||
<div class="mb-8">
|
<div class="mt-4 mb-8">
|
||||||
<div class="flex items-center justify-between mb-6">
|
<div class="flex items-center justify-between mb-6">
|
||||||
<h1 class="text-3xl font-bold text-slate-900 dark:text-slate-100">Tableau de bord</h1>
|
<h1 class="text-3xl font-bold text-slate-900 dark:text-slate-100">Tableau de bord</h1>
|
||||||
|
|
||||||
|
|||||||
@@ -76,37 +76,37 @@
|
|||||||
<section class="section features-section">
|
<section class="section features-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="section-header">
|
<div class="section-header">
|
||||||
<h2 class="section-title">Why Choose Aperonight?</h2>
|
<h2 class="section-title">Pourquoi choisir Aperonight ?</h2>
|
||||||
<p class="section-description">We curate premium experiences that connect professionals and create lasting relationships.</p>
|
<p class="section-description">Nous sélectionnons des expériences premium qui connectent les professionnels et créent des relations durables.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="features-grid">
|
<div class="features-grid">
|
||||||
<div class="feature-card">
|
<div class="feature-card">
|
||||||
<div class="feature-icon">
|
<div class="feature-icon">
|
||||||
<i data-lucide="crown"></i>
|
<i data-lucide="crown"></i>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="feature-title">Premium Curation</h3>
|
<h3 class="feature-title">Sélection Premium</h3>
|
||||||
<p class="feature-description">Every event is carefully selected and designed to provide exceptional value and networking opportunities.</p>
|
<p class="feature-description">Chaque événement est soigneusement sélectionné et conçu pour offrir une valeur exceptionnelle et des opportunités de réseautage.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="feature-card">
|
<div class="feature-card">
|
||||||
<div class="feature-icon">
|
<div class="feature-icon">
|
||||||
<i data-lucide="shield-check"></i>
|
<i data-lucide="shield-check"></i>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="feature-title">Secure & Trusted</h3>
|
<h3 class="feature-title">Sécurisé et Fiable</h3>
|
||||||
<p class="feature-description">Safe payments, verified venues, and trusted community with comprehensive insurance coverage.</p>
|
<p class="feature-description">Paiements sécurisés, lieux vérifiés et communauté de confiance avec couverture d'assurance complète.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="feature-card">
|
<div class="feature-card">
|
||||||
<div class="feature-icon">
|
<div class="feature-icon">
|
||||||
<i data-lucide="users-2"></i>
|
<i data-lucide="users-2"></i>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="feature-title">Quality Networking</h3>
|
<h3 class="feature-title">Réseautage de Qualité</h3>
|
||||||
<p class="feature-description">Connect with verified professionals, entrepreneurs, and industry leaders in intimate settings.</p>
|
<p class="feature-description">Connectez-vous avec des professionnels vérifiés, des entrepreneurs et des leaders de l'industrie dans des environnements intimes.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="feature-card">
|
<div class="feature-card">
|
||||||
<div class="feature-icon">
|
<div class="feature-icon">
|
||||||
<i data-lucide="zap"></i>
|
<i data-lucide="zap"></i>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="feature-title">Instant Booking</h3>
|
<h3 class="feature-title">Réservation Instantanée</h3>
|
||||||
<p class="feature-description">Seamless reservation process with instant confirmation and easy event management.</p>
|
<p class="feature-description">Processus de réservation fluide avec confirmation instantanée et gestion d'événement facile.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -118,19 +118,19 @@
|
|||||||
<div class="stats-grid">
|
<div class="stats-grid">
|
||||||
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
|
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
|
||||||
<span class="stat-number" data-target-value="150">0</span>
|
<span class="stat-number" data-target-value="150">0</span>
|
||||||
<div class="stat-label">Monthly Events</div>
|
<div class="stat-label">Événements Mensuels</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
|
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
|
||||||
<span class="stat-number" data-target-value="5200">0</span>
|
<span class="stat-number" data-target-value="5200">0</span>
|
||||||
<div class="stat-label">Active Members</div>
|
<div class="stat-label">Membres Actifs</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
|
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
|
||||||
<span class="stat-number" data-target-value="200">0</span>
|
<span class="stat-number" data-target-value="200">0</span>
|
||||||
<div class="stat-label">Partner Venues</div>
|
<div class="stat-label">Lieux Partenaires</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
|
<div class="stat-item" data-controller="counter" data-action="counter:scroll->counter#animate">
|
||||||
<span class="stat-number" data-target-value="98">0</span>
|
<span class="stat-number" data-target-value="98">0</span>
|
||||||
<div class="stat-label">Satisfaction Rate</div>
|
<div class="stat-label">Taux de Satisfaction</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -140,17 +140,13 @@
|
|||||||
<section class="cta-section">
|
<section class="cta-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="cta-content">
|
<div class="cta-content">
|
||||||
<h2>Ready to Join the Community?</h2>
|
<h2>Prêt à rejoindre la communauté ?</h2>
|
||||||
<p>Start discovering amazing events and connect with like-minded professionals in your city.</p>
|
<p>Commencez à découvrir des événements incroyables et connectez-vous avec des professionnels partageant les mêmes idées dans votre ville.</p>
|
||||||
<div style="display: flex; gap: var(--space-4); justify-content: center; flex-wrap: wrap;">
|
<div style="display: flex; gap: var(--space-4); justify-content: center; flex-wrap: wrap;">
|
||||||
<button class="btn btn-lg" style="background: white; color: var(--color-primary-600); border: 2px solid white;">
|
<%= link_to new_user_registration_path, class: "btn btn-lg bg-white border-2 border-white text-blue-600 hover:bg-blue-400 hover:text-white" do %>
|
||||||
<i data-lucide="user-plus"></i>
|
<i data-lucide="user-plus"></i>
|
||||||
Join Now - Free
|
Rejoindre gratuitement
|
||||||
</button>
|
<% end %>
|
||||||
<button class="btn btn-lg btn-ghost" style="border: 2px solid rgba(255,255,255,0.5); color: white;">
|
|
||||||
<i data-lucide="calendar"></i>
|
|
||||||
Browse Events
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
98
app/views/tickets/_pdf_ticket.html.erb
Normal file
98
app/views/tickets/_pdf_ticket.html.erb
Normal file
@@ -0,0 +1,98 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Ticket #<%= ticket.id %></title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #000000;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ticket-container {
|
||||||
|
max-width: 350px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 20px;
|
||||||
|
border: 1px solid #e5e7eb;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header h1 {
|
||||||
|
color: #2D1B69;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-name {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-name h2 {
|
||||||
|
color: #000000;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ticket-info {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-row {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.qr-code-section {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.qr-code-container svg {
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="ticket-container">
|
||||||
|
<div class="header">
|
||||||
|
<h1>ApéroNight</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="event-name">
|
||||||
|
<h2><%= ticket.event.name %></h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ticket-info">
|
||||||
|
<div class="info-row">
|
||||||
|
<strong>Ticket Holder:</strong> <%= ticket.first_name %> <%= ticket.last_name %>
|
||||||
|
</div>
|
||||||
|
<div class="info-row">
|
||||||
|
<strong>Ticket Type:</strong> <%= ticket.ticket_type.name %>
|
||||||
|
</div>
|
||||||
|
<div class="info-row">
|
||||||
|
<strong>Price:</strong> €<%= ticket.price_euros %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="qr-code-section">
|
||||||
|
<div class="qr-code-container">
|
||||||
|
<%= raw ticket.generate_qr_svg %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -1,30 +1,30 @@
|
|||||||
<div class="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 py-8">
|
<div class="min-h-screen bg-gradient-to-br from-slate-50 to-slate-100 py-8">
|
||||||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<!-- Breadcrumb -->
|
<!-- Breadcrumb -->
|
||||||
<nav class="mb-8" aria-label="Breadcrumb">
|
<nav class="mb-8" aria-label="Breadcrumb">
|
||||||
<ol class="flex items-center space-x-2 text-sm">
|
<ol class="flex items-center space-x-2 text-sm">
|
||||||
<%= link_to root_path, class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
|
<%= link_to root_path, class: "text-slate-500 hover:text-purple-600 transition-colors duration-200" do %>
|
||||||
<svg class="w-4 h-4 inline-block mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-4 h-4 inline-block mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/>
|
<path stroke-linecap="round" stroke-linejoin="round" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/>
|
||||||
</svg>
|
</svg>
|
||||||
Accueil
|
Accueil
|
||||||
<% end %>
|
<% end %>
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-4 h-4 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
|
||||||
</svg>
|
</svg>
|
||||||
<%= link_to dashboard_path, class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
|
<%= link_to dashboard_path, class: "text-slate-500 hover:text-purple-600 transition-colors duration-200" do %>
|
||||||
Tableau de bord
|
Tableau de bord
|
||||||
<% end %>
|
<% end %>
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-4 h-4 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
|
||||||
</svg>
|
</svg>
|
||||||
<li class="font-medium text-gray-900" aria-current="page">Billet #<%= @ticket.id %></li>
|
<li class="font-medium text-slate-900" aria-current="page">Billet #<%= @ticket.id %></li>
|
||||||
</ol>
|
</ol>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="bg-white rounded-2xl shadow-xl overflow-hidden">
|
<div class="bg-white rounded-2xl shadow-xl overflow-hidden border border-slate-200">
|
||||||
<!-- Ticket Header -->
|
<!-- Ticket Header -->
|
||||||
<div class="bg-gradient-to-r from-purple-600 to-indigo-600 px-8 py-6">
|
<div class="bg-gradient-to-r from-purple-600 to-violet-600 px-8 py-6">
|
||||||
<div class="flex items-center justify-between">
|
<div class="flex items-center justify-between">
|
||||||
<div>
|
<div>
|
||||||
<h1 class="text-2xl md:text-3xl font-bold text-white mb-2">Billet Électronique</h1>
|
<h1 class="text-2xl md:text-3xl font-bold text-white mb-2">Billet Électronique</h1>
|
||||||
@@ -33,12 +33,12 @@
|
|||||||
<div class="text-right">
|
<div class="text-right">
|
||||||
<div class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium <%=
|
<div class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium <%=
|
||||||
case @ticket.status
|
case @ticket.status
|
||||||
when 'active' then 'bg-green-100 text-green-800'
|
when 'active' then 'bg-emerald-100 text-emerald-800'
|
||||||
when 'draft' then 'bg-yellow-100 text-yellow-800'
|
when 'draft' then 'bg-amber-100 text-amber-800'
|
||||||
when 'used' then 'bg-gray-100 text-gray-800'
|
when 'used' then 'bg-slate-100 text-slate-800'
|
||||||
when 'expired' then 'bg-red-100 text-red-800'
|
when 'expired' then 'bg-red-100 text-red-800'
|
||||||
when 'refunded' then 'bg-blue-100 text-blue-800'
|
when 'refunded' then 'bg-sky-100 text-sky-800'
|
||||||
else 'bg-gray-100 text-gray-800'
|
else 'bg-slate-100 text-slate-800'
|
||||||
end %>">
|
end %>">
|
||||||
<%=
|
<%=
|
||||||
case @ticket.status
|
case @ticket.status
|
||||||
@@ -58,47 +58,49 @@
|
|||||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
||||||
<!-- Event Details -->
|
<!-- Event Details -->
|
||||||
<div>
|
<div>
|
||||||
<h2 class="text-xl font-semibold text-gray-900 mb-6">Détails de l'événement</h2>
|
<h2 class="text-xl font-semibold text-slate-900 mb-6">Détails de l'événement</h2>
|
||||||
|
|
||||||
<div class="space-y-4">
|
<div class="space-y-6">
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-gray-500 mb-1">Événement</label>
|
<label class="block text-sm font-medium text-slate-500 mb-2">Événement</label>
|
||||||
<p class="text-lg font-semibold text-gray-900"><%= @event.name %></p>
|
<p class="text-lg font-semibold text-slate-900"><%= @event.name %></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-gray-500 mb-1">Date et heure</label>
|
<label class="block text-sm font-medium text-slate-500 mb-2">Date et heure</label>
|
||||||
<div class="flex items-center text-gray-900">
|
<div class="flex items-start text-slate-900">
|
||||||
<svg class="w-4 h-4 mr-2 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-4 h-4 mr-2 mt-0.5 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
|
<path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
|
||||||
</svg>
|
</svg>
|
||||||
<%= @event.start_time.strftime("%d %B %Y") %><br>
|
<div>
|
||||||
<small class="text-gray-600"><%= @event.start_time.strftime("%H:%M") %></small>
|
<div class="font-medium"><%= @event.start_time.strftime("%d %B %Y") %></div>
|
||||||
|
<div class="text-sm text-slate-600"><%= @event.start_time.strftime("%H:%M") %></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-gray-500 mb-1">Lieu</label>
|
<label class="block text-sm font-medium text-slate-500 mb-2">Lieu</label>
|
||||||
<div class="flex items-center text-gray-900">
|
<div class="flex items-center text-slate-900">
|
||||||
<svg class="w-4 h-4 mr-2 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-4 h-4 mr-2 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
|
<path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
|
<path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
|
||||||
</svg>
|
</svg>
|
||||||
<%= @event.venue_name %>
|
<span class="font-medium"><%= @event.venue_name %></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-gray-500 mb-1">Type de billet</label>
|
<label class="block text-sm font-medium text-slate-500 mb-2">Type de billet</label>
|
||||||
<p class="text-gray-900 font-medium"><%= @ticket.ticket_type.name %></p>
|
<p class="text-slate-900 font-medium mb-1"><%= @ticket.ticket_type.name %></p>
|
||||||
<p class="text-sm text-gray-600"><%= @ticket.ticket_type.description %></p>
|
<p class="text-sm text-slate-600"><%= @ticket.ticket_type.description %></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-gray-500 mb-1">Prix</label>
|
<label class="block text-sm font-medium text-slate-500 mb-2">Prix</label>
|
||||||
<p class="text-xl font-bold text-gray-900">
|
<p class="text-2xl font-bold text-slate-900">
|
||||||
<%= number_to_currency(@ticket.price_euros, unit: "€", separator: ",", delimiter: " ", format: "%n %u") %>
|
<%= number_to_currency(@ticket.price_euros, unit: "€", separator: ",", delimiter: " ", format: "%n %u") %>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -107,38 +109,36 @@
|
|||||||
|
|
||||||
<!-- Ticket Details -->
|
<!-- Ticket Details -->
|
||||||
<div>
|
<div>
|
||||||
<h2 class="text-xl font-semibold text-gray-900 mb-6">Informations du billet</h2>
|
<h2 class="text-xl font-semibold text-slate-900 mb-6">Informations du billet</h2>
|
||||||
|
|
||||||
<div class="space-y-4">
|
<div class="space-y-6">
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-gray-500 mb-1">Prénom</label>
|
<label class="block text-sm font-medium text-slate-500 mb-2">Prénom</label>
|
||||||
<p class="text-gray-900 font-medium"><%= @ticket.first_name %></p>
|
<p class="text-slate-900 font-medium"><%= @ticket.first_name %></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-gray-500 mb-1">Nom</label>
|
<label class="block text-sm font-medium text-slate-500 mb-2">Nom</label>
|
||||||
<p class="text-gray-900 font-medium"><%= @ticket.last_name %></p>
|
<p class="text-slate-900 font-medium"><%= @ticket.last_name %></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-gray-500 mb-1">Date d'achat</label>
|
<label class="block text-sm font-medium text-slate-500 mb-2">Date d'achat</label>
|
||||||
<p class="text-gray-900"><%= @ticket.created_at.strftime("%d %B %Y à %H:%M") %></p>
|
<p class="text-slate-900 font-medium"><%= @ticket.created_at.strftime("%d %B %Y à %H:%M") %></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-gray-500 mb-1">Code QR</label>
|
<label class="block text-sm font-medium text-slate-500 mb-2">QR Code</label>
|
||||||
<div class="bg-gray-50 rounded-lg p-4 text-center">
|
<div class="bg-slate-50 rounded-xl p-6 text-center border border-slate-200">
|
||||||
<div class="inline-block bg-white p-4 rounded-lg shadow-sm">
|
<div class="inline-block bg-white p-4 rounded-xl shadow-sm border border-slate-200">
|
||||||
<!-- QR Code would be generated here -->
|
<div class="w-64 h-64 flex items-center justify-center">
|
||||||
<div class="w-32 h-32 bg-gray-200 rounded flex items-center justify-center">
|
<%= raw @ticket.generate_qr_svg %>
|
||||||
<svg class="w-12 h-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M16 20h4M4 12h4m12 0h.01M5 8h2a1 1 0 001-1V5a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1zm12 0h2a1 1 0 001-1V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 001 1zM5 20h2a1 1 0 001-1v-2a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1z"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="text-xs text-gray-500 mt-2 font-mono"><%= @ticket.qr_code %></p>
|
<p class="text-xs text-slate-500 mt-3 font-mono tracking-wider"><%= @ticket.qr_code[0..7]... %></p>
|
||||||
|
<p class="text-xs text-slate-400 mt-1">Scannez ce code à l'entrée</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -146,21 +146,21 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Actions -->
|
<!-- Actions -->
|
||||||
<div class="mt-8 pt-6 border-t border-gray-200">
|
<div class="mt-8 pt-6 border-t border-slate-200">
|
||||||
<div class="flex flex-col sm:flex-row gap-4">
|
<div class="flex flex-col sm:flex-row gap-4">
|
||||||
<%= link_to dashboard_path,
|
<%= link_to dashboard_path,
|
||||||
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" do %>
|
class: "flex items-center justify-center px-6 py-3 border border-slate-300 text-slate-700 rounded-xl hover:bg-slate-50 hover:border-slate-400 font-medium transition-all duration-200" do %>
|
||||||
<svg class="w-4 h-4 inline-block mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16l-4-4m0 0l4-4m-4 4h18"/>
|
<path stroke-linecap="round" stroke-linejoin="round" d="M7 16l-4-4m0 0l4-4m-4 4h18"/>
|
||||||
</svg>
|
</svg>
|
||||||
Retour au tableau de bord
|
Retour au tableau de bord
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
<% if @ticket.status == 'active' %>
|
<% if @ticket.status == 'active' %>
|
||||||
<%= link_to "#",
|
<%= link_to download_ticket_path(@ticket.id),
|
||||||
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 text-center" do %>
|
class: "flex-1 flex items-center justify-center bg-gradient-to-r from-purple-600 to-violet-600 hover:from-purple-700 hover:to-violet-700 text-white font-medium py-3 px-6 rounded-xl shadow-sm hover:shadow-md transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 transform hover:-translate-y-0.5" do %>
|
||||||
<svg class="w-4 h-4 inline-block mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
|
||||||
</svg>
|
</svg>
|
||||||
Télécharger le PDF
|
Télécharger le PDF
|
||||||
<% end %>
|
<% end %>
|
||||||
@@ -169,17 +169,26 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Important Notice -->
|
<!-- Important Notice -->
|
||||||
<div class="mt-6 bg-blue-50 border border-blue-200 rounded-lg p-4">
|
<div class="mt-6 bg-sky-50 border border-sky-200 rounded-xl p-6">
|
||||||
<div class="flex items-start">
|
<div class="flex items-start">
|
||||||
<svg class="w-5 h-5 text-blue-600 mr-2 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-5 h-5 text-sky-600 mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
<path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||||||
</svg>
|
</svg>
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<h3 class="text-blue-800 font-medium mb-1">Informations importantes</h3>
|
<h3 class="text-sky-800 font-semibold mb-2">Informations importantes</h3>
|
||||||
<ul class="text-blue-700 text-sm space-y-1">
|
<ul class="text-sky-700 text-sm space-y-2">
|
||||||
<li>• Présentez ce billet (ou son code QR) à l'entrée de l'événement</li>
|
<li class="flex items-start">
|
||||||
<li>• Arrivez en avance pour éviter les files d'attente</li>
|
<span class="w-1.5 h-1.5 bg-sky-600 rounded-full mt-2 mr-3 flex-shrink-0"></span>
|
||||||
<li>• En cas de problème, contactez l'organisateur</li>
|
Présentez ce billet (ou son code QR) à l'entrée de l'événement
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="w-1.5 h-1.5 bg-sky-600 rounded-full mt-2 mr-3 flex-shrink-0"></span>
|
||||||
|
Arrivez en avance pour éviter les files d'attente
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="w-1.5 h-1.5 bg-sky-600 rounded-full mt-2 mr-3 flex-shrink-0"></span>
|
||||||
|
En cas de problème, contactez l'organisateur
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
14
app/views/tickets/show.pdf.erb
Normal file
14
app/views/tickets/show.pdf.erb
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
<% content_for :title, "Ticket ##{ticket.id}" %>
|
||||||
|
|
||||||
|
<div style="font-family: Arial, sans-serif; max-width: 350px; margin: 20px auto; padding: 20px; border: 1px solid #ccc;">
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<h1 style="color: #2D1B69;">ApéroNight</h1>
|
||||||
|
</div>
|
||||||
|
<h2><%= ticket.event.name %></h2>
|
||||||
|
<p>Ticket Holder: <%= ticket.first_name %> <%= ticket.last_name %></p>
|
||||||
|
<p>Ticket Type: <%= ticket.ticket_type.name %></p>
|
||||||
|
<p>Price: €<%= ticket.price_euros %></p>
|
||||||
|
<div style="text-align: center; margin-top: 20px;">
|
||||||
|
<%= raw ticket.generate_qr_svg %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
118
app/views/tickets/ticket_view.html.erb
Normal file
118
app/views/tickets/ticket_view.html.erb
Normal file
@@ -0,0 +1,118 @@
|
|||||||
|
<% content_for :title, "Billet ##{@ticket.id} - #{@ticket.event.name}" %>
|
||||||
|
|
||||||
|
<div class="min-h-screen bg-slate-100 py-8">
|
||||||
|
<div class="max-w-md mx-auto px-4">
|
||||||
|
<!-- Ticket Card -->
|
||||||
|
<div class="max-w-md bg-white rounded-xl shadow-2xl overflow-hidden mx-auto border border-slate-200">
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="bg-gradient-to-r from-purple-700 to-violet-600 text-center py-6 px-6">
|
||||||
|
<h1 class="text-2xl font-bold text-white mb-2">ApéroNight</h1>
|
||||||
|
<div class="w-16 h-0.5 bg-purple-200 mx-auto rounded-full"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Event Name -->
|
||||||
|
<div class="text-center py-4 px-6 bg-purple-50 border-b border-purple-100">
|
||||||
|
<h2 class="text-xl font-bold text-slate-900 leading-tight"><%= @ticket.event.name %></h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Ticket Information -->
|
||||||
|
<div class="p-6 space-y-4">
|
||||||
|
<!-- Ticket Holder -->
|
||||||
|
<div class="flex justify-between items-center py-2 border-b border-slate-100">
|
||||||
|
<span class="text-sm font-medium text-slate-600">Porteur du billet:</span>
|
||||||
|
<span class="text-sm font-semibold text-slate-900 text-right"><%= @ticket.first_name %> <%= @ticket.last_name %></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Ticket Type -->
|
||||||
|
<div class="flex justify-between items-center py-2 border-b border-slate-100">
|
||||||
|
<span class="text-sm font-medium text-slate-600">Type de billet:</span>
|
||||||
|
<span class="text-sm font-semibold text-slate-900"><%= @ticket.ticket_type.name %></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Price -->
|
||||||
|
<div class="flex justify-between items-center py-2 border-b border-slate-100">
|
||||||
|
<span class="text-sm font-medium text-slate-600">Prix:</span>
|
||||||
|
<span class="text-sm font-semibold text-slate-900">
|
||||||
|
<%= number_to_currency(@ticket.price_euros, unit: "€", separator: ",", delimiter: " ", format: "%n %u") %>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Date & Time -->
|
||||||
|
<div class="flex justify-between items-center py-2 border-b border-slate-100">
|
||||||
|
<span class="text-sm font-medium text-slate-600">Date & Heure:</span>
|
||||||
|
<div class="text-right">
|
||||||
|
<div class="text-sm font-semibold text-slate-900"><%= @ticket.event.start_time.strftime("%d %B %Y") %></div>
|
||||||
|
<div class="text-xs text-slate-600"><%= @ticket.event.start_time.strftime("%H:%M") %></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Venue -->
|
||||||
|
<div class="py-2 border-b border-slate-100">
|
||||||
|
<span class="text-sm font-medium text-slate-600 block mb-1">Lieu :</span>
|
||||||
|
<div class="text-sm font-semibold text-slate-900"><%= @ticket.event.venue_name %></div>
|
||||||
|
<% if @ticket.event.venue_address.present? %>
|
||||||
|
<div class="text-xs text-slate-600 mt-1"><%= @ticket.event.venue_address %></div>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- QR Code Section -->
|
||||||
|
<div class="bg-slate-50 p-6 text-center border-t border-slate-200">
|
||||||
|
<h3 class="text-sm font-semibold text-slate-900 mb-4">Code QR du billet</h3>
|
||||||
|
<div class="inline-block bg-white p-6 rounded-xl shadow-sm border border-slate-200">
|
||||||
|
<div class="w-52 h-52 flex items-center justify-center qr-code-container">
|
||||||
|
<%= raw @ticket.generate_qr_svg %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="text-xs text-slate-500 mt-3 font-mono tracking-wider">QR: <%= @ticket.qr_code[0..7] %>...</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Footer Notice -->
|
||||||
|
<div class="bg-slate-100 px-6 py-4 text-center border-t border-slate-200">
|
||||||
|
<div class="space-y-2">
|
||||||
|
<p class="text-xs text-slate-600">Ce billet est valide pour une seule entrée.</p>
|
||||||
|
<p class="text-xs text-slate-600">Présentez ce billet à l'entrée du lieu.</p>
|
||||||
|
<div class="pt-2 border-t border-slate-200">
|
||||||
|
<p class="text-xs text-slate-500">
|
||||||
|
Généré le <%= Time.current.strftime('%d %B %Y à %H:%M') %>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Action Buttons -->
|
||||||
|
<div class="p-4 bg-white border-t border-slate-200">
|
||||||
|
<div class="flex space-x-2">
|
||||||
|
<%= link_to ticket_path(@ticket),
|
||||||
|
class: "flex-1 flex items-center justify-center bg-slate-100 hover:bg-slate-200 text-slate-700 py-2.5 px-3 rounded-lg text-sm font-medium transition-colors duration-200" do %>
|
||||||
|
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
|
||||||
|
</svg>
|
||||||
|
Vue détaillée
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<% if @ticket.status == 'active' %>
|
||||||
|
<%= link_to download_ticket_path(@ticket.id),
|
||||||
|
class: "flex-1 flex items-center justify-center bg-purple-600 hover:bg-purple-700 text-white py-2.5 px-3 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm hover:shadow-md" do %>
|
||||||
|
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
|
||||||
|
</svg>
|
||||||
|
PDF
|
||||||
|
<% end %>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Navigation -->
|
||||||
|
<div class="text-center mt-6">
|
||||||
|
<%= link_to dashboard_path, class: "inline-flex items-center text-purple-600 hover:text-purple-800 text-sm font-medium transition-colors duration-200" do %>
|
||||||
|
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" d="M7 16l-4-4m0 0l4-4m-4 4h18"/>
|
||||||
|
</svg>
|
||||||
|
Retour au tableau de bord
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1,225 +0,0 @@
|
|||||||
# Authentication Messages Implementation Plan
|
|
||||||
|
|
||||||
## Overview
|
|
||||||
This document outlines the implementation of error/warn/info messages for login, registration, logout, password reset, and other authentication flows based on the existing purple/pink theme.
|
|
||||||
|
|
||||||
## Current State Analysis
|
|
||||||
- **Theme**: Purple/pink gradient system with neutral colors
|
|
||||||
- **Authentication**: Devise with custom controllers
|
|
||||||
- **Missing**: Flash message display system
|
|
||||||
- **Existing**: Only form validation errors are displayed
|
|
||||||
|
|
||||||
## Implementation Steps
|
|
||||||
|
|
||||||
### 1. Flash Message Component
|
|
||||||
Create a reusable flash message component that integrates with the theme.
|
|
||||||
|
|
||||||
### 2. CSS Classes for Message Types
|
|
||||||
Add theme-consistent styles for different message types:
|
|
||||||
- Success (green/purple)
|
|
||||||
- Error (red)
|
|
||||||
- Warning (yellow/orange)
|
|
||||||
- Info (blue)
|
|
||||||
|
|
||||||
### 3. JavaScript Enhancement
|
|
||||||
Add auto-dismiss functionality and animations
|
|
||||||
|
|
||||||
### 4. Integration
|
|
||||||
Update layouts and views to use the new message system
|
|
||||||
|
|
||||||
## Files to Create/Update
|
|
||||||
|
|
||||||
### A. Flash Message Partial
|
|
||||||
**File**: `app/views/shared/_flash_messages.html.erb`
|
|
||||||
```erb
|
|
||||||
<% flash.each do |type, message| %>
|
|
||||||
<% if message.present? %>
|
|
||||||
<div class="flash-message <%= flash_class(type) %> animate-fade-in" data-controller="flash-message">
|
|
||||||
<div class="flex items-start">
|
|
||||||
<div class="flex-shrink-0">
|
|
||||||
<%= flash_icon(type) %>
|
|
||||||
</div>
|
|
||||||
<div class="ml-3 flex-1">
|
|
||||||
<p class="text-sm font-medium"><%= message %></p>
|
|
||||||
</div>
|
|
||||||
<div class="ml-4 flex-shrink-0 flex">
|
|
||||||
<button data-action="click->flash-message#close" class="inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500">
|
|
||||||
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
|
|
||||||
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<% end %>
|
|
||||||
<% end %>
|
|
||||||
```
|
|
||||||
|
|
||||||
### B. Flash Message Styling
|
|
||||||
**File**: `app/assets/stylesheets/components/flash.css`
|
|
||||||
```css
|
|
||||||
/* Flash Messages - Theme Integration */
|
|
||||||
.flash-message {
|
|
||||||
@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flash-message .flash-container {
|
|
||||||
@apply rounded-lg p-4 shadow-md border;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flash-message-success .flash-container {
|
|
||||||
@apply bg-gradient-to-r from-green-50 to-purple-50 border-green-200 text-green-800;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flash-message-error .flash-container {
|
|
||||||
@apply bg-gradient-to-r from-red-50 to-pink-50 border-red-200 text-red-800;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flash-message-warning .flash-container {
|
|
||||||
@apply bg-gradient-to-r from-yellow-50 to-orange-50 border-yellow-200 text-yellow-800;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flash-message-info .flash-container {
|
|
||||||
@apply bg-gradient-to-r from-blue-50 to-purple-50 border-blue-200 text-blue-800;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flash-message-notice .flash-container {
|
|
||||||
@apply bg-gradient-to-r from-purple-50 to-pink-50 border-purple-200 text-purple-800;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flash-message-alert .flash-container {
|
|
||||||
@apply bg-gradient-to-r from-red-50 to-pink-50 border-red-200 text-red-800;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### C. Helper Methods
|
|
||||||
**File**: `app/helpers/flash_messages_helper.rb`
|
|
||||||
```ruby
|
|
||||||
module FlashMessagesHelper
|
|
||||||
def flash_class(type)
|
|
||||||
case type.to_s
|
|
||||||
when 'notice' then 'flash-message-success'
|
|
||||||
when 'success' then 'flash-message-success'
|
|
||||||
when 'error' then 'flash-message-error'
|
|
||||||
when 'alert' then 'flash-message-error'
|
|
||||||
when 'warning' then 'flash-message-warning'
|
|
||||||
when 'info' then 'flash-message-info'
|
|
||||||
else "flash-message-#{type}"
|
|
||||||
end
|
|
||||||
end
|
|
||||||
|
|
||||||
def flash_icon(type)
|
|
||||||
case type.to_s
|
|
||||||
when 'notice', 'success'
|
|
||||||
content_tag :svg, class: "h-5 w-5 text-green-400", fill: "currentColor", viewBox: "0 0 20 20" do
|
|
||||||
content_tag :path, "", "fill-rule": "evenodd", "d": "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule": "evenodd"
|
|
||||||
end
|
|
||||||
when 'error', 'alert'
|
|
||||||
content_tag :svg, class: "h-5 w-5 text-red-400", fill: "currentColor", viewBox: "0 0 20 20" do
|
|
||||||
content_tag :path, "", "fill-rule": "evenodd", "d": "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", "clip-rule": "evenodd"
|
|
||||||
end
|
|
||||||
when 'warning'
|
|
||||||
content_tag :svg, class: "h-5 w-5 text-yellow-400", fill: "currentColor", viewBox: "0 0 20 20" do
|
|
||||||
content_tag :path, "", "fill-rule": "evenodd", "d": "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", "clip-rule": "evenodd"
|
|
||||||
end
|
|
||||||
else
|
|
||||||
content_tag :svg, class: "h-5 w-5 text-blue-400", fill: "currentColor", viewBox: "0 0 20 20" do
|
|
||||||
content_tag :path, "", "fill-rule": "evenodd", "d": "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", "clip-rule": "evenodd"
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
### D. JavaScript Controller
|
|
||||||
**File**: `app/javascript/controllers/flash_message_controller.js`
|
|
||||||
```javascript
|
|
||||||
import { Controller } from "@hotwired/stimulus"
|
|
||||||
|
|
||||||
export default class extends Controller {
|
|
||||||
static targets = ["message"]
|
|
||||||
|
|
||||||
connect() {
|
|
||||||
// Auto-dismiss after 5 seconds
|
|
||||||
this.timeout = setTimeout(() => {
|
|
||||||
this.close()
|
|
||||||
}, 5000)
|
|
||||||
}
|
|
||||||
|
|
||||||
disconnect() {
|
|
||||||
if (this.timeout) {
|
|
||||||
clearTimeout(this.timeout)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
close() {
|
|
||||||
this.element.classList.add('opacity-0', 'transition-opacity', 'duration-300')
|
|
||||||
setTimeout(() => {
|
|
||||||
this.element.remove()
|
|
||||||
}, 300)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### E. Update Application Layout
|
|
||||||
**File**: `app/views/layouts/application.html.erb` (add flash messages)
|
|
||||||
```erb
|
|
||||||
<body class="h-full font-sans text-neutral-900 antialiased">
|
|
||||||
<div class="min-h-full">
|
|
||||||
<%= render "components/header" %>
|
|
||||||
|
|
||||||
<main class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
|
||||||
<%= render "shared/flash_messages" %>
|
|
||||||
<%= yield %>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<%= render "components/footer" %>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
```
|
|
||||||
|
|
||||||
### F. Update Authentication Views
|
|
||||||
Update all Devise views to remove the old error display and rely on flash messages.
|
|
||||||
|
|
||||||
## Testing Checklist
|
|
||||||
|
|
||||||
### Authentication Flows to Test:
|
|
||||||
1. **Registration**
|
|
||||||
- Successful registration
|
|
||||||
- Registration with validation errors
|
|
||||||
- Email confirmation
|
|
||||||
|
|
||||||
2. **Login**
|
|
||||||
- Successful login
|
|
||||||
- Invalid credentials
|
|
||||||
- Account locked/unconfirmed
|
|
||||||
|
|
||||||
3. **Password Reset**
|
|
||||||
- Request reset email
|
|
||||||
- Reset password success/failure
|
|
||||||
|
|
||||||
4. **Account Management**
|
|
||||||
- Update profile
|
|
||||||
- Change password
|
|
||||||
- Delete account
|
|
||||||
|
|
||||||
### Message Types to Verify:
|
|
||||||
- [ ] Success messages (green/purple)
|
|
||||||
- [ ] Error messages (red/pink)
|
|
||||||
- [ ] Warning messages (yellow/orange)
|
|
||||||
- [ ] Info messages (blue/purple)
|
|
||||||
|
|
||||||
## Implementation Order
|
|
||||||
1. Create CSS classes and theme integration
|
|
||||||
2. Create helper methods
|
|
||||||
3. Create partial templates
|
|
||||||
4. Add to application layout
|
|
||||||
5. Test each authentication flow
|
|
||||||
6. Add JavaScript enhancements
|
|
||||||
|
|
||||||
## Notes
|
|
||||||
- All messages use the existing purple/pink theme colors
|
|
||||||
- Responsive design for mobile/desktop
|
|
||||||
- Auto-dismiss functionality with manual close option
|
|
||||||
- Smooth animations and transitions
|
|
||||||
- Accessibility compliant with focus indicators
|
|
||||||
13
bun.lock
Executable file → Normal file
13
bun.lock
Executable file → Normal file
@@ -7,13 +7,12 @@
|
|||||||
"@hotwired/stimulus": "^3.2.2",
|
"@hotwired/stimulus": "^3.2.2",
|
||||||
"@hotwired/turbo-rails": "^8.0.13",
|
"@hotwired/turbo-rails": "^8.0.13",
|
||||||
"@radix-ui/react-slot": "^1.2.3",
|
"@radix-ui/react-slot": "^1.2.3",
|
||||||
|
"lucide": "^0.542.0",
|
||||||
"react": "^18.3.1",
|
"react": "^18.3.1",
|
||||||
"react-dom": "^18.3.1",
|
"react-dom": "^18.3.1",
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@tailwindcss/postcss": "^4.1.4",
|
"@tailwindcss/postcss": "^4.1.4",
|
||||||
"@types/alpinejs": "^3.13.11",
|
|
||||||
"alpinejs": "^3.14.9",
|
|
||||||
"autoprefixer": "^10.4.21",
|
"autoprefixer": "^10.4.21",
|
||||||
"class-variance-authority": "^0.7.1",
|
"class-variance-authority": "^0.7.1",
|
||||||
"clsx": "^2.1.1",
|
"clsx": "^2.1.1",
|
||||||
@@ -105,16 +104,8 @@
|
|||||||
|
|
||||||
"@tootallnate/quickjs-emscripten": ["@tootallnate/quickjs-emscripten@0.23.0", "", {}, "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA=="],
|
"@tootallnate/quickjs-emscripten": ["@tootallnate/quickjs-emscripten@0.23.0", "", {}, "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA=="],
|
||||||
|
|
||||||
"@types/alpinejs": ["@types/alpinejs@3.13.11", "", {}, "sha512-3KhGkDixCPiLdL3Z/ok1GxHwLxEWqQOKJccgaQL01wc0EVM2tCTaqlC3NIedmxAXkVzt/V6VTM8qPgnOHKJ1MA=="],
|
|
||||||
|
|
||||||
"@vue/reactivity": ["@vue/reactivity@3.1.5", "", { "dependencies": { "@vue/shared": "3.1.5" } }, "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg=="],
|
|
||||||
|
|
||||||
"@vue/shared": ["@vue/shared@3.1.5", "", {}, "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA=="],
|
|
||||||
|
|
||||||
"agent-base": ["agent-base@7.1.4", "", {}, "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ=="],
|
"agent-base": ["agent-base@7.1.4", "", {}, "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ=="],
|
||||||
|
|
||||||
"alpinejs": ["alpinejs@3.14.9", "", { "dependencies": { "@vue/reactivity": "~3.1.1" } }, "sha512-gqSOhTEyryU9FhviNqiHBHzgjkvtukq9tevew29fTj+ofZtfsYriw4zPirHHOAy9bw8QoL3WGhyk7QqCh5AYlw=="],
|
|
||||||
|
|
||||||
"amp": ["amp@0.3.1", "", {}, "sha512-OwIuC4yZaRogHKiuU5WlMR5Xk/jAcpPtawWL05Gj8Lvm2F6mwoJt4O/bHI+DHwG79vWd+8OFYM4/BzYqyRd3qw=="],
|
"amp": ["amp@0.3.1", "", {}, "sha512-OwIuC4yZaRogHKiuU5WlMR5Xk/jAcpPtawWL05Gj8Lvm2F6mwoJt4O/bHI+DHwG79vWd+8OFYM4/BzYqyRd3qw=="],
|
||||||
|
|
||||||
"amp-message": ["amp-message@0.1.2", "", { "dependencies": { "amp": "0.3.1" } }, "sha512-JqutcFwoU1+jhv7ArgW38bqrE+LQdcRv4NxNw0mp0JHQyB6tXesWRjtYKlDgHRY2o3JE5UTaBGUK8kSWUdxWUg=="],
|
"amp-message": ["amp-message@0.1.2", "", { "dependencies": { "amp": "0.3.1" } }, "sha512-JqutcFwoU1+jhv7ArgW38bqrE+LQdcRv4NxNw0mp0JHQyB6tXesWRjtYKlDgHRY2o3JE5UTaBGUK8kSWUdxWUg=="],
|
||||||
@@ -351,6 +342,8 @@
|
|||||||
|
|
||||||
"lru-cache": ["lru-cache@7.18.3", "", {}, "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA=="],
|
"lru-cache": ["lru-cache@7.18.3", "", {}, "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA=="],
|
||||||
|
|
||||||
|
"lucide": ["lucide@0.542.0", "", {}, "sha512-+EtDSHjqg/nONgCfnjHCNd84OzbDjxR8ShnOf+oImlU+A8gqlptZ6pGrMCnhEDw8pVNQv3zu/L0eDvMzcc7nWA=="],
|
||||||
|
|
||||||
"magic-string": ["magic-string@0.30.17", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0" } }, "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA=="],
|
"magic-string": ["magic-string@0.30.17", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0" } }, "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA=="],
|
||||||
|
|
||||||
"mdn-data": ["mdn-data@2.12.2", "", {}, "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA=="],
|
"mdn-data": ["mdn-data@2.12.2", "", {}, "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA=="],
|
||||||
|
|||||||
@@ -1,47 +0,0 @@
|
|||||||
# Checkout Process Implementation Summary
|
|
||||||
|
|
||||||
## Database Changes
|
|
||||||
|
|
||||||
1. **Migration**: Added `first_name` and `last_name` fields to the `tickets` table
|
|
||||||
- File: `db/migrate/20250828143000_add_names_to_tickets.rb`
|
|
||||||
|
|
||||||
## Model Changes
|
|
||||||
|
|
||||||
1. **Ticket Model**:
|
|
||||||
- Added validations for `first_name` and `last_name` when required by ticket type
|
|
||||||
- Added `requires_names?` method to check if names are required based on ticket type
|
|
||||||
|
|
||||||
## Controller Changes
|
|
||||||
|
|
||||||
1. **Events Controller**:
|
|
||||||
- Modified `checkout` action to redirect to name collection when tickets require names
|
|
||||||
- Added `collect_names` action to display form for collecting ticket holder names
|
|
||||||
- Added `process_names` action to handle submitted names and proceed to payment
|
|
||||||
- Updated `payment_success` action to create tickets with names when provided
|
|
||||||
|
|
||||||
## View Changes
|
|
||||||
|
|
||||||
1. **Events Show View**:
|
|
||||||
- Added `change` event listener to quantity inputs in ticket cards
|
|
||||||
|
|
||||||
2. **Ticket Card Component**:
|
|
||||||
- Added `change` event listener to quantity inputs
|
|
||||||
|
|
||||||
3. **New View**:
|
|
||||||
- Created `app/views/events/collect_names.html.erb` for collecting ticket holder names
|
|
||||||
|
|
||||||
## Route Changes
|
|
||||||
|
|
||||||
1. **New Routes**:
|
|
||||||
- `GET events/:slug.:id/names` - Collect names for tickets requiring identification
|
|
||||||
- `POST events/:slug.:id/names` - Process submitted names and proceed to payment
|
|
||||||
|
|
||||||
## JavaScript Changes
|
|
||||||
|
|
||||||
1. **Ticket Cart Controller**:
|
|
||||||
- No changes needed as name collection is handled server-side
|
|
||||||
|
|
||||||
## Outstanding Tasks
|
|
||||||
|
|
||||||
1. Run the database migration in the Docker environment once gem issues are resolved
|
|
||||||
2. Test the complete checkout flow with name collection
|
|
||||||
@@ -26,6 +26,5 @@ module Aperonight
|
|||||||
|
|
||||||
config.i18n.load_path += Dir[Rails.root.join("my", "locales", "*.{rb,yml}")]
|
config.i18n.load_path += Dir[Rails.root.join("my", "locales", "*.{rb,yml}")]
|
||||||
# config.i18n.default_locale = :fr
|
# config.i18n.default_locale = :fr
|
||||||
|
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ Devise.setup do |config|
|
|||||||
# Configure the e-mail address which will be shown in Devise::Mailer,
|
# Configure the e-mail address which will be shown in Devise::Mailer,
|
||||||
# note that it will be overwritten if you use your own mailer class
|
# note that it will be overwritten if you use your own mailer class
|
||||||
# with default "from" parameter.
|
# with default "from" parameter.
|
||||||
config.mailer_sender = 'please-change-me-at-config-initializers-devise@example.com'
|
config.mailer_sender = "please-change-me-at-config-initializers-devise@example.com"
|
||||||
|
|
||||||
# Configure the class responsible to send e-mails.
|
# Configure the class responsible to send e-mails.
|
||||||
# config.mailer = 'Devise::Mailer'
|
# config.mailer = 'Devise::Mailer'
|
||||||
@@ -36,7 +36,7 @@ Devise.setup do |config|
|
|||||||
# Load and configure the ORM. Supports :active_record (default) and
|
# Load and configure the ORM. Supports :active_record (default) and
|
||||||
# :mongoid (bson_ext recommended) by default. Other ORMs may be
|
# :mongoid (bson_ext recommended) by default. Other ORMs may be
|
||||||
# available as additional gems.
|
# available as additional gems.
|
||||||
require 'devise/orm/active_record'
|
require "devise/orm/active_record"
|
||||||
|
|
||||||
# ==> Configuration for any authentication mechanism
|
# ==> Configuration for any authentication mechanism
|
||||||
# Configure which keys are used when authenticating a user. The default is
|
# Configure which keys are used when authenticating a user. The default is
|
||||||
@@ -58,12 +58,12 @@ Devise.setup do |config|
|
|||||||
# Configure which authentication keys should be case-insensitive.
|
# Configure which authentication keys should be case-insensitive.
|
||||||
# These keys will be downcased upon creating or modifying a user and when used
|
# These keys will be downcased upon creating or modifying a user and when used
|
||||||
# to authenticate or find a user. Default is :email.
|
# to authenticate or find a user. Default is :email.
|
||||||
config.case_insensitive_keys = [:email]
|
config.case_insensitive_keys = [ :email ]
|
||||||
|
|
||||||
# Configure which authentication keys should have whitespace stripped.
|
# Configure which authentication keys should have whitespace stripped.
|
||||||
# These keys will have whitespace before and after removed upon creating or
|
# These keys will have whitespace before and after removed upon creating or
|
||||||
# modifying a user and when used to authenticate or find a user. Default is :email.
|
# modifying a user and when used to authenticate or find a user. Default is :email.
|
||||||
config.strip_whitespace_keys = [:email]
|
config.strip_whitespace_keys = [ :email ]
|
||||||
|
|
||||||
# Tell if authentication through request.params is enabled. True by default.
|
# Tell if authentication through request.params is enabled. True by default.
|
||||||
# It can be set to an array that will enable params authentication only for the
|
# It can be set to an array that will enable params authentication only for the
|
||||||
@@ -97,7 +97,7 @@ Devise.setup do |config|
|
|||||||
# Notice that if you are skipping storage for all authentication paths, you
|
# Notice that if you are skipping storage for all authentication paths, you
|
||||||
# may want to disable generating routes to Devise's sessions controller by
|
# may want to disable generating routes to Devise's sessions controller by
|
||||||
# passing skip: :sessions to `devise_for` in your config/routes.rb
|
# passing skip: :sessions to `devise_for` in your config/routes.rb
|
||||||
config.skip_session_storage = [:http_auth]
|
config.skip_session_storage = [ :http_auth ]
|
||||||
|
|
||||||
# By default, Devise cleans up the CSRF token on authentication to
|
# By default, Devise cleans up the CSRF token on authentication to
|
||||||
# avoid CSRF token fixation attacks. This means that, when using AJAX
|
# avoid CSRF token fixation attacks. This means that, when using AJAX
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
Rails.application.configure do
|
Rails.application.configure do
|
||||||
# Load environment variables from .env file if dotenv is not available
|
# Load environment variables from .env file if dotenv is not available
|
||||||
env_file = Rails.root.join('.env')
|
env_file = Rails.root.join(".env")
|
||||||
if File.exist?(env_file) && !defined?(Dotenv)
|
if File.exist?(env_file) && !defined?(Dotenv)
|
||||||
File.readlines(env_file).each do |line|
|
File.readlines(env_file).each do |line|
|
||||||
next if line.strip.empty? || line.start_with?('#')
|
next if line.strip.empty? || line.start_with?("#")
|
||||||
key, value = line.split('=', 2)
|
key, value = line.split("=", 2)
|
||||||
ENV[key.strip] = value.strip if key && value
|
ENV[key.strip] = value.strip if key && value
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -25,10 +25,10 @@ Rails.application.routes.draw do
|
|||||||
sign_up: "signup" # Route for user registration
|
sign_up: "signup" # Route for user registration
|
||||||
},
|
},
|
||||||
controllers: {
|
controllers: {
|
||||||
sessions: "authentications/sessions", # Custom controller for sessions
|
sessions: "auth/sessions", # Custom controller for sessions
|
||||||
registrations: "authentications/registrations", # Custom controller for registrations
|
registrations: "auth/registrations", # Custom controller for registrations
|
||||||
passwords: "authentications/passwords", # Custom controller for passwords
|
passwords: "auth/passwords", # Custom controller for passwords
|
||||||
confirmation: "authentications/confirmations" # Custom controller for confirmations
|
confirmation: "auth/confirmations" # Custom controller for confirmations
|
||||||
}
|
}
|
||||||
|
|
||||||
# === Pages ===
|
# === Pages ===
|
||||||
@@ -39,10 +39,10 @@ Rails.application.routes.draw do
|
|||||||
get "events/:slug.:id", to: "events#show", as: "event"
|
get "events/:slug.:id", to: "events#show", as: "event"
|
||||||
|
|
||||||
# === Orders (scoped to events) ===
|
# === Orders (scoped to events) ===
|
||||||
get "events/:slug.:id/orders/new", to: "orders#new", as: "event_order_new"
|
get "orders/new/events/:slug.:id", to: "orders#new", as: "event_order_new"
|
||||||
post "events/:slug.:id/orders", to: "orders#create", as: "event_order_create"
|
post "orders/create/events/:slug.:id", to: "orders#create", as: "event_order_create"
|
||||||
|
|
||||||
resources :orders, only: [:show] do
|
resources :orders, only: [ :show ] do
|
||||||
member do
|
member do
|
||||||
get :checkout
|
get :checkout
|
||||||
post :retry_payment
|
post :retry_payment
|
||||||
@@ -50,17 +50,19 @@ Rails.application.routes.draw do
|
|||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
get "orders/payments/success", to: "orders#payment_success", as: "order_payment_success"
|
get "orders/payments/success", to: "orders#payment_success", as: "order_payment_success"
|
||||||
get "orders/payments/cancel", to: "orders#payment_cancel", as: "order_payment_cancel"
|
get "orders/payments/cancel", to: "orders#payment_cancel", as: "order_payment_cancel"
|
||||||
|
|
||||||
# Legacy ticket routes - redirect to order system
|
# legacy routes
|
||||||
get "events/:slug.:id/tickets/checkout", to: "tickets#checkout", as: "ticket_checkout"
|
get "payments/success", to: "tickets#payment_success", as: "payment_success"
|
||||||
post "events/:slug.:id/tickets/retry", to: "tickets#retry_payment", as: "ticket_retry_payment"
|
get "payments/cancel", to: "tickets#payment_cancel", as: "payment_cancel"
|
||||||
get "payments/success", to: "tickets#payment_success", as: "payment_success"
|
|
||||||
get "payments/cancel", to: "tickets#payment_cancel", as: "payment_cancel"
|
|
||||||
|
|
||||||
# === Tickets ===
|
# === Tickets ===
|
||||||
get "tickets/:ticket_id/download", to: "events#download_ticket", as: "download_ticket"
|
get "tickets/checkout/events/:slug.:id", to: "tickets#checkout", as: "ticket_checkout"
|
||||||
|
post "tickets/retry/events/:slug.:id", to: "tickets#retry_payment", as: "ticket_retry_payment"
|
||||||
|
get "tickets/:ticket_id", to: "tickets#show", as: "ticket"
|
||||||
|
get "tickets/:ticket_id/view", to: "tickets#ticket_view", as: "ticket_view"
|
||||||
|
get "tickets/:ticket_id/download", to: "tickets#download_ticket", as: "download_ticket"
|
||||||
|
|
||||||
# === Promoter Routes ===
|
# === Promoter Routes ===
|
||||||
namespace :promoter do
|
namespace :promoter do
|
||||||
|
|||||||
@@ -43,6 +43,11 @@ class DeviseCreateUsers < ActiveRecord::Migration[8.0]
|
|||||||
# t.string :company_email, null: true # Email de la société
|
# t.string :company_email, null: true # Email de la société
|
||||||
# t.string :company_website, null: true # Site web de la société
|
# t.string :company_website, null: true # Site web de la société
|
||||||
|
|
||||||
|
# Link user to Stripe customer
|
||||||
|
# We assume user does not have a stripe account yet
|
||||||
|
# we will create a stripe customer when user makes a payment
|
||||||
|
t.string :stripe_customer_id, null: true
|
||||||
|
|
||||||
t.timestamps null: false
|
t.timestamps null: false
|
||||||
end
|
end
|
||||||
|
|
||||||
@@ -50,5 +55,6 @@ class DeviseCreateUsers < ActiveRecord::Migration[8.0]
|
|||||||
add_index :users, :reset_password_token, unique: true
|
add_index :users, :reset_password_token, unique: true
|
||||||
# add_index :users, :confirmation_token, unique: true
|
# add_index :users, :confirmation_token, unique: true
|
||||||
# add_index :users, :unlock_token, unique: true
|
# add_index :users, :unlock_token, unique: true
|
||||||
|
# add_index :users, :stripe_customer_id
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
class CreateOrders < ActiveRecord::Migration[8.0]
|
class CreateOrders < ActiveRecord::Migration[8.0]
|
||||||
def change
|
def change
|
||||||
create_table :orders do |t|
|
create_table :orders do |t|
|
||||||
t.references :user, null: false, foreign_key: true
|
t.references :user, null: false, foreign_key: false
|
||||||
t.references :event, null: false, foreign_key: true
|
t.references :event, null: false, foreign_key: false
|
||||||
t.string :status, null: false, default: 'draft'
|
t.string :status, null: false, default: "draft"
|
||||||
t.integer :total_amount_cents, null: false, default: 0
|
t.integer :total_amount_cents, null: false, default: 0
|
||||||
t.integer :payment_attempts, null: false, default: 0
|
t.integer :payment_attempts, null: false, default: 0
|
||||||
t.timestamp :expires_at
|
t.timestamp :expires_at
|
||||||
@@ -13,8 +13,8 @@ class CreateOrders < ActiveRecord::Migration[8.0]
|
|||||||
end
|
end
|
||||||
|
|
||||||
# Indexes for performance
|
# Indexes for performance
|
||||||
add_index :orders, [:user_id, :status], name: 'idx_orders_user_status'
|
add_index :orders, [ :user_id, :status ], name: 'idx_orders_user_status'
|
||||||
add_index :orders, [:event_id, :status], name: 'idx_orders_event_status'
|
add_index :orders, [ :event_id, :status ], name: 'idx_orders_event_status'
|
||||||
add_index :orders, :expires_at, name: 'idx_orders_expires_at'
|
add_index :orders, :expires_at, name: 'idx_orders_expires_at'
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
@@ -10,8 +10,8 @@ class CreateTickets < ActiveRecord::Migration[8.0]
|
|||||||
t.string :last_name
|
t.string :last_name
|
||||||
|
|
||||||
# Tickets belong to orders (orders handle payment logic)
|
# Tickets belong to orders (orders handle payment logic)
|
||||||
t.references :order, null: false, foreign_key: true
|
t.references :order, null: false, foreign_key: false
|
||||||
t.references :ticket_type, null: false, foreign_key: true
|
t.references :ticket_type, null: false, foreign_key: false
|
||||||
|
|
||||||
t.timestamps
|
t.timestamps
|
||||||
end
|
end
|
||||||
|
|||||||
23
db/schema.rb
generated
23
db/schema.rb
generated
@@ -10,7 +10,7 @@
|
|||||||
#
|
#
|
||||||
# It's strongly recommended that you check this file into your version control system.
|
# It's strongly recommended that you check this file into your version control system.
|
||||||
|
|
||||||
ActiveRecord::Schema[8.0].define(version: 2025_09_02_003043) do
|
ActiveRecord::Schema[8.0].define(version: 2025_08_23_171354) do
|
||||||
create_table "events", charset: "utf8mb4", collation: "utf8mb4_uca1400_ai_ci", force: :cascade do |t|
|
create_table "events", charset: "utf8mb4", collation: "utf8mb4_uca1400_ai_ci", force: :cascade do |t|
|
||||||
t.string "name", null: false
|
t.string "name", null: false
|
||||||
t.string "slug", null: false
|
t.string "slug", null: false
|
||||||
@@ -36,17 +36,17 @@ ActiveRecord::Schema[8.0].define(version: 2025_09_02_003043) do
|
|||||||
create_table "orders", charset: "utf8mb4", collation: "utf8mb4_uca1400_ai_ci", force: :cascade do |t|
|
create_table "orders", charset: "utf8mb4", collation: "utf8mb4_uca1400_ai_ci", force: :cascade do |t|
|
||||||
t.bigint "user_id", null: false
|
t.bigint "user_id", null: false
|
||||||
t.bigint "event_id", null: false
|
t.bigint "event_id", null: false
|
||||||
t.integer "total_amount_cents", default: 0, null: false
|
|
||||||
t.string "status", default: "draft", null: false
|
t.string "status", default: "draft", null: false
|
||||||
|
t.integer "total_amount_cents", default: 0, null: false
|
||||||
t.integer "payment_attempts", default: 0, null: false
|
t.integer "payment_attempts", default: 0, null: false
|
||||||
t.datetime "expires_at"
|
t.timestamp "expires_at"
|
||||||
t.datetime "last_payment_attempt_at"
|
t.timestamp "last_payment_attempt_at"
|
||||||
t.datetime "created_at", null: false
|
t.datetime "created_at", null: false
|
||||||
t.datetime "updated_at", null: false
|
t.datetime "updated_at", null: false
|
||||||
t.index ["event_id", "status"], name: "index_orders_on_event_id_and_status"
|
t.index ["event_id", "status"], name: "idx_orders_event_status"
|
||||||
t.index ["event_id"], name: "index_orders_on_event_id"
|
t.index ["event_id"], name: "index_orders_on_event_id"
|
||||||
t.index ["expires_at"], name: "index_orders_on_expires_at"
|
t.index ["expires_at"], name: "idx_orders_expires_at"
|
||||||
t.index ["user_id", "status"], name: "index_orders_on_user_id_and_status"
|
t.index ["user_id", "status"], name: "idx_orders_user_status"
|
||||||
t.index ["user_id"], name: "index_orders_on_user_id"
|
t.index ["user_id"], name: "index_orders_on_user_id"
|
||||||
end
|
end
|
||||||
|
|
||||||
@@ -58,10 +58,10 @@ ActiveRecord::Schema[8.0].define(version: 2025_09_02_003043) do
|
|||||||
t.datetime "sale_start_at"
|
t.datetime "sale_start_at"
|
||||||
t.datetime "sale_end_at"
|
t.datetime "sale_end_at"
|
||||||
t.integer "minimum_age"
|
t.integer "minimum_age"
|
||||||
|
t.boolean "requires_id", default: false, null: false
|
||||||
t.bigint "event_id", null: false
|
t.bigint "event_id", null: false
|
||||||
t.datetime "created_at", null: false
|
t.datetime "created_at", null: false
|
||||||
t.datetime "updated_at", null: false
|
t.datetime "updated_at", null: false
|
||||||
t.boolean "requires_id", default: false, null: false
|
|
||||||
t.index ["event_id"], name: "index_ticket_types_on_event_id"
|
t.index ["event_id"], name: "index_ticket_types_on_event_id"
|
||||||
t.index ["sale_end_at"], name: "index_ticket_types_on_sale_end_at"
|
t.index ["sale_end_at"], name: "index_ticket_types_on_sale_end_at"
|
||||||
t.index ["sale_start_at"], name: "index_ticket_types_on_sale_start_at"
|
t.index ["sale_start_at"], name: "index_ticket_types_on_sale_start_at"
|
||||||
@@ -73,10 +73,10 @@ ActiveRecord::Schema[8.0].define(version: 2025_09_02_003043) do
|
|||||||
t.string "status", default: "draft"
|
t.string "status", default: "draft"
|
||||||
t.string "first_name"
|
t.string "first_name"
|
||||||
t.string "last_name"
|
t.string "last_name"
|
||||||
|
t.bigint "order_id", null: false
|
||||||
t.bigint "ticket_type_id", null: false
|
t.bigint "ticket_type_id", null: false
|
||||||
t.datetime "created_at", null: false
|
t.datetime "created_at", null: false
|
||||||
t.datetime "updated_at", null: false
|
t.datetime "updated_at", null: false
|
||||||
t.bigint "order_id", null: false
|
|
||||||
t.index ["order_id"], name: "index_tickets_on_order_id"
|
t.index ["order_id"], name: "index_tickets_on_order_id"
|
||||||
t.index ["qr_code"], name: "index_tickets_on_qr_code", unique: true
|
t.index ["qr_code"], name: "index_tickets_on_qr_code", unique: true
|
||||||
t.index ["ticket_type_id"], name: "index_tickets_on_ticket_type_id"
|
t.index ["ticket_type_id"], name: "index_tickets_on_ticket_type_id"
|
||||||
@@ -91,13 +91,10 @@ ActiveRecord::Schema[8.0].define(version: 2025_09_02_003043) do
|
|||||||
t.string "last_name"
|
t.string "last_name"
|
||||||
t.string "first_name"
|
t.string "first_name"
|
||||||
t.string "company_name"
|
t.string "company_name"
|
||||||
|
t.string "stripe_customer_id"
|
||||||
t.datetime "created_at", null: false
|
t.datetime "created_at", null: false
|
||||||
t.datetime "updated_at", null: false
|
t.datetime "updated_at", null: false
|
||||||
t.index ["email"], name: "index_users_on_email", unique: true
|
t.index ["email"], name: "index_users_on_email", unique: true
|
||||||
t.index ["reset_password_token"], name: "index_users_on_reset_password_token", unique: true
|
t.index ["reset_password_token"], name: "index_users_on_reset_password_token", unique: true
|
||||||
end
|
end
|
||||||
|
|
||||||
add_foreign_key "orders", "events"
|
|
||||||
add_foreign_key "orders", "users"
|
|
||||||
add_foreign_key "tickets", "orders"
|
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -1,157 +0,0 @@
|
|||||||
# Application.js Size Optimization Guide
|
|
||||||
|
|
||||||
## Current Issue
|
|
||||||
The `application.js` bundle is 1.4MB (2.3MB with source maps), which is significantly larger than recommended.
|
|
||||||
|
|
||||||
## Root Causes
|
|
||||||
1. **Single bundle includes everything**: All dependencies, React, controllers, and components
|
|
||||||
2. **No code splitting**: Everything is bundled into one file
|
|
||||||
3. **Development dependencies**: Alpine.js and other dev tools included
|
|
||||||
4. **No minification/optimization**: Source maps and uncompressed code
|
|
||||||
|
|
||||||
## Optimization Strategies
|
|
||||||
|
|
||||||
### 1. Split Bundles (Recommended)
|
|
||||||
Create separate bundles for different parts of the application:
|
|
||||||
|
|
||||||
**Update package.json build scripts:**
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"scripts": {
|
|
||||||
"build": "npm run build:main && npm run build:components",
|
|
||||||
"build:main": "esbuild app/javascript/application.js --bundle --minify --sourcemap --format=esm --outdir=app/assets/builds --public-path=/assets",
|
|
||||||
"build:components": "esbuild app/javascript/components/*.* --bundle --minify --format=esm --outdir=app/assets/builds/components --public-path=/assets --loader:.js=jsx",
|
|
||||||
"build:css": "postcss ./app/assets/stylesheets/application.postcss.css -o ./app/assets/builds/application.css"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### 2. Remove Unused Dependencies
|
|
||||||
**package.json optimization:**
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"dependencies": {
|
|
||||||
"@hotwired/stimulus": "^3.2.2",
|
|
||||||
"@hotwired/turbo-rails": "^8.0.13",
|
|
||||||
"@radix-ui/react-slot": "^1.2.3",
|
|
||||||
"react": "^18.3.1",
|
|
||||||
"react-dom": "^18.3.1"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@tailwindcss/postcss": "^4.1.4",
|
|
||||||
"class-variance-authority": "^0.7.1",
|
|
||||||
"clsx": "^2.1.1",
|
|
||||||
"esbuild": "^0.25.4",
|
|
||||||
"postcss": "^8.5.3",
|
|
||||||
"tailwind-merge": "^3.3.1",
|
|
||||||
"tailwindcss": "^4.1.4",
|
|
||||||
"tailwindcss-animate": "^1.0.7"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
**Remove these from devDependencies:**
|
|
||||||
- `alpinejs` - if not used
|
|
||||||
- `@types/alpinejs` - if Alpine.js removed
|
|
||||||
- `cssnano` - if using Tailwind's built-in minification
|
|
||||||
- `pm2` - production deployment tool
|
|
||||||
|
|
||||||
### 3. Dynamic Imports (Code Splitting)
|
|
||||||
**Update application.js:**
|
|
||||||
```javascript
|
|
||||||
// Instead of importing everything statically
|
|
||||||
import "@hotwired/turbo-rails"
|
|
||||||
import "./controllers"
|
|
||||||
|
|
||||||
// Use dynamic imports for heavy components
|
|
||||||
const loadComponent = async (componentName) => {
|
|
||||||
const { default: component } = await import(`./components/${componentName}`)
|
|
||||||
return component
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### 4. Tree Shaking & Minification
|
|
||||||
**Enhanced build command:**
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"build": "esbuild app/javascript/application.js --bundle --minify --tree-shaking --drop:console --drop:debugger --sourcemap=external --format=esm --outdir=app/assets/builds --public-path=/assets"
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### 5. Separate Vendor Bundle
|
|
||||||
**Create vendor.js:**
|
|
||||||
```javascript
|
|
||||||
// app/javascript/vendor.js
|
|
||||||
import "react"
|
|
||||||
import "react-dom"
|
|
||||||
import "@radix-ui/react-slot"
|
|
||||||
```
|
|
||||||
|
|
||||||
**Update build to create vendor bundle:**
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"build:vendor": "esbuild app/javascript/vendor.js --bundle --minify --format=esm --outdir=app/assets/builds --public-path=/assets",
|
|
||||||
"build:app": "esbuild app/javascript/application.js --bundle --minify --external:react --external:react-dom --format=esm --outdir=app/assets/builds --public-path=/assets"
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### 6. Conditional Loading
|
|
||||||
**Lazy load heavy components:**
|
|
||||||
```javascript
|
|
||||||
// app/javascript/application.js
|
|
||||||
if (document.querySelector('[data-controller="shadcn-test"]')) {
|
|
||||||
import('./controllers/shadcn_test_controller')
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### 7. Production Optimization Checklist
|
|
||||||
|
|
||||||
**Step 1: Analyze bundle size**
|
|
||||||
```bash
|
|
||||||
npm install --save-dev webpack-bundle-analyzer
|
|
||||||
npx esbuild app/javascript/application.js --bundle --analyze
|
|
||||||
```
|
|
||||||
|
|
||||||
**Step 2: Implement optimizations**
|
|
||||||
```bash
|
|
||||||
# Remove unused dependencies
|
|
||||||
npm uninstall alpinejs @types/alpinejs cssnano pm2
|
|
||||||
|
|
||||||
# Update build scripts
|
|
||||||
npm run build
|
|
||||||
```
|
|
||||||
|
|
||||||
**Step 3: Verify size reduction**
|
|
||||||
Should reduce from 1.4MB to ~200-400KB
|
|
||||||
|
|
||||||
## Quick Fix Commands
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# 1. Remove Alpine.js (if unused)
|
|
||||||
npm uninstall alpinejs @types/alpinejs
|
|
||||||
|
|
||||||
# 2. Update build with optimization
|
|
||||||
npm install --save-dev esbuild@latest
|
|
||||||
|
|
||||||
# 3. Modify package.json scripts
|
|
||||||
# (Copy the optimized scripts above)
|
|
||||||
|
|
||||||
# 4. Build with optimization
|
|
||||||
npm run build
|
|
||||||
```
|
|
||||||
|
|
||||||
## Expected Results
|
|
||||||
- **Before**: 1.4MB application.js
|
|
||||||
- **After**: 200-400KB with code splitting
|
|
||||||
- **Vendor bundle**: ~100KB (cached)
|
|
||||||
- **App bundle**: ~100-300KB (dynamic)
|
|
||||||
|
|
||||||
## Monitoring
|
|
||||||
Add bundle size monitoring to CI/CD:
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"size-limits": {
|
|
||||||
"app/assets/builds/application.js": "500kb",
|
|
||||||
"app/assets/builds/application.css": "50kb"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,363 +0,0 @@
|
|||||||
# Aperonight - Technical Architecture
|
|
||||||
|
|
||||||
## Overview
|
|
||||||
|
|
||||||
Aperonight is a Ruby on Rails web application designed for proposing night parties in Paris and allowing event makers to create their own events. The application serves two primary user groups:
|
|
||||||
|
|
||||||
### For Customers:
|
|
||||||
- View upcoming and past parties
|
|
||||||
- Book tickets with customizable bundles (simple entry, VIP, group passes, etc.)
|
|
||||||
- Complete secure payments via credit card, PayPal, or bank transfer
|
|
||||||
- Access mobile-friendly interface for ticket management
|
|
||||||
- Receive unique, scannable tickets (QR codes)
|
|
||||||
|
|
||||||
### For Promoters:
|
|
||||||
- Create and schedule parties
|
|
||||||
- Define custom ticket bundles and pricing
|
|
||||||
- Aggregate events from external platforms (Shogun, Bizouk, Weezevent)
|
|
||||||
- Scan tickets at events using mobile devices
|
|
||||||
|
|
||||||
## Technical Architecture
|
|
||||||
|
|
||||||
### 1. Database Schema
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
# User - Handles both customers and promoters
|
|
||||||
create_table :users do |t|
|
|
||||||
t.string :email
|
|
||||||
t.string :password_digest
|
|
||||||
t.string :role # customer or promoter
|
|
||||||
t.timestamps
|
|
||||||
end
|
|
||||||
|
|
||||||
# Event - Events created by promoters
|
|
||||||
create_table :events do |t|
|
|
||||||
t.string :name
|
|
||||||
t.text :description
|
|
||||||
t.datetime :start_time
|
|
||||||
t.datetime :end_time
|
|
||||||
t.string :location
|
|
||||||
t.integer :promoter_id
|
|
||||||
t.timestamps
|
|
||||||
end
|
|
||||||
|
|
||||||
# TicketType - Customizable bundles defined by promoters
|
|
||||||
create_table :ticket_types do |t|
|
|
||||||
t.string :name
|
|
||||||
t.text :description
|
|
||||||
t.decimal :price
|
|
||||||
t.integer :event_id
|
|
||||||
t.timestamps
|
|
||||||
end
|
|
||||||
|
|
||||||
# Ticket - Individual ticket instances purchased by customers
|
|
||||||
create_table :tickets do |t|
|
|
||||||
t.string :uuid
|
|
||||||
t.string :qr_code
|
|
||||||
t.integer :event_id
|
|
||||||
t.integer :user_id
|
|
||||||
t.integer :ticket_type_id
|
|
||||||
t.boolean :used, default: false
|
|
||||||
t.timestamps
|
|
||||||
end
|
|
||||||
|
|
||||||
# Payment - Transaction records for ticket purchases
|
|
||||||
create_table :payments do |t|
|
|
||||||
t.string :payment_method # credit_card, paypal, bank_account
|
|
||||||
t.string :transaction_id
|
|
||||||
t.integer :user_id
|
|
||||||
t.integer :ticket_id
|
|
||||||
t.decimal :amount
|
|
||||||
t.timestamps
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
### 2. Core Models
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
class User < ApplicationRecord
|
|
||||||
devise :database_authenticatable, :registerable,
|
|
||||||
:recoverable, :rememberable, :validatable
|
|
||||||
has_many :tickets
|
|
||||||
has_many :payments
|
|
||||||
has_many :parties, foreign_key: 'promoter_id'
|
|
||||||
end
|
|
||||||
|
|
||||||
class Event < ApplicationRecord
|
|
||||||
belongs_to :promoter, class_name: 'User'
|
|
||||||
has_many :tickets
|
|
||||||
has_many :ticket_types
|
|
||||||
end
|
|
||||||
|
|
||||||
class TicketType < ApplicationRecord
|
|
||||||
belongs_to :event
|
|
||||||
has_many :tickets
|
|
||||||
end
|
|
||||||
|
|
||||||
class Ticket < ApplicationRecord
|
|
||||||
belongs_to :event
|
|
||||||
belongs_to :user
|
|
||||||
belongs_to :ticket_type
|
|
||||||
has_one :payment
|
|
||||||
|
|
||||||
before_create :generate_uuid_and_qr_code
|
|
||||||
|
|
||||||
private
|
|
||||||
|
|
||||||
def generate_uuid_and_qr_code
|
|
||||||
self.uuid = SecureRandom.uuid
|
|
||||||
self.qr_code = RQRCode::QRCode.new(self.uuid).as_svg
|
|
||||||
end
|
|
||||||
end
|
|
||||||
|
|
||||||
class Payment < ApplicationRecord
|
|
||||||
belongs_to :user
|
|
||||||
belongs_to :ticket
|
|
||||||
|
|
||||||
enum payment_method: {
|
|
||||||
credit_card: 'credit_card',
|
|
||||||
paypal: 'paypal',
|
|
||||||
bank_account: 'bank_account'
|
|
||||||
}
|
|
||||||
|
|
||||||
after_create :process_payment
|
|
||||||
|
|
||||||
private
|
|
||||||
|
|
||||||
def process_payment
|
|
||||||
case self.payment_method
|
|
||||||
when 'credit_card'
|
|
||||||
process_stripe_payment
|
|
||||||
when 'paypal'
|
|
||||||
process_paypal_payment
|
|
||||||
when 'bank_account'
|
|
||||||
process_bank_account_payment
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
### 3. Key Controllers
|
|
||||||
|
|
||||||
#### Parties Controller
|
|
||||||
```ruby
|
|
||||||
class PartiesController < ApplicationController
|
|
||||||
before_action :authenticate_user!
|
|
||||||
before_action :set_event, only: [:show, :edit, :update, :destroy]
|
|
||||||
|
|
||||||
def index
|
|
||||||
@parties = Event.all
|
|
||||||
end
|
|
||||||
|
|
||||||
def show
|
|
||||||
@ticket_types = @event.ticket_types
|
|
||||||
end
|
|
||||||
|
|
||||||
def new
|
|
||||||
@event = Event.new
|
|
||||||
@event.ticket_types.build
|
|
||||||
end
|
|
||||||
|
|
||||||
def create
|
|
||||||
@event = current_user.parties.build(event_params)
|
|
||||||
if @event.save
|
|
||||||
redirect_to @event, notice: 'Event was successfully created.'
|
|
||||||
else
|
|
||||||
render :new
|
|
||||||
end
|
|
||||||
end
|
|
||||||
|
|
||||||
private
|
|
||||||
|
|
||||||
def set_event
|
|
||||||
@event = Event.find(params[:id])
|
|
||||||
end
|
|
||||||
|
|
||||||
def event_params
|
|
||||||
params.require(:event).permit(
|
|
||||||
:name, :description, :start_time, :end_time, :location,
|
|
||||||
ticket_types_attributes: [:id, :name, :description, :price, :_destroy]
|
|
||||||
)
|
|
||||||
end
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Tickets Controller
|
|
||||||
```ruby
|
|
||||||
class TicketsController < ApplicationController
|
|
||||||
before_action :authenticate_user!
|
|
||||||
before_action :set_event, only: [:new, :create]
|
|
||||||
|
|
||||||
def new
|
|
||||||
@ticket = Ticket.new
|
|
||||||
end
|
|
||||||
|
|
||||||
def create
|
|
||||||
@ticket = current_user.tickets.build(ticket_params)
|
|
||||||
if @ticket.save
|
|
||||||
redirect_to @ticket, notice: 'Ticket was successfully booked.'
|
|
||||||
else
|
|
||||||
render :new
|
|
||||||
end
|
|
||||||
end
|
|
||||||
|
|
||||||
def scan
|
|
||||||
end
|
|
||||||
|
|
||||||
def validate
|
|
||||||
qr_code = params[:qr_code]
|
|
||||||
ticket = Ticket.find_by(qr_code: qr_code)
|
|
||||||
if ticket && !ticket.used
|
|
||||||
ticket.update(used: true)
|
|
||||||
render json: { valid: true }
|
|
||||||
else
|
|
||||||
render json: { valid: false }
|
|
||||||
end
|
|
||||||
end
|
|
||||||
|
|
||||||
private
|
|
||||||
|
|
||||||
def set_event
|
|
||||||
@event = Event.find(params[:event_id])
|
|
||||||
end
|
|
||||||
|
|
||||||
def ticket_params
|
|
||||||
params.require(:ticket).permit(:ticket_type_id, :event_id)
|
|
||||||
end
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
### 4. Payment Integration
|
|
||||||
|
|
||||||
#### Stripe Configuration
|
|
||||||
```ruby
|
|
||||||
# config/initializers/stripe.rb
|
|
||||||
Rails.configuration.stripe = {
|
|
||||||
publishable_key: ENV['STRIPE_PUBLISHABLE_KEY'],
|
|
||||||
secret_key: ENV['STRIPE_SECRET_KEY']
|
|
||||||
}
|
|
||||||
|
|
||||||
Stripe.api_key = Rails.configuration.stripe[:secret_key]
|
|
||||||
```
|
|
||||||
|
|
||||||
#### PayPal Configuration
|
|
||||||
```ruby
|
|
||||||
# config/initializers/paypal.rb
|
|
||||||
PayPal::SDK.configure({
|
|
||||||
mode: ENV['PAYPAL_MODE'], # 'sandbox' or 'live'
|
|
||||||
client_id: ENV['PAYPAL_CLIENT_ID'],
|
|
||||||
client_secret: ENV['PAYPAL_CLIENT_SECRET']
|
|
||||||
})
|
|
||||||
```
|
|
||||||
|
|
||||||
### 5. Frontend Considerations
|
|
||||||
|
|
||||||
#### Mobile Ticket Scanning
|
|
||||||
```erb
|
|
||||||
<!-- app/views/tickets/scan.html.erb -->
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Scan Ticket</title>
|
|
||||||
<script src="https://unpkg.com/html5-qrcode"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>Scan Ticket</h1>
|
|
||||||
<div id="reader" width="500"></div>
|
|
||||||
<div id="result"></div>
|
|
||||||
<script>
|
|
||||||
function docReady(fn) {
|
|
||||||
if (document.readyState === "complete" || document.readyState === "interactive") {
|
|
||||||
setTimeout(fn, 1);
|
|
||||||
} else {
|
|
||||||
document.addEventListener("DOMContentLoaded", fn);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
docReady(function () {
|
|
||||||
var resultContainer = document.getElementById('result');
|
|
||||||
var lastResult, countResults = 0;
|
|
||||||
function onScanSuccess(qrCodeMessage) {
|
|
||||||
if (qrCodeMessage !== lastResult) {
|
|
||||||
++countResults;
|
|
||||||
lastResult = qrCodeMessage;
|
|
||||||
resultContainer.innerHTML = `<span class="label">Last scanned QR Code: </span> <a href="${qrCodeMessage}">${qrCodeMessage}</a>`;
|
|
||||||
fetch('/tickets/validate', {
|
|
||||||
method: 'POST',
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/json',
|
|
||||||
'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
|
|
||||||
},
|
|
||||||
body: JSON.stringify({ qr_code: qrCodeMessage })
|
|
||||||
})
|
|
||||||
.then(response => response.json())
|
|
||||||
.then(data => {
|
|
||||||
if (data.valid) {
|
|
||||||
resultContainer.innerHTML += '<p>Ticket is valid.</p>';
|
|
||||||
} else {
|
|
||||||
resultContainer.innerHTML += '<p>Ticket is invalid.</p>';
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.error('Error:', error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var html5QrcodeScanner = new Html5QrcodeScanner(
|
|
||||||
"reader", { fps: 10, qrbox: 250 });
|
|
||||||
html5QrcodeScanner.render(onScanSuccess);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
### 6. Routes Configuration
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
# config/routes.rb
|
|
||||||
Rails.application.routes.draw do
|
|
||||||
devise_for :users
|
|
||||||
resources :parties do
|
|
||||||
resources :ticket_types, only: [:new, :create, :edit, :update, :destroy]
|
|
||||||
end
|
|
||||||
resources :ticket_types, only: [:index, :show]
|
|
||||||
resources :tickets do
|
|
||||||
resources :payments, only: [:new, :create]
|
|
||||||
collection do
|
|
||||||
post 'validate'
|
|
||||||
end
|
|
||||||
end
|
|
||||||
get 'paypal_success', to: 'payments#paypal_success'
|
|
||||||
get 'paypal_cancel', to: 'payments#paypal_cancel'
|
|
||||||
get 'tickets/scan', to: 'tickets#scan'
|
|
||||||
root 'parties#index'
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
## Implementation Recommendations
|
|
||||||
|
|
||||||
### Authentication & Authorization
|
|
||||||
- Use Devise for user authentication
|
|
||||||
- Implement Pundit or CanCanCan for role-based access control
|
|
||||||
- Distinguish clearly between customer and promoter permissions
|
|
||||||
|
|
||||||
### Payment Processing
|
|
||||||
- Integrate Stripe for credit card payments
|
|
||||||
- Add PayPal support through official SDK
|
|
||||||
- Consider Plaid for bank account integration
|
|
||||||
|
|
||||||
### Performance & Scalability
|
|
||||||
- Implement Redis for caching frequently accessed data
|
|
||||||
- Use CDN for static assets (images, CSS, JS)
|
|
||||||
- Employ background job processing (Sidekiq) for emails and payments
|
|
||||||
- Optimize database queries with proper indexing
|
|
||||||
|
|
||||||
### Security Considerations
|
|
||||||
- Validate all user inputs
|
|
||||||
- Sanitize HTML output to prevent XSS
|
|
||||||
- Secure payment processing with PCI compliance
|
|
||||||
- Implement rate limiting for API endpoints
|
|
||||||
- Regular security audits and dependency updates
|
|
||||||
|
|
||||||
@@ -1,142 +0,0 @@
|
|||||||
Cette conversation a été générée avec Duck.ai (https://duck.ai) à l'aide du modèle Mistral Small 3 d'Mistral AI. Les chats IA peuvent afficher des informations inexactes ou offensantes (voir https://duckduckgo.com/duckai/privacy-terms pour en savoir plus).
|
|
||||||
|
|
||||||
====================
|
|
||||||
|
|
||||||
Message 1 sur 2 de l'utilisateur - 16/08/2025, 08:06:58:
|
|
||||||
In a git Ruby on Rails web project, how to name branches?
|
|
||||||
|
|
||||||
Mistral Small 3:
|
|
||||||
Naming branches in a Git Ruby on Rails web project (or any Git project) is an important aspect of maintaining a clean and understandable repository. Here are some best practices for naming branches:
|
|
||||||
|
|
||||||
1. **Use Descriptive Names**: The branch name should clearly describe the purpose or the feature being worked on. This helps other developers understand the context of the branch at a glance.
|
|
||||||
|
|
||||||
2. **Use Hyphens or Underscores**: Use hyphens (`-`) or underscores (`_`) to separate words in the branch name. This makes the name more readable.
|
|
||||||
|
|
||||||
3. **Prefix with the Type of Change**: Prefix the branch name with a type indicator such as `feature`, `bugfix`, `hotfix`, `release`, `chore`, `refactor`, `docs`, etc. This helps in categorizing the branches.
|
|
||||||
|
|
||||||
4. **Keep It Short but Meaningful**: While being descriptive, try to keep the branch name short to avoid clutter.
|
|
||||||
|
|
||||||
5. **Avoid Special Characters**: Stick to alphanumeric characters and hyphens/underscores. Avoid using special characters like `@`, `#`, `$`, etc.
|
|
||||||
|
|
||||||
6. **Use Lowercase Letters**: Consistently use lowercase letters to avoid case sensitivity issues.
|
|
||||||
|
|
||||||
Here are some examples of well-named branches:
|
|
||||||
|
|
||||||
- `feature/user-authentication`
|
|
||||||
- `bugfix/login-issue`
|
|
||||||
- `hotfix/critical-bug`
|
|
||||||
- `release/v1.2.0`
|
|
||||||
- `chore/update-dependencies`
|
|
||||||
- `refactor/user-model`
|
|
||||||
- `docs/update-readme`
|
|
||||||
|
|
||||||
### Example Workflow
|
|
||||||
|
|
||||||
1. **Creating a New Feature Branch**:
|
|
||||||
```sh
|
|
||||||
git checkout -b feature/user-authentication
|
|
||||||
```
|
|
||||||
|
|
||||||
2. **Creating a Bugfix Branch**:
|
|
||||||
```sh
|
|
||||||
git checkout -b bugfix/login-issue
|
|
||||||
```
|
|
||||||
|
|
||||||
3. **Creating a Hotfix Branch**:
|
|
||||||
```sh
|
|
||||||
git checkout -b hotfix/critical-bug
|
|
||||||
```
|
|
||||||
|
|
||||||
4. **Creating a Release Branch**:
|
|
||||||
```sh
|
|
||||||
git checkout -b release/v1.2.0
|
|
||||||
```
|
|
||||||
|
|
||||||
5. **Creating a Chore Branch**:
|
|
||||||
```sh
|
|
||||||
git checkout -b chore/update-dependencies
|
|
||||||
```
|
|
||||||
|
|
||||||
6. **Creating a Refactor Branch**:
|
|
||||||
```sh
|
|
||||||
git checkout -b refactor/user-model
|
|
||||||
```
|
|
||||||
|
|
||||||
7. **Creating a Docs Branch**:
|
|
||||||
```sh
|
|
||||||
git checkout -b docs/update-readme
|
|
||||||
```
|
|
||||||
|
|
||||||
By following these guidelines, you can maintain a well-organized and understandable branch structure in your Git repository, making collaboration and code management much easier.
|
|
||||||
|
|
||||||
--------------------
|
|
||||||
|
|
||||||
Message 2 sur 2 de l'utilisateur - 16/08/2025, 08:08:31:
|
|
||||||
Is it a good practice to use main, develop and functionnal names for branches?
|
|
||||||
|
|
||||||
Mistral Small 3:
|
|
||||||
Using `main`, `develop`, and feature branches is a common and widely accepted practice in Git workflows, particularly in the context of the Git Flow or GitHub Flow methodologies. Here's a breakdown of these branches and why they are useful:
|
|
||||||
|
|
||||||
1. **`main` Branch**:
|
|
||||||
- **Purpose**: The `main` branch (or sometimes called `master`) is the stable branch that always contains the production-ready code. It represents the current state of the project that is deployed to production.
|
|
||||||
- **Usage**: This branch should only contain code that has been thoroughly tested and is ready for release. It is typically protected to prevent direct commits and requires pull requests for changes.
|
|
||||||
- **Example**: `git checkout main`
|
|
||||||
|
|
||||||
2. **`develop` Branch**:
|
|
||||||
- **Purpose**: The `develop` branch is used for integrating features and preparing for the next release. It serves as a staging area for features that are in progress but not yet ready for production.
|
|
||||||
- **Usage**: Developers merge their feature branches into `develop` for integration testing. This branch can be less stable than `main` but should still be in a reasonably good state.
|
|
||||||
- **Example**: `git checkout develop`
|
|
||||||
|
|
||||||
3. **Feature Branches**:
|
|
||||||
- **Purpose**: Feature branches are used to develop new features, bug fixes, or any other isolated work. Each feature branch is created from `develop` and merged back into `develop` once the work is complete.
|
|
||||||
- **Usage**: These branches allow for parallel development without interfering with the stability of `develop` or `main`. They are typically named descriptively, as discussed earlier (e.g., `feature/user-authentication`, `bugfix/login-issue`).
|
|
||||||
- **Example**: `git checkout -b feature/user-authentication`
|
|
||||||
|
|
||||||
### Example Workflow
|
|
||||||
|
|
||||||
1. **Create a Feature Branch**:
|
|
||||||
```sh
|
|
||||||
git checkout develop
|
|
||||||
git pull origin develop
|
|
||||||
git checkout -b feature/user-authentication
|
|
||||||
```
|
|
||||||
|
|
||||||
2. **Develop the Feature**:
|
|
||||||
- Make changes, commit them, and push the branch to the remote repository.
|
|
||||||
```sh
|
|
||||||
git add .
|
|
||||||
git commit -m "Add user authentication feature"
|
|
||||||
git push origin feature/user-authentication
|
|
||||||
```
|
|
||||||
|
|
||||||
3. **Merge the Feature Branch into `develop`**:
|
|
||||||
- Once the feature is complete and tested, create a pull request to merge it into `develop`.
|
|
||||||
```sh
|
|
||||||
git checkout develop
|
|
||||||
git pull origin develop
|
|
||||||
git merge feature/user-authentication
|
|
||||||
git push origin develop
|
|
||||||
```
|
|
||||||
|
|
||||||
4. **Prepare for Release**:
|
|
||||||
- When preparing for a new release, create a release branch from `develop`.
|
|
||||||
```sh
|
|
||||||
git checkout -b release/v1.2.0
|
|
||||||
```
|
|
||||||
|
|
||||||
5. **Merge Release Branch into `main`**:
|
|
||||||
- After testing the release branch, merge it into `main` and tag the release.
|
|
||||||
```sh
|
|
||||||
git checkout main
|
|
||||||
git merge release/v1.2.0
|
|
||||||
git tag -a v1.2.0 -m "Release version 1.2.0"
|
|
||||||
git push origin main --tags
|
|
||||||
```
|
|
||||||
|
|
||||||
### Benefits
|
|
||||||
|
|
||||||
- **Stability**: The `main` branch remains stable and always contains production-ready code.
|
|
||||||
- **Integration**: The `develop` branch allows for continuous integration of features, making it easier to test and integrate new work.
|
|
||||||
- **Isolation**: Feature branches isolate work, allowing multiple developers to work on different features simultaneously without conflicts.
|
|
||||||
|
|
||||||
Using `main`, `develop`, and feature branches is a good practice as it helps maintain a clean, organized, and manageable repository, facilitating better collaboration and code management.
|
|
||||||
@@ -1,322 +0,0 @@
|
|||||||
# Backend Checkout Handling Improvements
|
|
||||||
|
|
||||||
Based on your current Stripe integration, here are key improvements for robust checkout handling:
|
|
||||||
|
|
||||||
## 1. Enhanced Inventory Management with Concurrency Protection
|
|
||||||
|
|
||||||
The current implementation doesn't prevent overselling during concurrent purchases.
|
|
||||||
|
|
||||||
Add database-level concurrency protection:
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
# app/controllers/events_controller.rb
|
|
||||||
def checkout
|
|
||||||
cart_data = JSON.parse(params[:cart] || "{}")
|
|
||||||
|
|
||||||
if cart_data.empty?
|
|
||||||
redirect_to event_path(@event.slug, @event), alert: "Veuillez sélectionner au moins un billet"
|
|
||||||
return
|
|
||||||
end
|
|
||||||
|
|
||||||
# Use transaction with row-level locking for inventory protection
|
|
||||||
ActiveRecord::Base.transaction do
|
|
||||||
line_items = []
|
|
||||||
order_items = []
|
|
||||||
|
|
||||||
cart_data.each do |ticket_type_id, item|
|
|
||||||
# Lock the ticket type row to prevent race conditions
|
|
||||||
ticket_type = @event.ticket_types.lock.find_by(id: ticket_type_id)
|
|
||||||
next unless ticket_type
|
|
||||||
|
|
||||||
quantity = item["quantity"].to_i
|
|
||||||
next if quantity <= 0
|
|
||||||
|
|
||||||
# Check real-time availability with locked row
|
|
||||||
sold_count = ticket_type.tickets.count
|
|
||||||
available = ticket_type.quantity - sold_count
|
|
||||||
|
|
||||||
if quantity > available
|
|
||||||
redirect_to event_path(@event.slug, @event), alert: "Plus que #{available} billets disponibles pour #{ticket_type.name}"
|
|
||||||
return
|
|
||||||
end
|
|
||||||
|
|
||||||
# Create line items and order data
|
|
||||||
line_items << {
|
|
||||||
price_data: {
|
|
||||||
currency: "eur",
|
|
||||||
product_data: {
|
|
||||||
name: "#{@event.name} - #{ticket_type.name}",
|
|
||||||
description: ticket_type.description
|
|
||||||
},
|
|
||||||
unit_amount: ticket_type.price_cents
|
|
||||||
},
|
|
||||||
quantity: quantity
|
|
||||||
}
|
|
||||||
|
|
||||||
order_items << {
|
|
||||||
ticket_type_id: ticket_type.id,
|
|
||||||
ticket_type_name: ticket_type.name,
|
|
||||||
quantity: quantity,
|
|
||||||
price_cents: ticket_type.price_cents
|
|
||||||
}
|
|
||||||
end
|
|
||||||
|
|
||||||
if order_items.empty?
|
|
||||||
redirect_to event_path(@event.slug, @event), alert: "Commande invalide"
|
|
||||||
return
|
|
||||||
end
|
|
||||||
|
|
||||||
# Create Stripe session only after inventory validation
|
|
||||||
session = Stripe::Checkout::Session.create({
|
|
||||||
payment_method_types: ["card"],
|
|
||||||
line_items: line_items,
|
|
||||||
mode: "payment",
|
|
||||||
success_url: payment_success_url(event_id: @event.id, session_id: "{CHECKOUT_SESSION_ID}"),
|
|
||||||
cancel_url: event_url(@event.slug, @event),
|
|
||||||
customer_email: current_user.email,
|
|
||||||
metadata: {
|
|
||||||
event_id: @event.id,
|
|
||||||
user_id: current_user.id,
|
|
||||||
order_items: order_items.to_json
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
redirect_to session.url, allow_other_host: true
|
|
||||||
end
|
|
||||||
rescue ActiveRecord::RecordNotFound
|
|
||||||
redirect_to event_path(@event.slug, @event), alert: "Type de billet introuvable"
|
|
||||||
rescue Stripe::StripeError => e
|
|
||||||
redirect_to event_path(@event.slug, @event), alert: "Erreur de traitement du paiement : #{e.message}"
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
## 2. Webhook Handler for Reliable Payment Confirmation
|
|
||||||
|
|
||||||
Create a dedicated webhook endpoint for more reliable payment processing:
|
|
||||||
|
|
||||||
### Routes Configuration
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
# config/routes.rb
|
|
||||||
post '/webhooks/stripe', to: 'webhooks#stripe'
|
|
||||||
```
|
|
||||||
|
|
||||||
### Webhooks Controller
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
# app/controllers/webhooks_controller.rb
|
|
||||||
class WebhooksController < ApplicationController
|
|
||||||
skip_before_action :verify_authenticity_token
|
|
||||||
before_action :verify_stripe_signature
|
|
||||||
|
|
||||||
def stripe
|
|
||||||
case @event.type
|
|
||||||
when 'checkout.session.completed'
|
|
||||||
handle_successful_payment(@event.data.object)
|
|
||||||
when 'payment_intent.payment_failed'
|
|
||||||
handle_failed_payment(@event.data.object)
|
|
||||||
end
|
|
||||||
|
|
||||||
head :ok
|
|
||||||
end
|
|
||||||
|
|
||||||
private
|
|
||||||
|
|
||||||
def handle_successful_payment(session)
|
|
||||||
# Process ticket creation in background job for reliability
|
|
||||||
CreateTicketsJob.perform_later(session.id)
|
|
||||||
end
|
|
||||||
|
|
||||||
def handle_failed_payment(session)
|
|
||||||
Rails.logger.error "Payment failed for session: #{session.id}"
|
|
||||||
# Add any additional handling for failed payments
|
|
||||||
end
|
|
||||||
|
|
||||||
def verify_stripe_signature
|
|
||||||
payload = request.body.read
|
|
||||||
sig_header = request.env['HTTP_STRIPE_SIGNATURE']
|
|
||||||
|
|
||||||
begin
|
|
||||||
@event = Stripe::Webhook.construct_event(
|
|
||||||
payload, sig_header, ENV['STRIPE_WEBHOOK_SECRET']
|
|
||||||
)
|
|
||||||
rescue JSON::ParserError, Stripe::SignatureVerificationError => e
|
|
||||||
Rails.logger.error "Stripe webhook signature verification failed: #{e.message}"
|
|
||||||
head :bad_request
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
## 3. Background Job for Ticket Creation
|
|
||||||
|
|
||||||
Use background jobs to prevent timeouts and improve reliability:
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
# app/jobs/create_tickets_job.rb
|
|
||||||
class CreateTicketsJob < ApplicationJob
|
|
||||||
queue_as :default
|
|
||||||
retry_on StandardError, wait: :exponentially_longer, attempts: 5
|
|
||||||
|
|
||||||
def perform(session_id)
|
|
||||||
session = Stripe::Checkout::Session.retrieve(session_id)
|
|
||||||
return unless session.payment_status == 'paid'
|
|
||||||
|
|
||||||
# Prevent duplicate processing
|
|
||||||
return if Ticket.exists?(stripe_session_id: session_id)
|
|
||||||
|
|
||||||
order_items = JSON.parse(session.metadata['order_items'])
|
|
||||||
user = User.find(session.metadata['user_id'])
|
|
||||||
event = Event.find(session.metadata['event_id'])
|
|
||||||
|
|
||||||
ActiveRecord::Base.transaction do
|
|
||||||
order_items.each do |item|
|
|
||||||
ticket_type = TicketType.find(item['ticket_type_id'])
|
|
||||||
|
|
||||||
item['quantity'].times do
|
|
||||||
ticket = Ticket.create!(
|
|
||||||
user: user,
|
|
||||||
ticket_type: ticket_type,
|
|
||||||
status: 'active',
|
|
||||||
stripe_session_id: session_id, # Prevent duplicates
|
|
||||||
price_cents: item['price_cents'] # Store historical price
|
|
||||||
)
|
|
||||||
|
|
||||||
# Send email asynchronously
|
|
||||||
TicketMailer.purchase_confirmation(ticket).deliver_later
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
## 4. Enhanced Error Handling & Recovery in Payment Success
|
|
||||||
|
|
||||||
Improve the payment success handler with better error recovery:
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
# app/controllers/events_controller.rb - Enhanced payment_success method
|
|
||||||
def payment_success
|
|
||||||
session_id = params[:session_id]
|
|
||||||
event_id = params[:event_id]
|
|
||||||
|
|
||||||
# Validate parameters
|
|
||||||
unless session_id.present? && event_id.present?
|
|
||||||
redirect_to dashboard_path, alert: "Paramètres de confirmation manquants"
|
|
||||||
return
|
|
||||||
end
|
|
||||||
|
|
||||||
begin
|
|
||||||
@tickets = Ticket.includes(:ticket_type, :event)
|
|
||||||
.where(stripe_session_id: session_id, user: current_user)
|
|
||||||
|
|
||||||
if @tickets.any?
|
|
||||||
# Tickets already created (webhook processed first)
|
|
||||||
@event = @tickets.first.event
|
|
||||||
render 'payment_success'
|
|
||||||
else
|
|
||||||
# Fallback: create tickets synchronously if webhook failed
|
|
||||||
session = Stripe::Checkout::Session.retrieve(session_id)
|
|
||||||
|
|
||||||
if session.payment_status == 'paid'
|
|
||||||
CreateTicketsJob.perform_now(session_id)
|
|
||||||
redirect_to payment_success_path(session_id: session_id, event_id: event_id)
|
|
||||||
else
|
|
||||||
redirect_to dashboard_path, alert: "Le paiement n'est pas encore confirmé"
|
|
||||||
end
|
|
||||||
end
|
|
||||||
|
|
||||||
rescue Stripe::StripeError => e
|
|
||||||
logger.error "Stripe error in payment_success: #{e.message}"
|
|
||||||
redirect_to dashboard_path, alert: "Erreur de confirmation de paiement"
|
|
||||||
rescue => e
|
|
||||||
logger.error "Unexpected error in payment_success: #{e.message}"
|
|
||||||
redirect_to dashboard_path, alert: "Une erreur inattendue s'est produite"
|
|
||||||
end
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
## 5. Database Schema Improvements
|
|
||||||
|
|
||||||
Add migration for better payment tracking:
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
# db/migrate/xxx_add_payment_tracking_to_tickets.rb
|
|
||||||
class AddPaymentTrackingToTickets < ActiveRecord::Migration[7.0]
|
|
||||||
def change
|
|
||||||
add_column :tickets, :stripe_session_id, :string
|
|
||||||
add_column :tickets, :purchased_at, :timestamp, default: -> { 'CURRENT_TIMESTAMP' }
|
|
||||||
|
|
||||||
add_index :tickets, :stripe_session_id, unique: true
|
|
||||||
add_index :tickets, [:user_id, :purchased_at]
|
|
||||||
end
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
## 6. Security Considerations
|
|
||||||
|
|
||||||
1. **Rate Limiting**: Add rate limiting to checkout endpoints
|
|
||||||
2. **CSRF Protection**: Already implemented ✅
|
|
||||||
3. **Input Validation**: Validate all cart data thoroughly
|
|
||||||
4. **Audit Logging**: Log all payment attempts and outcomes
|
|
||||||
5. **PCI Compliance**: Never store card data (Stripe handles this) ✅
|
|
||||||
|
|
||||||
## 7. Monitoring & Observability
|
|
||||||
|
|
||||||
Add metrics tracking to monitor checkout performance:
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
# Add to ApplicationController or EventsController
|
|
||||||
around_action :track_checkout_metrics, only: [:checkout]
|
|
||||||
|
|
||||||
private
|
|
||||||
|
|
||||||
def track_checkout_metrics
|
|
||||||
start_time = Time.current
|
|
||||||
begin
|
|
||||||
yield
|
|
||||||
# Log successful checkout
|
|
||||||
Rails.logger.info("Checkout completed", {
|
|
||||||
event_id: @event&.id,
|
|
||||||
user_id: current_user&.id,
|
|
||||||
duration: Time.current - start_time
|
|
||||||
})
|
|
||||||
rescue => e
|
|
||||||
# Log failed checkout
|
|
||||||
Rails.logger.error("Checkout failed", {
|
|
||||||
event_id: @event&.id,
|
|
||||||
user_id: current_user&.id,
|
|
||||||
error: e.message,
|
|
||||||
duration: Time.current - start_time
|
|
||||||
})
|
|
||||||
raise
|
|
||||||
end
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
## Summary of Improvements
|
|
||||||
|
|
||||||
Your ticket checkout system is already well-implemented with Stripe integration! The enhancements above will make it production-ready:
|
|
||||||
|
|
||||||
### Critical Improvements
|
|
||||||
|
|
||||||
1. Add database row locking to prevent overselling during concurrent purchases
|
|
||||||
2. Implement Stripe webhooks for reliable payment processing
|
|
||||||
3. Use background jobs for ticket creation to prevent timeouts
|
|
||||||
4. Add duplicate prevention with stripe_session_id tracking
|
|
||||||
|
|
||||||
### Security & Reliability
|
|
||||||
|
|
||||||
5. Enhanced error recovery with fallback ticket creation
|
|
||||||
6. Comprehensive logging for debugging and monitoring
|
|
||||||
7. Database schema improvements for better payment tracking
|
|
||||||
|
|
||||||
### Key Files to Modify
|
|
||||||
|
|
||||||
- `app/controllers/events_controller.rb` - Add inventory locking
|
|
||||||
- `app/controllers/webhooks_controller.rb` - New webhook handler
|
|
||||||
- `app/jobs/create_tickets_job.rb` - Background ticket creation
|
|
||||||
- Migration for `stripe_session_id` field
|
|
||||||
|
|
||||||
These enhancements will make your checkout system robust for high-traffic scenarios and edge cases.
|
|
||||||
@@ -1,103 +0,0 @@
|
|||||||
# Theme Rules & Color Palette - Aperonight
|
|
||||||
|
|
||||||
Extracted from `app/views/pages/home.html.erb`
|
|
||||||
|
|
||||||
## Color Palette
|
|
||||||
|
|
||||||
### Primary Colors
|
|
||||||
- **Indigo**: `#4338ca` (rgb(67, 56, 202)) - Used in hero gradient
|
|
||||||
- **Purple**: `#8b5cf6` (rgb(139, 92, 246)) - Primary brand color
|
|
||||||
- **Pink**: `#ec4899` (rgb(236, 72, 153)) - Accent color
|
|
||||||
|
|
||||||
### Background Gradients
|
|
||||||
- **Hero**: `bg-gradient-to-br from-indigo-900 via-purple-800 to-pink-700`
|
|
||||||
- **CTA**: `bg-gradient-to-r from-purple-900 via-indigo-900 to-pink-900`
|
|
||||||
- **Cards**: `bg-gradient-to-br from-gray-800 to-gray-900`
|
|
||||||
- **Buttons**: `bg-gradient-to-r from-purple-600 to-pink-600`
|
|
||||||
|
|
||||||
### Text Colors
|
|
||||||
- **White**: `text-white` - Primary text
|
|
||||||
- **Gray-200**: `text-gray-200` - Secondary text
|
|
||||||
- **Gray-300**: `text-gray-300` - Subtle text
|
|
||||||
- **Gray-400**: `text-gray-400` - Muted text
|
|
||||||
- **Transparent gradient**: `text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-400` - Special highlight
|
|
||||||
|
|
||||||
### Background Colors
|
|
||||||
- **Gray-900**: `bg-gray-900` - Main background
|
|
||||||
- **Black**: `bg-black` - Overlay backgrounds
|
|
||||||
- **Gray-800**: `bg-gray-800` - Card backgrounds
|
|
||||||
- **White/Transparent**: `bg-white bg-opacity-10 backdrop-blur-sm` - Glass effect
|
|
||||||
|
|
||||||
## Spacing & Layout
|
|
||||||
|
|
||||||
### Hero Section
|
|
||||||
- **Height**: `min-h-[70vh]`
|
|
||||||
- **Max-width**: `max-w-7xl mx-auto`
|
|
||||||
- **Padding**: `px-4 sm:px-6 lg:px-8`
|
|
||||||
|
|
||||||
### Grid Layouts
|
|
||||||
- **Responsive**: `grid-cols-1 md:grid-cols-2 lg:grid-cols-3`
|
|
||||||
- **Gap**: `gap-8` standard spacing
|
|
||||||
|
|
||||||
### Padding Classes
|
|
||||||
- **Section**: `py-16`, `py-20`
|
|
||||||
- **Card**: `p-4`, `p-6`, `p-8`
|
|
||||||
- **Button**: `py-3`, `py-4`, `px-6`, `px-8`
|
|
||||||
|
|
||||||
## Typography
|
|
||||||
|
|
||||||
### Font Sizes
|
|
||||||
- **Hero Title**: `text-5xl md:text-7xl`
|
|
||||||
- **Section Title**: `text-4xl`
|
|
||||||
- **Card Title**: `text-2xl`
|
|
||||||
- **Body**: `text-xl`, `text-lg`
|
|
||||||
- **Small**: `text-sm`
|
|
||||||
|
|
||||||
### Font Weights
|
|
||||||
- **Bold**: `font-bold` (headings)
|
|
||||||
- **Semibold**: `font-semibold` (buttons, important text)
|
|
||||||
- **Medium**: `font-medium` (labels)
|
|
||||||
|
|
||||||
## Interactive States
|
|
||||||
|
|
||||||
### Hover Effects
|
|
||||||
- **Scale**: `hover:scale-105`
|
|
||||||
- **Transition**: `transition-all duration-300`
|
|
||||||
- **Button Hover**: `hover:from-purple-700 hover:to-pink-700`
|
|
||||||
- **Glass Hover**: `hover:bg-opacity-20`
|
|
||||||
|
|
||||||
### Shadows
|
|
||||||
- **Default**: `shadow-lg`
|
|
||||||
- **Strong**: `shadow-xl`
|
|
||||||
- **Card**: `shadow-2xl`
|
|
||||||
|
|
||||||
## Border Radius
|
|
||||||
- **Buttons**: `rounded-full` (pill-shaped)
|
|
||||||
- **Cards**: `rounded-2xl`
|
|
||||||
- **Inputs**: `rounded-lg`
|
|
||||||
|
|
||||||
## Icon Colors
|
|
||||||
- **Primary**: `text-white` (on colored backgrounds)
|
|
||||||
- **Accent**: `text-purple-400`, `text-pink-400`
|
|
||||||
- **Muted**: `text-gray-400`
|
|
||||||
|
|
||||||
## Usage Examples
|
|
||||||
|
|
||||||
### Primary Button
|
|
||||||
```html
|
|
||||||
class="bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 text-white font-semibold py-4 px-8 rounded-full transition-all duration-300 transform hover:scale-105 shadow-lg"
|
|
||||||
```
|
|
||||||
|
|
||||||
### Card Background
|
|
||||||
```html
|
|
||||||
class="bg-gradient-to-br from-gray-800 to-gray-900 rounded-2xl overflow-hidden hover:transform hover:scale-105 transition-all duration-300 shadow-xl"
|
|
||||||
```
|
|
||||||
|
|
||||||
### Hero Gradient
|
|
||||||
```html
|
|
||||||
class="bg-gradient-to-br from-indigo-900 via-purple-800 to-pink-700"
|
|
||||||
```
|
|
||||||
|
|
||||||
### Glass Effect
|
|
||||||
```html
|
|
||||||
class="bg-white bg-opacity-10 backdrop-blur-sm border border-white border-opacity-30"
|
|
||||||
33
env.example
33
env.example
@@ -1,33 +0,0 @@
|
|||||||
# Application data
|
|
||||||
RAILS_ENV=production
|
|
||||||
SECRET_KEY_BASE=a3f5c6e7b8d9e0f1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z7
|
|
||||||
DEVISE_SECRET_KEY=your_devise_secret_key_here
|
|
||||||
APP_NAME=Pafterwork
|
|
||||||
|
|
||||||
# Database Configuration for production and development
|
|
||||||
DB_HOST=mariadb
|
|
||||||
DB_ROOT_PASSWORD=root
|
|
||||||
DB_DATABASE=aperonight
|
|
||||||
DB_USERNAME=aperonight
|
|
||||||
DB_PASSWORD=aperonight
|
|
||||||
|
|
||||||
# Test database
|
|
||||||
DB_TEST_ADAPTER=sqlite3
|
|
||||||
DB_TEST_DATABASE=aperonight_test
|
|
||||||
DB_TEST_USERNAME=root
|
|
||||||
DB_TEST_USERNAME=root
|
|
||||||
|
|
||||||
# Mailer Configuration (for Devise and tests)
|
|
||||||
MAILER_DEFAULT_URL_OPTIONS=http://localhost:3000
|
|
||||||
# Test environment will use MailHog by default on 127.0.0.1:1025
|
|
||||||
SMTP_ADDRESS=127.0.0.1
|
|
||||||
SMTP_PORT=1025
|
|
||||||
# Optional auth (usually not required for MailHog)
|
|
||||||
# SMTP_USER_NAME=
|
|
||||||
# SMTP_PASSWORD=
|
|
||||||
# SMTP_DOMAIN=localhost
|
|
||||||
SMTP_AUTHENTICATION=plain
|
|
||||||
SMTP_ENABLE_STARTTLS=false
|
|
||||||
|
|
||||||
# Application variables
|
|
||||||
STRIPE_API_KEY=1337
|
|
||||||
642
package-lock.json
generated
642
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
22
package.json
22
package.json
@@ -10,13 +10,13 @@
|
|||||||
"@hotwired/stimulus": "^3.2.2",
|
"@hotwired/stimulus": "^3.2.2",
|
||||||
"@hotwired/turbo-rails": "^8.0.13",
|
"@hotwired/turbo-rails": "^8.0.13",
|
||||||
"@radix-ui/react-slot": "^1.2.3",
|
"@radix-ui/react-slot": "^1.2.3",
|
||||||
|
"lucide": "^0.542.0",
|
||||||
|
"puppeteer": "^24.19.0",
|
||||||
"react": "^18.3.1",
|
"react": "^18.3.1",
|
||||||
"react-dom": "^18.3.1"
|
"react-dom": "^18.3.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@tailwindcss/postcss": "^4.1.4",
|
"@tailwindcss/postcss": "^4.1.4",
|
||||||
"@types/alpinejs": "^3.13.11",
|
|
||||||
"alpinejs": "^3.14.9",
|
|
||||||
"autoprefixer": "^10.4.21",
|
"autoprefixer": "^10.4.21",
|
||||||
"class-variance-authority": "^0.7.1",
|
"class-variance-authority": "^0.7.1",
|
||||||
"clsx": "^2.1.1",
|
"clsx": "^2.1.1",
|
||||||
@@ -32,5 +32,21 @@
|
|||||||
"tailwind-merge": "^3.3.1",
|
"tailwind-merge": "^3.3.1",
|
||||||
"tailwindcss": "^4.1.4",
|
"tailwindcss": "^4.1.4",
|
||||||
"tailwindcss-animate": "^1.0.7"
|
"tailwindcss-animate": "^1.0.7"
|
||||||
}
|
},
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "",
|
||||||
|
"main": "ecosystem.config.js",
|
||||||
|
"directories": {
|
||||||
|
"doc": "docs",
|
||||||
|
"lib": "lib",
|
||||||
|
"test": "test"
|
||||||
|
},
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "ssh://git@gitea.cyanet.fr:2222/kbe/aperonight.git"
|
||||||
|
},
|
||||||
|
"keywords": [],
|
||||||
|
"author": "",
|
||||||
|
"license": "ISC",
|
||||||
|
"type": "commonjs"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,47 +0,0 @@
|
|||||||
# Stripe Configuration Fix - Updated with Lazy Initialization
|
|
||||||
|
|
||||||
## Problem
|
|
||||||
The "Retour" link on the collect_names page sometimes displayed a Stripe API key error:
|
|
||||||
```
|
|
||||||
Erreur de traitement du paiement : No API key provided. Set your API key using "Stripe.api_key = <API-KEY>".
|
|
||||||
```
|
|
||||||
|
|
||||||
## Root Cause
|
|
||||||
The error occurred when Stripe code was executed without the API key being properly set. This could happen in development environments or when environment variables were not properly configured.
|
|
||||||
|
|
||||||
## Solution Evolution
|
|
||||||
|
|
||||||
We initially implemented a fix that enhanced the Stripe initializer and added better error handling. However, we have now updated our approach to use **lazy initialization** - Stripe is only initialized during the checkout process when actually needed.
|
|
||||||
|
|
||||||
## Current Solution - Lazy Initialization Approach
|
|
||||||
|
|
||||||
1. **Deferred Stripe Initialization** (`config/initializers/stripe.rb`):
|
|
||||||
- Stripe configuration is loaded at startup but API key is NOT set
|
|
||||||
- Stripe.api_key is only set during the checkout process when needed
|
|
||||||
|
|
||||||
2. **Enhanced Stripe Helper** (`app/helpers/stripe_helper.rb`):
|
|
||||||
- Added `initialize_stripe` method to initialize Stripe only when needed
|
|
||||||
- Updated `safe_stripe_call` method to automatically initialize Stripe if not already done
|
|
||||||
|
|
||||||
3. **Checkout Process Updates**:
|
|
||||||
- Added explicit Stripe initialization in `process_payment` method
|
|
||||||
- Added explicit Stripe initialization in `payment_success` method
|
|
||||||
- Added proper error handling for initialization failures
|
|
||||||
|
|
||||||
4. **Benefits of This Approach**:
|
|
||||||
- Stripe is only initialized when actually needed (during checkout)
|
|
||||||
- Application startup is not dependent on Stripe service availability
|
|
||||||
- Payment-related issues are isolated and don't affect other application features
|
|
||||||
- More efficient resource usage (Stripe library only fully loaded during checkout)
|
|
||||||
|
|
||||||
## Verification
|
|
||||||
The fix has been tested and verified to work correctly:
|
|
||||||
- Stripe is not initialized at application startup
|
|
||||||
- Stripe is properly initialized during the checkout process
|
|
||||||
- All Stripe functionality works as expected
|
|
||||||
- Error handling is improved
|
|
||||||
|
|
||||||
## Prevention
|
|
||||||
The enhanced error handling will prevent the application from crashing when Stripe is not properly configured and will display user-friendly error messages instead.
|
|
||||||
|
|
||||||
For detailed implementation, see `stripe-lazy-initialization-documentation.md`.
|
|
||||||
@@ -1,60 +0,0 @@
|
|||||||
# Stripe Configuration - Lazy Initialization Approach
|
|
||||||
|
|
||||||
## Problem
|
|
||||||
The "Retour" link on the collect_names page sometimes displayed a Stripe API key error:
|
|
||||||
```
|
|
||||||
Erreur de traitement du paiement : No API key provided. Set your API key using "Stripe.api_key = <API-KEY>".
|
|
||||||
```
|
|
||||||
|
|
||||||
## Root Cause
|
|
||||||
The error occurred because Stripe code was being called without the API key being properly set. This could happen in development environments or when environment variables were not properly configured.
|
|
||||||
|
|
||||||
## Solution Implemented - Lazy Initialization
|
|
||||||
|
|
||||||
1. **Deferred Stripe Initialization** (`config/initializers/stripe.rb`):
|
|
||||||
- Stripe configuration is loaded at startup but API key is NOT set
|
|
||||||
- Stripe.api_key is only set during the checkout process when needed
|
|
||||||
|
|
||||||
2. **Stripe Concern** (`app/controllers/concerns/stripe_concern.rb`):
|
|
||||||
- Created `StripeConcern` module with `stripe_configured?` and `initialize_stripe` methods
|
|
||||||
- Included in `EventsController` to provide access to Stripe functionality
|
|
||||||
|
|
||||||
3. **Direct Configuration Checks**:
|
|
||||||
- Updated `process_payment` and `payment_success` methods to directly check Stripe configuration
|
|
||||||
- Added proper error handling for initialization failures
|
|
||||||
|
|
||||||
4. **Benefits of This Approach**:
|
|
||||||
- Stripe is only initialized when actually needed (during checkout)
|
|
||||||
- Application startup is not dependent on Stripe service availability
|
|
||||||
- Payment-related issues are isolated and don't affect other application features
|
|
||||||
- More efficient resource usage (Stripe library only fully loaded during checkout)
|
|
||||||
|
|
||||||
5. **Verification**:
|
|
||||||
- Created test scripts to verify the lazy initialization approach
|
|
||||||
- Confirmed that Stripe is not initialized at startup but can be initialized during checkout
|
|
||||||
|
|
||||||
## Code Changes
|
|
||||||
|
|
||||||
### config/initializers/stripe.rb
|
|
||||||
- Removed automatic Stripe.api_key initialization
|
|
||||||
- Added informational log message
|
|
||||||
|
|
||||||
### app/controllers/concerns/stripe_concern.rb
|
|
||||||
- Created new concern with `stripe_configured?` and `initialize_stripe` methods
|
|
||||||
|
|
||||||
### app/controllers/events_controller.rb
|
|
||||||
- Added direct Stripe configuration checks in `process_payment` method
|
|
||||||
- Added direct Stripe configuration checks in `payment_success` method
|
|
||||||
- Added comprehensive logging for debugging
|
|
||||||
|
|
||||||
### app/helpers/stripe_helper.rb
|
|
||||||
- Kept `safe_stripe_call` method with updated logic
|
|
||||||
|
|
||||||
## Testing
|
|
||||||
The new approach has been verified to work correctly:
|
|
||||||
- Stripe is not initialized at application startup
|
|
||||||
- Stripe is properly initialized during the checkout process
|
|
||||||
- All Stripe functionality works as expected
|
|
||||||
- Error handling is improved
|
|
||||||
|
|
||||||
This approach provides better isolation of payment functionality and ensures that issues with Stripe configuration don't affect the rest of the application.
|
|
||||||
247
test/controllers/events_controller_test.rb
Normal file
247
test/controllers/events_controller_test.rb
Normal file
@@ -0,0 +1,247 @@
|
|||||||
|
require "test_helper"
|
||||||
|
|
||||||
|
class EventsControllerTest < ActionDispatch::IntegrationTest
|
||||||
|
def setup
|
||||||
|
@user = User.create!(
|
||||||
|
email: "test@example.com",
|
||||||
|
password: "password123",
|
||||||
|
password_confirmation: "password123"
|
||||||
|
)
|
||||||
|
|
||||||
|
@event = Event.create!(
|
||||||
|
name: "Test Event",
|
||||||
|
slug: "test-event",
|
||||||
|
description: "A valid description for the test event that is long enough",
|
||||||
|
latitude: 48.8566,
|
||||||
|
longitude: 2.3522,
|
||||||
|
venue_name: "Test Venue",
|
||||||
|
venue_address: "123 Test Street",
|
||||||
|
user: @user,
|
||||||
|
start_time: 1.week.from_now,
|
||||||
|
end_time: 1.week.from_now + 3.hours,
|
||||||
|
state: :published
|
||||||
|
)
|
||||||
|
|
||||||
|
@unpublished_event = Event.create!(
|
||||||
|
name: "Unpublished Event",
|
||||||
|
slug: "unpublished-event",
|
||||||
|
description: "A valid description for the unpublished event that is long enough",
|
||||||
|
latitude: 48.8566,
|
||||||
|
longitude: 2.3522,
|
||||||
|
venue_name: "Test Venue",
|
||||||
|
venue_address: "123 Test Street",
|
||||||
|
user: @user,
|
||||||
|
start_time: 2.weeks.from_now,
|
||||||
|
end_time: 2.weeks.from_now + 3.hours,
|
||||||
|
state: :draft
|
||||||
|
)
|
||||||
|
|
||||||
|
@ticket_type = TicketType.create!(
|
||||||
|
name: "General Admission",
|
||||||
|
description: "General admission tickets with full access to the event",
|
||||||
|
price_cents: 2500,
|
||||||
|
quantity: 100,
|
||||||
|
sale_start_at: Time.current,
|
||||||
|
sale_end_at: @event.start_time - 1.hour,
|
||||||
|
requires_id: false,
|
||||||
|
event: @event
|
||||||
|
)
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Index Action Tests ===
|
||||||
|
|
||||||
|
test "should get index" do
|
||||||
|
get events_url
|
||||||
|
assert_response :success
|
||||||
|
end
|
||||||
|
|
||||||
|
test "index should assign upcoming published events" do
|
||||||
|
get events_url
|
||||||
|
assert_response :success
|
||||||
|
|
||||||
|
# Check that @events is assigned
|
||||||
|
events = assigns(:events)
|
||||||
|
assert_not_nil events
|
||||||
|
|
||||||
|
# Should include published upcoming events
|
||||||
|
assert_includes events.to_a, @event
|
||||||
|
|
||||||
|
# Should not include unpublished events
|
||||||
|
assert_not_includes events.to_a, @unpublished_event
|
||||||
|
end
|
||||||
|
|
||||||
|
test "index should handle pagination" do
|
||||||
|
# Create additional events to test pagination
|
||||||
|
15.times do |i|
|
||||||
|
Event.create!(
|
||||||
|
name: "Event #{i}",
|
||||||
|
slug: "event-#{i}",
|
||||||
|
description: "A valid description for event #{i} that is long enough",
|
||||||
|
latitude: 48.8566,
|
||||||
|
longitude: 2.3522,
|
||||||
|
venue_name: "Test Venue",
|
||||||
|
venue_address: "123 Test Street",
|
||||||
|
user: @user,
|
||||||
|
start_time: (i + 1).days.from_now,
|
||||||
|
end_time: (i + 1).days.from_now + 3.hours,
|
||||||
|
state: :published
|
||||||
|
)
|
||||||
|
end
|
||||||
|
|
||||||
|
get events_url
|
||||||
|
assert_response :success
|
||||||
|
|
||||||
|
events = assigns(:events)
|
||||||
|
assert_not_nil events
|
||||||
|
|
||||||
|
# Should be paginated (12 per page as per controller)
|
||||||
|
assert_equal 12, events.size
|
||||||
|
end
|
||||||
|
|
||||||
|
test "index should handle pagination with page parameter" do
|
||||||
|
# Create additional events to test pagination
|
||||||
|
15.times do |i|
|
||||||
|
Event.create!(
|
||||||
|
name: "Event #{i}",
|
||||||
|
slug: "event-#{i}",
|
||||||
|
description: "A valid description for event #{i} that is long enough",
|
||||||
|
latitude: 48.8566,
|
||||||
|
longitude: 2.3522,
|
||||||
|
venue_name: "Test Venue",
|
||||||
|
venue_address: "123 Test Street",
|
||||||
|
user: @user,
|
||||||
|
start_time: (i + 1).days.from_now,
|
||||||
|
end_time: (i + 1).days.from_now + 3.hours,
|
||||||
|
state: :published
|
||||||
|
)
|
||||||
|
end
|
||||||
|
|
||||||
|
get events_url, params: { page: 2 }
|
||||||
|
assert_response :success
|
||||||
|
|
||||||
|
events = assigns(:events)
|
||||||
|
assert_not_nil events
|
||||||
|
|
||||||
|
# Should show remaining events on page 2
|
||||||
|
assert events.size <= 12
|
||||||
|
end
|
||||||
|
|
||||||
|
test "index should include user association" do
|
||||||
|
get events_url
|
||||||
|
assert_response :success
|
||||||
|
|
||||||
|
events = assigns(:events)
|
||||||
|
assert_not_nil events
|
||||||
|
|
||||||
|
# Just verify the association exists
|
||||||
|
events.each do |event|
|
||||||
|
assert_not_nil event.user
|
||||||
|
end if events.present?
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Show Action Tests ===
|
||||||
|
|
||||||
|
test "should show event" do
|
||||||
|
get event_url(@event.slug, @event.id)
|
||||||
|
assert_response :success
|
||||||
|
end
|
||||||
|
|
||||||
|
test "should assign event with ticket_types" do
|
||||||
|
get event_url(@event.slug, @event.id)
|
||||||
|
assert_response :success
|
||||||
|
|
||||||
|
event = assigns(:event)
|
||||||
|
assert_not_nil event
|
||||||
|
assert_equal @event.id, event.id
|
||||||
|
|
||||||
|
# Test that ticket_types association is preloaded
|
||||||
|
assert_includes event.ticket_types.to_a, @ticket_type
|
||||||
|
end
|
||||||
|
|
||||||
|
test "should show unpublished event" do
|
||||||
|
# The controller doesn't seem to restrict access to unpublished events
|
||||||
|
# This might be intentional for preview purposes
|
||||||
|
get event_url(@unpublished_event.slug, @unpublished_event.id)
|
||||||
|
assert_response :success
|
||||||
|
end
|
||||||
|
|
||||||
|
test "should handle mismatched slug and id" do
|
||||||
|
# Even with wrong slug, should still find event by ID
|
||||||
|
get event_url("wrong-slug", @event.id)
|
||||||
|
assert_response :success
|
||||||
|
|
||||||
|
event = assigns(:event)
|
||||||
|
assert_equal @event.id, event.id
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Authentication Tests ===
|
||||||
|
|
||||||
|
test "index should not require authentication" do
|
||||||
|
get events_url
|
||||||
|
assert_response :success
|
||||||
|
# Should not redirect to login (success means it didn't redirect)
|
||||||
|
assert_not_equal 302, @response.status
|
||||||
|
end
|
||||||
|
|
||||||
|
test "show should not require authentication" do
|
||||||
|
get event_url(@event.slug, @event.id)
|
||||||
|
assert_response :success
|
||||||
|
# Should not redirect to login (success means it didn't redirect)
|
||||||
|
assert_not_equal 302, @response.status
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Response Format Tests ===
|
||||||
|
|
||||||
|
test "index should render correct template" do
|
||||||
|
get events_url
|
||||||
|
assert_response :success
|
||||||
|
assert_template :index
|
||||||
|
end
|
||||||
|
|
||||||
|
test "show should render correct template" do
|
||||||
|
get event_url(@event.slug, @event.id)
|
||||||
|
assert_response :success
|
||||||
|
assert_template :show
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Edge Case Tests ===
|
||||||
|
|
||||||
|
test "index should handle empty results" do
|
||||||
|
# Hide all events by making them draft
|
||||||
|
Event.update_all(state: Event.states[:draft])
|
||||||
|
|
||||||
|
get events_url
|
||||||
|
assert_response :success
|
||||||
|
|
||||||
|
events = assigns(:events)
|
||||||
|
assert_not_nil events
|
||||||
|
assert_empty events
|
||||||
|
end
|
||||||
|
|
||||||
|
test "index should handle invalid page parameter" do
|
||||||
|
get events_url, params: { page: "invalid" }
|
||||||
|
assert_response :success
|
||||||
|
# Should default to page 1
|
||||||
|
|
||||||
|
events = assigns(:events)
|
||||||
|
assert_not_nil events
|
||||||
|
end
|
||||||
|
|
||||||
|
test "index should handle negative page parameter" do
|
||||||
|
get events_url, params: { page: -1 }
|
||||||
|
assert_response :success
|
||||||
|
# Should default to page 1
|
||||||
|
|
||||||
|
events = assigns(:events)
|
||||||
|
assert_not_nil events
|
||||||
|
end
|
||||||
|
|
||||||
|
test "index should handle very large page parameter" do
|
||||||
|
get events_url, params: { page: 999999 }
|
||||||
|
assert_response :success
|
||||||
|
# Should handle gracefully (probably empty results)
|
||||||
|
|
||||||
|
events = assigns(:events)
|
||||||
|
assert_not_nil events
|
||||||
|
end
|
||||||
|
end
|
||||||
312
test/controllers/orders_controller_test.rb
Normal file
312
test/controllers/orders_controller_test.rb
Normal file
@@ -0,0 +1,312 @@
|
|||||||
|
require "test_helper"
|
||||||
|
|
||||||
|
class OrdersControllerTest < ActionDispatch::IntegrationTest
|
||||||
|
def setup
|
||||||
|
@user = User.create!(
|
||||||
|
email: "test@example.com",
|
||||||
|
password: "password123",
|
||||||
|
password_confirmation: "password123"
|
||||||
|
)
|
||||||
|
|
||||||
|
@event = Event.create!(
|
||||||
|
name: "Test Event",
|
||||||
|
slug: "test-event",
|
||||||
|
description: "A valid description for the test event that is long enough",
|
||||||
|
latitude: 48.8566,
|
||||||
|
longitude: 2.3522,
|
||||||
|
venue_name: "Test Venue",
|
||||||
|
venue_address: "123 Test Street",
|
||||||
|
user: @user,
|
||||||
|
start_time: 1.week.from_now,
|
||||||
|
end_time: 1.week.from_now + 3.hours,
|
||||||
|
state: :published
|
||||||
|
)
|
||||||
|
|
||||||
|
@ticket_type = TicketType.create!(
|
||||||
|
name: "General Admission",
|
||||||
|
description: "General admission tickets with full access to the event",
|
||||||
|
price_cents: 2500,
|
||||||
|
quantity: 100,
|
||||||
|
sale_start_at: Time.current,
|
||||||
|
sale_end_at: @event.start_time - 1.hour,
|
||||||
|
requires_id: false,
|
||||||
|
event: @event
|
||||||
|
)
|
||||||
|
|
||||||
|
@order = Order.create!(
|
||||||
|
user: @user,
|
||||||
|
event: @event,
|
||||||
|
status: "draft",
|
||||||
|
total_amount_cents: 2500
|
||||||
|
)
|
||||||
|
|
||||||
|
@ticket = Ticket.create!(
|
||||||
|
order: @order,
|
||||||
|
ticket_type: @ticket_type,
|
||||||
|
status: "draft",
|
||||||
|
first_name: "John",
|
||||||
|
last_name: "Doe"
|
||||||
|
)
|
||||||
|
|
||||||
|
sign_in @user
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Authentication Tests ===
|
||||||
|
|
||||||
|
test "should require authentication for all actions" do
|
||||||
|
sign_out @user
|
||||||
|
|
||||||
|
get event_order_new_path(@event.slug, @event.id)
|
||||||
|
assert_redirected_to new_user_session_path
|
||||||
|
|
||||||
|
post event_order_create_path(@event.slug, @event.id)
|
||||||
|
assert_redirected_to new_user_session_path
|
||||||
|
|
||||||
|
get order_path(@order)
|
||||||
|
assert_redirected_to new_user_session_path
|
||||||
|
|
||||||
|
get checkout_order_path(@order)
|
||||||
|
assert_redirected_to new_user_session_path
|
||||||
|
end
|
||||||
|
|
||||||
|
# === New Action Tests ===
|
||||||
|
|
||||||
|
test "should get new with valid event" do
|
||||||
|
# Pass cart data as parameter for testing
|
||||||
|
get event_order_new_path(@event.slug, @event.id), params: {
|
||||||
|
cart_data: { @ticket_type.id.to_s => { "quantity" => "2" } }
|
||||||
|
}
|
||||||
|
|
||||||
|
assert_response :success
|
||||||
|
|
||||||
|
# Should assign tickets_needing_names
|
||||||
|
tickets_needing_names = assigns(:tickets_needing_names)
|
||||||
|
assert_not_nil tickets_needing_names
|
||||||
|
assert_equal 2, tickets_needing_names.size
|
||||||
|
assert_equal @ticket_type.id, tickets_needing_names.first[:ticket_type_id]
|
||||||
|
end
|
||||||
|
|
||||||
|
test "new should redirect when cart is empty" do
|
||||||
|
# Pass empty cart data as parameter
|
||||||
|
get event_order_new_path(@event.slug, @event.id), params: { cart_data: {} }
|
||||||
|
assert_redirected_to event_path(@event.slug, @event)
|
||||||
|
assert_match /sélectionner vos billets/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
test "new should redirect when no cart data" do
|
||||||
|
# No cart data passed as parameter
|
||||||
|
get event_order_new_path(@event.slug, @event.id)
|
||||||
|
assert_redirected_to event_path(@event.slug, @event)
|
||||||
|
assert_match /sélectionner vos billets/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Create Action Tests ===
|
||||||
|
|
||||||
|
test "should create order with valid ticket data" do
|
||||||
|
assert_difference "Order.count", 1 do
|
||||||
|
assert_difference "Ticket.count", 1 do
|
||||||
|
post event_order_create_path(@event.slug, @event.id), params: {
|
||||||
|
cart_data: { @ticket_type.id.to_s => { "quantity" => "1" } },
|
||||||
|
tickets_attributes: {
|
||||||
|
"0" => {
|
||||||
|
ticket_type_id: @ticket_type.id,
|
||||||
|
first_name: "Jane",
|
||||||
|
last_name: "Smith"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
new_order = Order.last
|
||||||
|
assert_equal "draft", new_order.status
|
||||||
|
assert_equal @user, new_order.user
|
||||||
|
assert_equal @event, new_order.event
|
||||||
|
assert_equal @ticket_type.price_cents, new_order.total_amount_cents
|
||||||
|
|
||||||
|
assert_redirected_to checkout_order_path(new_order)
|
||||||
|
assert_equal new_order.id, session[:draft_order_id]
|
||||||
|
assert_nil session[:pending_cart]
|
||||||
|
end
|
||||||
|
|
||||||
|
test "create should redirect when cart is empty" do
|
||||||
|
assert_no_difference "Order.count" do
|
||||||
|
post event_order_create_path(@event.slug, @event.id), params: { cart_data: {} }
|
||||||
|
end
|
||||||
|
|
||||||
|
assert_redirected_to event_path(@event.slug, @event)
|
||||||
|
assert_match /Aucun billet sélectionné/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
test "create should handle missing ticket names" do
|
||||||
|
post event_order_create_path(@event.slug, @event.id), params: {
|
||||||
|
cart_data: { @ticket_type.id.to_s => { "quantity" => "1" } },
|
||||||
|
tickets_attributes: {
|
||||||
|
"0" => {
|
||||||
|
ticket_type_id: @ticket_type.id,
|
||||||
|
first_name: "",
|
||||||
|
last_name: ""
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
# Should redirect back to new order page
|
||||||
|
assert_redirected_to event_order_new_path(@event.slug, @event.id)
|
||||||
|
assert_match /Aucun billet valide créé/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Show Action Tests ===
|
||||||
|
|
||||||
|
test "should show order" do
|
||||||
|
get order_path(@order)
|
||||||
|
assert_response :success
|
||||||
|
|
||||||
|
order = assigns(:order)
|
||||||
|
assert_equal @order, order
|
||||||
|
|
||||||
|
tickets = assigns(:tickets)
|
||||||
|
assert_includes tickets, @ticket
|
||||||
|
end
|
||||||
|
|
||||||
|
test "should not show other user's order" do
|
||||||
|
other_user = User.create!(
|
||||||
|
email: "other@example.com",
|
||||||
|
password: "password123",
|
||||||
|
password_confirmation: "password123"
|
||||||
|
)
|
||||||
|
|
||||||
|
other_order = Order.create!(
|
||||||
|
user: other_user,
|
||||||
|
event: @event,
|
||||||
|
status: "draft",
|
||||||
|
total_amount_cents: 2500
|
||||||
|
)
|
||||||
|
|
||||||
|
get order_path(other_order)
|
||||||
|
# Should redirect to dashboard/root with alert
|
||||||
|
assert_redirected_to root_path
|
||||||
|
assert_match /Commande non trouvée/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Checkout Action Tests ===
|
||||||
|
|
||||||
|
test "should show checkout page" do
|
||||||
|
get checkout_order_path(@order)
|
||||||
|
assert_response :success
|
||||||
|
|
||||||
|
order = assigns(:order)
|
||||||
|
assert_equal @order, order
|
||||||
|
|
||||||
|
tickets = assigns(:tickets)
|
||||||
|
assert_includes tickets, @ticket
|
||||||
|
|
||||||
|
total_amount = assigns(:total_amount)
|
||||||
|
assert_equal @order.total_amount_cents, total_amount
|
||||||
|
|
||||||
|
expiring_soon = assigns(:expiring_soon)
|
||||||
|
assert_not_nil expiring_soon
|
||||||
|
end
|
||||||
|
|
||||||
|
test "checkout should redirect expired order" do
|
||||||
|
# Make order expired
|
||||||
|
@order.update!(expires_at: 1.hour.ago)
|
||||||
|
|
||||||
|
get checkout_order_path(@order)
|
||||||
|
assert_redirected_to event_path(@event.slug, @event)
|
||||||
|
assert_match /commande a expiré/, flash[:alert]
|
||||||
|
|
||||||
|
@order.reload
|
||||||
|
assert_equal "expired", @order.status
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Retry Payment Tests ===
|
||||||
|
|
||||||
|
test "should allow retry payment for retryable order" do
|
||||||
|
post retry_payment_order_path(@order)
|
||||||
|
assert_redirected_to checkout_order_path(@order)
|
||||||
|
end
|
||||||
|
|
||||||
|
test "should not allow retry payment for non-retryable order" do
|
||||||
|
# Make order non-retryable (too many attempts)
|
||||||
|
@order.update!(payment_attempts: Order::MAX_PAYMENT_ATTEMPTS)
|
||||||
|
|
||||||
|
post retry_payment_order_path(@order)
|
||||||
|
assert_redirected_to event_path(@event.slug, @event)
|
||||||
|
assert_match /ne peut plus être payée/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Increment Payment Attempt Tests ===
|
||||||
|
|
||||||
|
test "should increment payment attempt via AJAX" do
|
||||||
|
initial_attempts = @order.payment_attempts
|
||||||
|
|
||||||
|
post increment_payment_attempt_order_path(@order), xhr: true
|
||||||
|
|
||||||
|
assert_response :success
|
||||||
|
|
||||||
|
response_data = JSON.parse(@response.body)
|
||||||
|
assert response_data["success"]
|
||||||
|
assert_equal initial_attempts + 1, response_data["attempts"]
|
||||||
|
|
||||||
|
@order.reload
|
||||||
|
assert_equal initial_attempts + 1, @order.payment_attempts
|
||||||
|
assert_not_nil @order.last_payment_attempt_at
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Payment Success Tests (simplified) ===
|
||||||
|
|
||||||
|
test "payment_success should redirect when Stripe not configured" do
|
||||||
|
# Mock the config to return nil
|
||||||
|
Rails.application.config.stripe = { secret_key: nil }
|
||||||
|
|
||||||
|
get order_payment_success_path, params: { session_id: "test_session" }
|
||||||
|
assert_redirected_to root_path
|
||||||
|
assert_match /système de paiement n'est pas correctement configuré/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Payment Cancel Tests ===
|
||||||
|
|
||||||
|
test "payment_cancel should redirect to checkout if order can retry" do
|
||||||
|
get order_payment_cancel_path, params: { order_id: @order.id }
|
||||||
|
assert_redirected_to checkout_order_path(@order)
|
||||||
|
assert_match /paiement a été annulé.*réessayer/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
test "payment_cancel should redirect to root if no order in session" do
|
||||||
|
get order_payment_cancel_path
|
||||||
|
assert_redirected_to root_path
|
||||||
|
assert_match /paiement a été annulé/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Error Handling Tests ===
|
||||||
|
|
||||||
|
test "should handle non-existent event in new" do
|
||||||
|
get event_order_new_path(@event.slug, 99999)
|
||||||
|
assert_redirected_to events_path
|
||||||
|
assert_match /Événement non trouvé/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
test "should handle non-existent event in create" do
|
||||||
|
post event_order_create_path(@event.slug, 99999)
|
||||||
|
assert_redirected_to events_path
|
||||||
|
assert_match /Événement non trouvé/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
test "should handle non-existent order" do
|
||||||
|
get order_path(99999)
|
||||||
|
assert_redirected_to root_path
|
||||||
|
assert_match /Commande non trouvée/, flash[:alert]
|
||||||
|
end
|
||||||
|
|
||||||
|
# === Route Helper Tests ===
|
||||||
|
|
||||||
|
test "should have correct route helpers" do
|
||||||
|
# Test that the route helpers exist and work
|
||||||
|
assert_not_nil event_order_new_path(@event.slug, @event.id)
|
||||||
|
assert_not_nil event_order_create_path(@event.slug, @event.id)
|
||||||
|
assert_not_nil order_path(@order)
|
||||||
|
assert_not_nil checkout_order_path(@order)
|
||||||
|
assert_not_nil retry_payment_order_path(@order)
|
||||||
|
assert_not_nil increment_payment_attempt_order_path(@order)
|
||||||
|
end
|
||||||
|
end
|
||||||
@@ -1,18 +1,63 @@
|
|||||||
require "test_helper"
|
require "test_helper"
|
||||||
|
|
||||||
class TicketsControllerTest < ActionDispatch::IntegrationTest
|
class TicketsControllerTest < ActionDispatch::IntegrationTest
|
||||||
test "should get new" do
|
include Devise::Test::IntegrationHelpers
|
||||||
get tickets_new_url
|
setup do
|
||||||
assert_response :success
|
@user = User.create!(
|
||||||
|
email: "test@example.com",
|
||||||
|
password: "password123",
|
||||||
|
password_confirmation: "password123"
|
||||||
|
)
|
||||||
|
|
||||||
|
@event = Event.create!(
|
||||||
|
name: "Test Event",
|
||||||
|
slug: "test-event",
|
||||||
|
description: "Valid description for the event that is long enough",
|
||||||
|
latitude: 48.8566,
|
||||||
|
longitude: 2.3522,
|
||||||
|
venue_name: "Test Venue",
|
||||||
|
venue_address: "123 Test Street",
|
||||||
|
user: @user
|
||||||
|
)
|
||||||
|
|
||||||
|
@order = Order.create!(
|
||||||
|
user: @user,
|
||||||
|
event: @event,
|
||||||
|
total_amount_cents: 1000
|
||||||
|
)
|
||||||
|
|
||||||
|
@ticket = Ticket.create!(
|
||||||
|
order: @order,
|
||||||
|
ticket_type: TicketType.create!(
|
||||||
|
name: "Test Ticket",
|
||||||
|
description: "Valid description for the ticket type that is long enough",
|
||||||
|
price_cents: 1000,
|
||||||
|
quantity: 50,
|
||||||
|
sale_start_at: Time.current,
|
||||||
|
sale_end_at: Time.current + 1.day,
|
||||||
|
requires_id: false,
|
||||||
|
event: @event
|
||||||
|
),
|
||||||
|
first_name: "Test",
|
||||||
|
last_name: "User",
|
||||||
|
qr_code: "test-qr-code"
|
||||||
|
)
|
||||||
|
|
||||||
|
sign_in @user
|
||||||
end
|
end
|
||||||
|
|
||||||
test "should get create" do
|
test "should redirect to checkout" do
|
||||||
get tickets_create_url
|
get ticket_checkout_path(@event.slug, @event)
|
||||||
assert_response :success
|
assert_response :redirect
|
||||||
end
|
end
|
||||||
|
|
||||||
test "should get show" do
|
test "should get payment success" do
|
||||||
get tickets_show_url
|
get payment_success_path(session_id: "test_session")
|
||||||
assert_response :success
|
assert_response :redirect
|
||||||
|
end
|
||||||
|
|
||||||
|
test "should get payment cancel" do
|
||||||
|
get payment_cancel_path
|
||||||
|
assert_response :redirect
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|||||||
14
test/fixtures/events.yml
vendored
14
test/fixtures/events.yml
vendored
@@ -1,17 +1,19 @@
|
|||||||
# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
|
# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
|
||||||
|
|
||||||
one:
|
concert_event:
|
||||||
name: Summer Event
|
name: Summer Concert
|
||||||
slug: summer-event
|
slug: summer-concert
|
||||||
description: A great summer event with music and drinks
|
description: A great summer concert with live music and drinks
|
||||||
state: published
|
state: published
|
||||||
venue_name: Beach Club
|
venue_name: Beach Club
|
||||||
venue_address: 123 Ocean Drive
|
venue_address: 123 Ocean Drive
|
||||||
latitude: 40.7128
|
latitude: 40.7128
|
||||||
longitude: -74.0060
|
longitude: -74.0060
|
||||||
|
start_time: <%= 1.week.from_now %>
|
||||||
|
end_time: <%= 1.week.from_now + 4.hours %>
|
||||||
user: one
|
user: one
|
||||||
|
|
||||||
two:
|
winter_gala:
|
||||||
name: Winter Gala
|
name: Winter Gala
|
||||||
slug: winter-gala
|
slug: winter-gala
|
||||||
description: An elegant winter gala for the holidays
|
description: An elegant winter gala for the holidays
|
||||||
@@ -20,4 +22,6 @@ two:
|
|||||||
venue_address: 456 Park Avenue
|
venue_address: 456 Park Avenue
|
||||||
latitude: 40.7589
|
latitude: 40.7589
|
||||||
longitude: -73.9851
|
longitude: -73.9851
|
||||||
|
start_time: <%= 2.weeks.from_now %>
|
||||||
|
end_time: <%= 2.weeks.from_now + 6.hours %>
|
||||||
user: two
|
user: two
|
||||||
|
|||||||
29
test/fixtures/orders.yml
vendored
Normal file
29
test/fixtures/orders.yml
vendored
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
paid_order:
|
||||||
|
user: one
|
||||||
|
event: concert_event
|
||||||
|
status: paid
|
||||||
|
total_amount_cents: 2500
|
||||||
|
payment_attempts: 1
|
||||||
|
expires_at: <%= 1.hour.from_now %>
|
||||||
|
created_at: <%= 1.hour.ago %>
|
||||||
|
updated_at: <%= 1.hour.ago %>
|
||||||
|
|
||||||
|
draft_order:
|
||||||
|
user: one
|
||||||
|
event: concert_event
|
||||||
|
status: draft
|
||||||
|
total_amount_cents: 2500
|
||||||
|
payment_attempts: 0
|
||||||
|
expires_at: <%= 25.minutes.from_now %>
|
||||||
|
created_at: <%= 5.minutes.ago %>
|
||||||
|
updated_at: <%= 5.minutes.ago %>
|
||||||
|
|
||||||
|
expired_order:
|
||||||
|
user: two
|
||||||
|
event: concert_event
|
||||||
|
status: expired
|
||||||
|
total_amount_cents: 2500
|
||||||
|
payment_attempts: 1
|
||||||
|
expires_at: <%= 1.hour.ago %>
|
||||||
|
created_at: <%= 2.hours.ago %>
|
||||||
|
updated_at: <%= 1.hour.ago %>
|
||||||
8
test/fixtures/ticket_types.yml
vendored
8
test/fixtures/ticket_types.yml
vendored
@@ -1,21 +1,21 @@
|
|||||||
# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
|
# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
|
||||||
|
|
||||||
one:
|
standard:
|
||||||
name: General Admission
|
name: General Admission
|
||||||
description: General admission ticket for the event
|
description: General admission ticket for the event
|
||||||
price_cents: 1000
|
price_cents: 1000
|
||||||
quantity: 100
|
quantity: 100
|
||||||
sale_start_at: <%= 1.day.ago %>
|
sale_start_at: <%= 1.day.ago %>
|
||||||
sale_end_at: <%= 1.day.from_now %>
|
sale_end_at: <%= 1.day.from_now %>
|
||||||
event: one
|
event: concert_event
|
||||||
# minimum_age: 18
|
# minimum_age: 18
|
||||||
|
|
||||||
two:
|
vip:
|
||||||
name: VIP Access
|
name: VIP Access
|
||||||
description: VIP access ticket with special privileges
|
description: VIP access ticket with special privileges
|
||||||
price_cents: 2500
|
price_cents: 2500
|
||||||
quantity: 50
|
quantity: 50
|
||||||
sale_start_at: <%= 1.day.ago %>
|
sale_start_at: <%= 1.day.ago %>
|
||||||
sale_end_at: <%= 1.day.from_now %>
|
sale_end_at: <%= 1.day.from_now %>
|
||||||
event: two
|
event: concert_event
|
||||||
# minimum_age: 18
|
# minimum_age: 18
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user