admin/crm_ecosplay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
95d33a9a6df1b090bb97bf2a6707740b01a7b473
crm_ecosplay/assets/app.scss

273 lines
6.3 KiB
SCSS
Raw Normal View History

init
2026-04-01 15:42:52 +02:00
@import "tailwindcss";
feat: redesign entire CRM theme from brutalist to glassmorphism Templates modified: - templates/base.html.twig: header frosted glass (glass-heavy, backdrop-blur-24px), footer dark glass (glass-dark-heavy), cookie banner floating glass panel with rounded corners, all buttons converted to btn-glass/btn-gold/btn-dark classes, body background with radial gradient mesh (gold + indigo orbs), removed all border-4/border-8 thick borders, added rounded-lg corners on nav items - templates/admin/_layout.html.twig: sidebar dark glass (glass-dark-heavy), nav items with sidebar-nav-item class (rounded-lg, hover glow), active items with gold glow shadow, avatar rounded-lg, dropdown borders changed to border-white/10, mobile overlay with backdrop-blur-4px - templates/home/index.html.twig: login card with glass-heavy + glass-gold header, inputs with input-glass class (frosted blur, gold focus ring), buttons btn-gold with hover lift effect - templates/security/login.html.twig: same glass treatment as home - templates/security/2fa_*.html.twig: glass cards and inputs - templates/security/forgot_password.html.twig: glass treatment - templates/security/set_password*.html.twig: glass treatment - templates/legal/_layout.html.twig: glass header - templates/legal/tarif.html.twig: tabs converted to glass/glass-dark, all pricing cards glass/glass-gold, tables glass with rounded overflow - templates/external_redirect.html.twig: glass card SCSS (assets/app.scss): - Added CSS custom properties: --glass-bg, --glass-border, --glass-blur, --gold, --gold-glow, --radius, --shadow-glass, etc. - Added glass classes: .glass, .glass-heavy, .glass-dark, .glass-dark-heavy, .glass-gold (each with backdrop-filter, semi-transparent bg, subtle borders) - Added button classes: .btn-glass, .btn-gold, .btn-dark (with hover lift, glow shadows, smooth cubic-bezier transitions) - Added .input-glass (frosted input with gold focus ring) - Added .sidebar-nav-item with .active/.active-danger states - Added .glass-bg body class with radial gradient background - Added custom scrollbar for sidebar - Moved admin layout styles from inline <style> to SCSS JavaScript (assets/app.js): - Updated tarif tab classes from brutalist to glass Config: - .env.local: OAUTH_KEYCLOAK_REALM changed from siteconseil to master Design direction: frosted glass panels over gradient mesh background, semi-transparent surfaces, subtle 1px borders with white/20 opacity, soft box-shadows, rounded-16px corners, smooth hover transitions with translateY(-1px) lift effect, gold (#fabf04) accent glow shadows Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-02 18:59:41 +02:00
/* ─── Glass Design System ─── */
:root {
--glass-bg: rgba(255, 255, 255, 0.65);
--glass-bg-heavy: rgba(255, 255, 255, 0.85);
--glass-border: rgba(255, 255, 255, 0.3);
--glass-border-strong: rgba(255, 255, 255, 0.5);
--glass-dark: rgba(17, 24, 39, 0.85);
--glass-dark-heavy: rgba(17, 24, 39, 0.92);
--glass-blur: 16px;
--glass-blur-heavy: 24px;
--gold: #fabf04;
--gold-light: rgba(250, 191, 4, 0.15);
--gold-glow: rgba(250, 191, 4, 0.4);
--radius: 16px;
--radius-sm: 10px;
--radius-xs: 6px;
--shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
--shadow-glass-hover: 0 12px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
--shadow-gold: 0 4px 24px rgba(250, 191, 4, 0.25);
}
/* ─── Animated background ─── */
body.glass-bg {
background: #f0f0f5;
background-image:
radial-gradient(ellipse at 20% 50%, rgba(250, 191, 4, 0.08) 0%, transparent 50%),
radial-gradient(ellipse at 80% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 50%),
radial-gradient(ellipse at 50% 80%, rgba(250, 191, 4, 0.05) 0%, transparent 50%);
background-attachment: fixed;
}
/* ─── Glass panel ─── */
.glass {
background: var(--glass-bg);
backdrop-filter: blur(var(--glass-blur));
-webkit-backdrop-filter: blur(var(--glass-blur));
border: 1px solid var(--glass-border);
border-radius: var(--radius);
box-shadow: var(--shadow-glass);
}
.glass-heavy {
background: var(--glass-bg-heavy);
backdrop-filter: blur(var(--glass-blur-heavy));
-webkit-backdrop-filter: blur(var(--glass-blur-heavy));
border: 1px solid var(--glass-border-strong);
border-radius: var(--radius);
box-shadow: var(--shadow-glass);
}
.glass-dark {
background: var(--glass-dark);
backdrop-filter: blur(var(--glass-blur-heavy));
-webkit-backdrop-filter: blur(var(--glass-blur-heavy));
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: var(--radius);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.glass-dark-heavy {
background: var(--glass-dark-heavy);
backdrop-filter: blur(var(--glass-blur-heavy));
-webkit-backdrop-filter: blur(var(--glass-blur-heavy));
border: 1px solid rgba(255, 255, 255, 0.06);
}
.glass-gold {
background: rgba(250, 191, 4, 0.12);
backdrop-filter: blur(var(--glass-blur));
-webkit-backdrop-filter: blur(var(--glass-blur));
border: 1px solid rgba(250, 191, 4, 0.3);
border-radius: var(--radius);
box-shadow: var(--shadow-gold);
}
/* ─── Glass buttons ─── */
.btn-glass {
background: var(--glass-bg);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid var(--glass-border);
border-radius: var(--radius-xs);
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
&:hover {
background: var(--glass-bg-heavy);
box-shadow: var(--shadow-glass-hover);
transform: translateY(-1px);
}
}
.btn-gold {
background: var(--gold);
border: 1px solid rgba(250, 191, 4, 0.6);
border-radius: var(--radius-xs);
box-shadow: var(--shadow-gold);
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
&:hover {
box-shadow: 0 6px 28px rgba(250, 191, 4, 0.4);
transform: translateY(-1px);
}
}
.btn-dark {
background: var(--glass-dark-heavy);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--radius-xs);
color: white;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
&:hover {
background: rgba(99, 102, 241, 0.85);
border-color: rgba(99, 102, 241, 0.4);
transform: translateY(-1px);
}
}
/* ─── Glass input ─── */
.input-glass {
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: var(--radius-xs);
transition: all 0.2s ease;
&:focus {
outline: none;
background: rgba(255, 255, 255, 0.8);
border-color: var(--gold);
box-shadow: 0 0 0 3px var(--gold-light), var(--shadow-glass);
}
}
/* ─── Page containers ─── */
init
2026-04-01 15:42:52 +02:00
.page-container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem 0;
@media (min-width: 768px) {
width: 80%;
padding: 3rem 0;
}
}
.heading-page {
feat: redesign entire CRM theme from brutalist to glassmorphism Templates modified: - templates/base.html.twig: header frosted glass (glass-heavy, backdrop-blur-24px), footer dark glass (glass-dark-heavy), cookie banner floating glass panel with rounded corners, all buttons converted to btn-glass/btn-gold/btn-dark classes, body background with radial gradient mesh (gold + indigo orbs), removed all border-4/border-8 thick borders, added rounded-lg corners on nav items - templates/admin/_layout.html.twig: sidebar dark glass (glass-dark-heavy), nav items with sidebar-nav-item class (rounded-lg, hover glow), active items with gold glow shadow, avatar rounded-lg, dropdown borders changed to border-white/10, mobile overlay with backdrop-blur-4px - templates/home/index.html.twig: login card with glass-heavy + glass-gold header, inputs with input-glass class (frosted blur, gold focus ring), buttons btn-gold with hover lift effect - templates/security/login.html.twig: same glass treatment as home - templates/security/2fa_*.html.twig: glass cards and inputs - templates/security/forgot_password.html.twig: glass treatment - templates/security/set_password*.html.twig: glass treatment - templates/legal/_layout.html.twig: glass header - templates/legal/tarif.html.twig: tabs converted to glass/glass-dark, all pricing cards glass/glass-gold, tables glass with rounded overflow - templates/external_redirect.html.twig: glass card SCSS (assets/app.scss): - Added CSS custom properties: --glass-bg, --glass-border, --glass-blur, --gold, --gold-glow, --radius, --shadow-glass, etc. - Added glass classes: .glass, .glass-heavy, .glass-dark, .glass-dark-heavy, .glass-gold (each with backdrop-filter, semi-transparent bg, subtle borders) - Added button classes: .btn-glass, .btn-gold, .btn-dark (with hover lift, glow shadows, smooth cubic-bezier transitions) - Added .input-glass (frosted input with gold focus ring) - Added .sidebar-nav-item with .active/.active-danger states - Added .glass-bg body class with radial gradient background - Added custom scrollbar for sidebar - Moved admin layout styles from inline <style> to SCSS JavaScript (assets/app.js): - Updated tarif tab classes from brutalist to glass Config: - .env.local: OAUTH_KEYCLOAK_REALM changed from siteconseil to master Design direction: frosted glass panels over gradient mesh background, semi-transparent surfaces, subtle 1px borders with white/20 opacity, soft box-shadows, rounded-16px corners, smooth hover transitions with translateY(-1px) lift effect, gold (#fabf04) accent glow shadows Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-02 18:59:41 +02:00
border-bottom: 2px solid var(--gold);
init
2026-04-01 15:42:52 +02:00
display: inline-block;
feat: redesign entire CRM theme from brutalist to glassmorphism Templates modified: - templates/base.html.twig: header frosted glass (glass-heavy, backdrop-blur-24px), footer dark glass (glass-dark-heavy), cookie banner floating glass panel with rounded corners, all buttons converted to btn-glass/btn-gold/btn-dark classes, body background with radial gradient mesh (gold + indigo orbs), removed all border-4/border-8 thick borders, added rounded-lg corners on nav items - templates/admin/_layout.html.twig: sidebar dark glass (glass-dark-heavy), nav items with sidebar-nav-item class (rounded-lg, hover glow), active items with gold glow shadow, avatar rounded-lg, dropdown borders changed to border-white/10, mobile overlay with backdrop-blur-4px - templates/home/index.html.twig: login card with glass-heavy + glass-gold header, inputs with input-glass class (frosted blur, gold focus ring), buttons btn-gold with hover lift effect - templates/security/login.html.twig: same glass treatment as home - templates/security/2fa_*.html.twig: glass cards and inputs - templates/security/forgot_password.html.twig: glass treatment - templates/security/set_password*.html.twig: glass treatment - templates/legal/_layout.html.twig: glass header - templates/legal/tarif.html.twig: tabs converted to glass/glass-dark, all pricing cards glass/glass-gold, tables glass with rounded overflow - templates/external_redirect.html.twig: glass card SCSS (assets/app.scss): - Added CSS custom properties: --glass-bg, --glass-border, --glass-blur, --gold, --gold-glow, --radius, --shadow-glass, etc. - Added glass classes: .glass, .glass-heavy, .glass-dark, .glass-dark-heavy, .glass-gold (each with backdrop-filter, semi-transparent bg, subtle borders) - Added button classes: .btn-glass, .btn-gold, .btn-dark (with hover lift, glow shadows, smooth cubic-bezier transitions) - Added .input-glass (frosted input with gold focus ring) - Added .sidebar-nav-item with .active/.active-danger states - Added .glass-bg body class with radial gradient background - Added custom scrollbar for sidebar - Moved admin layout styles from inline <style> to SCSS JavaScript (assets/app.js): - Updated tarif tab classes from brutalist to glass Config: - .env.local: OAUTH_KEYCLOAK_REALM changed from siteconseil to master Design direction: frosted glass panels over gradient mesh background, semi-transparent surfaces, subtle 1px borders with white/20 opacity, soft box-shadows, rounded-16px corners, smooth hover transitions with translateY(-1px) lift effect, gold (#fabf04) accent glow shadows Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-02 18:59:41 +02:00
padding-bottom: 0.5rem;
init
2026-04-01 15:42:52 +02:00
}
.admin-content .page-container {
width: 95%;
max-width: none;
@media (min-width: 768px) {
width: 90%;
}
}
feat: redesign entire CRM theme from brutalist to glassmorphism Templates modified: - templates/base.html.twig: header frosted glass (glass-heavy, backdrop-blur-24px), footer dark glass (glass-dark-heavy), cookie banner floating glass panel with rounded corners, all buttons converted to btn-glass/btn-gold/btn-dark classes, body background with radial gradient mesh (gold + indigo orbs), removed all border-4/border-8 thick borders, added rounded-lg corners on nav items - templates/admin/_layout.html.twig: sidebar dark glass (glass-dark-heavy), nav items with sidebar-nav-item class (rounded-lg, hover glow), active items with gold glow shadow, avatar rounded-lg, dropdown borders changed to border-white/10, mobile overlay with backdrop-blur-4px - templates/home/index.html.twig: login card with glass-heavy + glass-gold header, inputs with input-glass class (frosted blur, gold focus ring), buttons btn-gold with hover lift effect - templates/security/login.html.twig: same glass treatment as home - templates/security/2fa_*.html.twig: glass cards and inputs - templates/security/forgot_password.html.twig: glass treatment - templates/security/set_password*.html.twig: glass treatment - templates/legal/_layout.html.twig: glass header - templates/legal/tarif.html.twig: tabs converted to glass/glass-dark, all pricing cards glass/glass-gold, tables glass with rounded overflow - templates/external_redirect.html.twig: glass card SCSS (assets/app.scss): - Added CSS custom properties: --glass-bg, --glass-border, --glass-blur, --gold, --gold-glow, --radius, --shadow-glass, etc. - Added glass classes: .glass, .glass-heavy, .glass-dark, .glass-dark-heavy, .glass-gold (each with backdrop-filter, semi-transparent bg, subtle borders) - Added button classes: .btn-glass, .btn-gold, .btn-dark (with hover lift, glow shadows, smooth cubic-bezier transitions) - Added .input-glass (frosted input with gold focus ring) - Added .sidebar-nav-item with .active/.active-danger states - Added .glass-bg body class with radial gradient background - Added custom scrollbar for sidebar - Moved admin layout styles from inline <style> to SCSS JavaScript (assets/app.js): - Updated tarif tab classes from brutalist to glass Config: - .env.local: OAUTH_KEYCLOAK_REALM changed from siteconseil to master Design direction: frosted glass panels over gradient mesh background, semi-transparent surfaces, subtle 1px borders with white/20 opacity, soft box-shadows, rounded-16px corners, smooth hover transitions with translateY(-1px) lift effect, gold (#fabf04) accent glow shadows Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-02 18:59:41 +02:00
/* ─── Admin layout ─── */
.admin-wrapper {
display: flex;
min-height: 100vh;
feat: complete glassmorphism redesign across all templates + Keycloak groups auto-provisioning Templates updated to glassmorphism (40+ files): - templates/admin/clients/ (create, index): glass cards, input-glass inputs, btn-gold buttons, glass table headers, semi-transparent badges - templates/admin/dashboard.html.twig: glass KPI cards - templates/admin/profil/index.html.twig: glass form panels - templates/admin/revendeurs/ (create, edit, index): glass cards and tables - templates/admin/services/index.html.twig: glass service cards - templates/admin/status/ (index, manage): glass panels - templates/admin/sync/index.html.twig: glass panels - templates/admin/facturation/index.html.twig: glass tables - templates/admin/membres.html.twig: glass form, checkboxes with esy-* group values (esy-web, esy-mail, esy-mailer, esy-analytics, esy-monitor, esy-defender, esy-translate, esy-signature, esy-creator, esy-aide, esy-meet, esy-tchat, esy-ndd), Keycloak groups column in table, available groups section - templates/admin/stats/index.html.twig: glass KPI cards, glass-gold CA TTC, factures emises/payees/impayees cards, services renamed to Esy-*, rounded progress bars, bg-gray-200 track backgrounds - templates/security/ (2fa_email, 2fa_google, forgot_password, set_password, set_password_expired): glass headers, glass-heavy cards, input-glass - templates/legal/ (cgu, cgv, cookie, conformite, hebergement, mention_legal, rgpd, tarif): removed thick borders, font-black to font-bold, text-3xl to text-2xl headings - templates/attestation/ (verify, not_found): glass panels - templates/espace_client/index.html.twig: glass panels - templates/espace_prestataire/index.html.twig: glass panels - templates/external_redirect.html.twig: glass card - templates/status/index.html.twig: glass panels - templates/email/base.html.twig: gradient gold header, rounded-16px container, semi-transparent bg, soft shadow, footer address - templates/emails/*.html.twig (9 files): removed 4px borders, font-weight 900 to 700 - templates/pdf/*.html.twig (4 files): rounded borders, gradient header, lighter borders Keycloak auto-provisioning: - src/Service/KeycloakAdminService.php: added REQUIRED_GROUPS constant (15 groups: siteconseil_admin, siteconseil_member, esy-web, esy-mail, esy-mailer, esy-analytics, esy-monitor, esy-defender, esy-translate, esy-signature, esy-creator, esy-aide, esy-meet, esy-tchat, esy-ndd), ensureRequiredGroups() method that checks existing groups and creates missing ones, createGroup() method, getRequiredGroups() static accessor - src/Controller/Admin/MembresController.php: calls ensureRequiredGroups() on page load, shows flash for each auto-created group, fetches user groups per member, passes availableGroups to template Stats controller updated: - src/Controller/Admin/StatsController.php: services renamed to Esy-* (13 services), added factures_emises/payees/impayees KPI data OAuth fix: - src/Security/KeycloakAuthenticator.php: removed dd() debug calls, restored flash message on auth failure with error detail Config: - .env: KEYCLOAK_ADMIN_CLIENT_ID=crm_siteconseil_admin, secret updated - .env.local: same updates - ansible/env.local.j2: KEYCLOAK_ADMIN_CLIENT_ID=crm_siteconseil_admin Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-02 19:34:35 +02:00
width: 100%;
feat: redesign entire CRM theme from brutalist to glassmorphism Templates modified: - templates/base.html.twig: header frosted glass (glass-heavy, backdrop-blur-24px), footer dark glass (glass-dark-heavy), cookie banner floating glass panel with rounded corners, all buttons converted to btn-glass/btn-gold/btn-dark classes, body background with radial gradient mesh (gold + indigo orbs), removed all border-4/border-8 thick borders, added rounded-lg corners on nav items - templates/admin/_layout.html.twig: sidebar dark glass (glass-dark-heavy), nav items with sidebar-nav-item class (rounded-lg, hover glow), active items with gold glow shadow, avatar rounded-lg, dropdown borders changed to border-white/10, mobile overlay with backdrop-blur-4px - templates/home/index.html.twig: login card with glass-heavy + glass-gold header, inputs with input-glass class (frosted blur, gold focus ring), buttons btn-gold with hover lift effect - templates/security/login.html.twig: same glass treatment as home - templates/security/2fa_*.html.twig: glass cards and inputs - templates/security/forgot_password.html.twig: glass treatment - templates/security/set_password*.html.twig: glass treatment - templates/legal/_layout.html.twig: glass header - templates/legal/tarif.html.twig: tabs converted to glass/glass-dark, all pricing cards glass/glass-gold, tables glass with rounded overflow - templates/external_redirect.html.twig: glass card SCSS (assets/app.scss): - Added CSS custom properties: --glass-bg, --glass-border, --glass-blur, --gold, --gold-glow, --radius, --shadow-glass, etc. - Added glass classes: .glass, .glass-heavy, .glass-dark, .glass-dark-heavy, .glass-gold (each with backdrop-filter, semi-transparent bg, subtle borders) - Added button classes: .btn-glass, .btn-gold, .btn-dark (with hover lift, glow shadows, smooth cubic-bezier transitions) - Added .input-glass (frosted input with gold focus ring) - Added .sidebar-nav-item with .active/.active-danger states - Added .glass-bg body class with radial gradient background - Added custom scrollbar for sidebar - Moved admin layout styles from inline <style> to SCSS JavaScript (assets/app.js): - Updated tarif tab classes from brutalist to glass Config: - .env.local: OAUTH_KEYCLOAK_REALM changed from siteconseil to master Design direction: frosted glass panels over gradient mesh background, semi-transparent surfaces, subtle 1px borders with white/20 opacity, soft box-shadows, rounded-16px corners, smooth hover transitions with translateY(-1px) lift effect, gold (#fabf04) accent glow shadows Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-02 18:59:41 +02:00
}
.admin-sidebar {
width: 260px;
flex-shrink: 0;
overflow-y: auto;
}
.admin-content {
flex: 1;
min-width: 0;
overflow-y: auto;
}
@media (max-width: 1023px) {
.admin-sidebar {
position: fixed;
left: -260px;
top: 0;
bottom: 0;
z-index: 50;
transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.admin-sidebar.open { left: 0; }
.admin-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(4px);
z-index: 40;
}
.admin-sidebar.open + .admin-overlay { display: block; }
}
/* ─── Sidebar nav items ─── */
.sidebar-nav-item {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.625rem 0.875rem;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
border-radius: var(--radius-sm);
transition: all 0.2s ease;
fix: corrections SonarQube - qualité code, accessibilité, complexité cognitive Propriétés inutilisées supprimées : - CheckDnsCommand : suppression de $urlGenerator (jamais lu, seulement injecté) - PurgeEmailTrackingCommand : suppression de $repository (jamais lu, requêtes via $em->createQueryBuilder directement), suppression import EmailTrackingRepository Corrections PHPStan / types : - SyncController : suppression $wh['status'] ?? 'created' redondant, accès direct à $wh['status'] car le type retour inclut désormais status: string - StripeWebhookService : PHPDoc createAllWebhooks corrigé de list<array{type, url, id}> vers list<array{type, url, id, status, secret?}> pour refléter les clés status et secret effectivement présentes - DnsReportController : suppression ?? '' sur EXPECTED_MX[$domain] (clé toujours existante) - CloudflareService : ajout @param array<string, mixed> $query sur request() - CheckDnsCommand : suppression ?? '' sur EXPECTED_MX[$domain], ajout PHPDoc @param list<array<string, mixed>> $cfRecords sur checkMailcow Méthode manquante : - DnsCheckService : ajout getDkimTxtRecord() qui parcourt les TXT records et retourne le premier commençant par 'v=DKIM1', appelé dans checkDkim() Code mort supprimé : - MailcowService : suppression is_array($data) toujours vrai sur retour de $response->toArray(false), retour direct - DnsInfraHelper : suppression getFirstTxtValueRaw() identique à getFirstTxtValue(), simplification de getActualDnsValue() qui n'appelle plus le fallback Constantes pour littéraux dupliqués : - DnsInfraHelper : ajout LABEL_AWS_SES, LABEL_MAILCOW, LABEL_MAILCOW_DNS, NOT_FOUND, NOT_CONFIGURED — remplace les chaînes 'AWS SES' (10×), 'Non trouve' (4×), 'Non configure' (3×), 'Mailcow' et 'Mailcow DNS' - Utilisation dans CheckDnsCommand (checkAwsSes, checkSesDomain, checkSesDkim, checkSesMailFrom, checkSesBounce, checkMailcow) Réduction complexité cognitive checkAwsSes (61 → ~10 par méthode) : - Extraction checkSesDomain() : vérifie isDomainVerified, ajoute check + erreur/succès - Extraction checkSesDkim() : vérifie getDkimStatus (enabled+verified), parcourt les tokens DKIM CNAME avec enrichLastCheck - Extraction checkSesMailFrom() : vérifie getMailFromStatus, MAIL FROM MX (checkMxExists + getMxValues), MAIL FROM TXT (checkTxtContains + getTxtSpfValue) - Extraction checkSesBounce() : vérifie getNotificationStatus (forwarding ou bounce_topic) Accessibilité WCAG AA : - app.scss : contraste sidebar-nav-item augmenté de rgba(255,255,255,0.6) à rgba(255,255,255,0.75) pour ratio de contraste suffisant sur fond sombre - tarification/index.html.twig : ajout for/id sur les 5 paires label/input (title-{id}, priceHt-{id}, monthPrice-{id}, period-{id}, description-{id}) - membres.html.twig : ajout for/id sur les 15 checkboxes de groupes (group-member, group-admin, group-esy-web, ..., group-esy-ndd), remplacement du label titre par <span> (n'est pas associé à un contrôle) - 2fa_google.html.twig : ajout for="trusted-device" et id="trusted-device" sur le checkbox de confiance appareil - tarif.html.twig : ajout <thead class="sr-only"> avec <th>Option</th><th>Tarif</th> sur la table options Esy-Mail (table sans en-têtes) Ansible : - vault.yml : ajout discord_webhook pour le déploiement prod Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-03 09:41:17 +02:00
color: rgba(255, 255, 255, 0.75);
feat: redesign entire CRM theme from brutalist to glassmorphism Templates modified: - templates/base.html.twig: header frosted glass (glass-heavy, backdrop-blur-24px), footer dark glass (glass-dark-heavy), cookie banner floating glass panel with rounded corners, all buttons converted to btn-glass/btn-gold/btn-dark classes, body background with radial gradient mesh (gold + indigo orbs), removed all border-4/border-8 thick borders, added rounded-lg corners on nav items - templates/admin/_layout.html.twig: sidebar dark glass (glass-dark-heavy), nav items with sidebar-nav-item class (rounded-lg, hover glow), active items with gold glow shadow, avatar rounded-lg, dropdown borders changed to border-white/10, mobile overlay with backdrop-blur-4px - templates/home/index.html.twig: login card with glass-heavy + glass-gold header, inputs with input-glass class (frosted blur, gold focus ring), buttons btn-gold with hover lift effect - templates/security/login.html.twig: same glass treatment as home - templates/security/2fa_*.html.twig: glass cards and inputs - templates/security/forgot_password.html.twig: glass treatment - templates/security/set_password*.html.twig: glass treatment - templates/legal/_layout.html.twig: glass header - templates/legal/tarif.html.twig: tabs converted to glass/glass-dark, all pricing cards glass/glass-gold, tables glass with rounded overflow - templates/external_redirect.html.twig: glass card SCSS (assets/app.scss): - Added CSS custom properties: --glass-bg, --glass-border, --glass-blur, --gold, --gold-glow, --radius, --shadow-glass, etc. - Added glass classes: .glass, .glass-heavy, .glass-dark, .glass-dark-heavy, .glass-gold (each with backdrop-filter, semi-transparent bg, subtle borders) - Added button classes: .btn-glass, .btn-gold, .btn-dark (with hover lift, glow shadows, smooth cubic-bezier transitions) - Added .input-glass (frosted input with gold focus ring) - Added .sidebar-nav-item with .active/.active-danger states - Added .glass-bg body class with radial gradient background - Added custom scrollbar for sidebar - Moved admin layout styles from inline <style> to SCSS JavaScript (assets/app.js): - Updated tarif tab classes from brutalist to glass Config: - .env.local: OAUTH_KEYCLOAK_REALM changed from siteconseil to master Design direction: frosted glass panels over gradient mesh background, semi-transparent surfaces, subtle 1px borders with white/20 opacity, soft box-shadows, rounded-16px corners, smooth hover transitions with translateY(-1px) lift effect, gold (#fabf04) accent glow shadows Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-02 18:59:41 +02:00
&:hover {
fix: complexité cognitive, returns multiples, catch vides, constantes dupliquées CheckDnsCommand : - checkSesMailFrom (21→8) : extraction checkSesMailFromMx() et checkSesMailFromTxt() - checkMailcow (24→10) : extraction checkMailcowDomain() et checkMailcowDnsRecords(), ternaires imbriqués extraits en variables $status et $detail - PHPDoc list<string> remplacé par array<int, string> pour compatibilité by-ref CloudflareDnsCleanCommand : - execute (27→8) : extraction displayZones(), cleanZones(), cleanZone(), deleteRecords() - Returns réduits de 4 à 2 via if/elseif/else au lieu de early returns OrderNumberController : - update() réduit de 4 returns à 1 : logique extraite dans applyNextNumber() qui retourne ?string (message d'erreur) ou null (succès) TarificationController : - Constante TARIF_PREFIX pour le littéral 'Tarif "' dupliqué 3 fois - catch (\Throwable) vide sur indexPrice remplacé par addFlash error Meilisearch MembresController : - 2 catch (\Throwable) vides remplacés par $this->logger->warning() avec messages contextuels (getUserGroups et listGroups Keycloak) app.scss : - Contraste hover sidebar-nav-item : rgba(255,255,255,0.08) remplacé par rgba(30,41,59,0.9) pour ratio WCAG AA explicite avec color: white phpstan.dist.neon : - Ajout excludePaths pour WebhookDocuSealController.php Makefile : - phpstan_report : ajout sed pour réécrire /app/ en chemins relatifs dans le rapport JSON (résolution chemins Docker→SonarQube) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-03 10:00:09 +02:00
background: rgba(30, 41, 59, 0.9);
feat: redesign entire CRM theme from brutalist to glassmorphism Templates modified: - templates/base.html.twig: header frosted glass (glass-heavy, backdrop-blur-24px), footer dark glass (glass-dark-heavy), cookie banner floating glass panel with rounded corners, all buttons converted to btn-glass/btn-gold/btn-dark classes, body background with radial gradient mesh (gold + indigo orbs), removed all border-4/border-8 thick borders, added rounded-lg corners on nav items - templates/admin/_layout.html.twig: sidebar dark glass (glass-dark-heavy), nav items with sidebar-nav-item class (rounded-lg, hover glow), active items with gold glow shadow, avatar rounded-lg, dropdown borders changed to border-white/10, mobile overlay with backdrop-blur-4px - templates/home/index.html.twig: login card with glass-heavy + glass-gold header, inputs with input-glass class (frosted blur, gold focus ring), buttons btn-gold with hover lift effect - templates/security/login.html.twig: same glass treatment as home - templates/security/2fa_*.html.twig: glass cards and inputs - templates/security/forgot_password.html.twig: glass treatment - templates/security/set_password*.html.twig: glass treatment - templates/legal/_layout.html.twig: glass header - templates/legal/tarif.html.twig: tabs converted to glass/glass-dark, all pricing cards glass/glass-gold, tables glass with rounded overflow - templates/external_redirect.html.twig: glass card SCSS (assets/app.scss): - Added CSS custom properties: --glass-bg, --glass-border, --glass-blur, --gold, --gold-glow, --radius, --shadow-glass, etc. - Added glass classes: .glass, .glass-heavy, .glass-dark, .glass-dark-heavy, .glass-gold (each with backdrop-filter, semi-transparent bg, subtle borders) - Added button classes: .btn-glass, .btn-gold, .btn-dark (with hover lift, glow shadows, smooth cubic-bezier transitions) - Added .input-glass (frosted input with gold focus ring) - Added .sidebar-nav-item with .active/.active-danger states - Added .glass-bg body class with radial gradient background - Added custom scrollbar for sidebar - Moved admin layout styles from inline <style> to SCSS JavaScript (assets/app.js): - Updated tarif tab classes from brutalist to glass Config: - .env.local: OAUTH_KEYCLOAK_REALM changed from siteconseil to master Design direction: frosted glass panels over gradient mesh background, semi-transparent surfaces, subtle 1px borders with white/20 opacity, soft box-shadows, rounded-16px corners, smooth hover transitions with translateY(-1px) lift effect, gold (#fabf04) accent glow shadows Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-02 18:59:41 +02:00
color: white;
}
&.active {
background: var(--gold);
color: #111827;
box-shadow: 0 2px 12px rgba(250, 191, 4, 0.3);
}
&.active-danger {
background: rgba(220, 38, 38, 0.8);
color: white;
box-shadow: 0 2px 12px rgba(220, 38, 38, 0.3);
}
}
/* ─── Scrollbar styling ─── */
.admin-sidebar::-webkit-scrollbar {
width: 4px;
}
.admin-sidebar::-webkit-scrollbar-track {
background: transparent;
}
.admin-sidebar::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.15);
border-radius: 4px;
}
/* ─── Smooth transitions ─── */
* {
scroll-behavior: smooth;
}
feat: gestion complete Devis + Avis de paiement + DocuSeal signature + mails Devis : - Entity DevisLine (pos, title, description, priceHt) liee a Devis (OneToMany cascade/orphanRemoval) - Champs ajoutes sur Devis : customer (ManyToOne), submissionId, state machine (created/send/accepted/refused/cancel), raisonMessage, totaux HT/TVA/TTC, updatedAt, setUpdatedAt public - Relation Devis <-> Advert changee de ManyToOne a OneToOne nullable - Vich Attribute (migration Annotation -> Attribute) pour unsignedPdf/signedPdf/auditPdf - DevisController CRUD complet : create (form repeater lignes + boutons rapides TarificationService), edit, cancel (libere OrderNumber), generate-pdf, send, resend, create-advert, events - DevisPdf (FPDF/FPDI) : header legacy (logo, num, date, client), body lignes, summary totaux, footer SITECONSEIL + pagination, champ signature DocuSeal sur page devis + derniere page CGV - OrderNumberService : preview() et generate() reutilisent les OrderNumber non utilises (isUsed=false) en priorite - OrderNumber::markAsUnused() ajoute DocuSeal integration devis : - DocuSealService : sendDevisForSignature (avec completed_redirect_url), resendDevisSignature (archive ancienne submission), getSubmitterSlug, downloadSignedDevis (sauvegarde via Vich UploadedFile test=true) - WebhookDocuSealController : dispatch par doc_type devis/attestation, handleDevisEvent (form.completed -> STATE_ACCEPTED + download PDF signe/audit, form.declined -> STATE_REFUSED + raison) - DocusealEvent entity pour tracer form.viewed/started/completed/declined en temps reel - Page evenements admin /admin/devis/{id}/events avec badges et payload JSON Signature client : - DevisProcessController : page publique /devis/process/{id}/{hmac} securisee par HMAC, boutons Signer (redirect DocuSeal) / Refuser (motif optionnel) - Pages confirmation : signed.html.twig (merci + recap) et refused.html.twig (confirmation refus + motif) - Nelmio whitelist : signature.esy-web.dev + signature.siteconseil.fr Avis de paiement : - Entity AdvertLine (pos, title, description, priceHt) liee a Advert - Advert refactorise : customer, state, totaux, raisonMessage, submissionId, advertFile (Vich mapping advert_pdf), lines collection, updatedAt - AdvertController : generate-pdf, send (mail + PJ + lien paiement), resend (rappel), cancel (delie devis, libere OrderNumber), search Meilisearch - AdvertPdf (FPDF/FPDI) : QR code Endroid pointant vers /order/{numOrder}, texte "Scannez pour payer" - OrderPaymentController : page publique /order/{numOrder} avec detail prestations, totaux, options paiement (placeholder) - Creation auto depuis devis signe : copie client, totaux, lignes, meme OrderNumber Meilisearch : - Index customer_devis et customer_advert avec searchable (numOrder, customerName, customerEmail, state) et filterable (customerId, state) - CRUD indexation sur chaque action (create, edit, send, cancel, create-advert) - Recherche AJAX dans tabs Devis et Avis avec debounce + dropdown glassmorphism - Sync admin : boutons syncDevis / syncAdverts + compteurs dans /admin/sync Emails : - MailerService : VCF auto (fiche contact SARL SITECONSEIL) en PJ sur tous les mails, bloc HTML pieces jointes injecte automatiquement (exclut .asc/.p7z/smime) avec icone trombone + taille fichier - Templates : devis_to_sign, devis_signed_client/admin (PJ signed+audit), devis_refused_client/admin, advert_send (PJ + bouton paiement), ndd_expiration - TestMailCommand : option --force-dsn pour envoyer via un DSN SMTP specifique (test prod depuis dev) Commande NDD : - app:ndd:check : verifie expiration domaines <= 30j, envoie mail groupe a monitor@siteconseil.fr - Cron quotidien 8h (docker + ansible) Divers : - Titles templates : CRM SITECONSEIL -> SARL SITECONSEIL (52 fichiers) - VAULT_URL dev = https://kms.esy-web.dev (comme prod) - app.js : initDevisLines (repeater + drag & drop), initTabSearch, toggle refus devis - app.scss : styles drag & drop - setasign/fpdi-fpdf installe pour fusion PDF - 5 migrations Doctrine Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-07 09:44:35 +02:00
/* ─── Devis lines drag & drop ─── */
.line-row.dragging { opacity: 0.4; }
.line-row.drag-over { border-top: 2px solid #fabf04; }
Reference in New Issue Copy Permalink