Refactor Radar UI: update status classes and button styles for improved consistency and user experience. Replace indigo color scheme with primary and zinc colors in various UI elements.

This commit is contained in:
2026-08-21 11:35:26 -04:00
parent b9320aa717
commit df50d8535c

View File

@ -24,11 +24,12 @@ $statusLabel = static function (string $status): string {
};
};
$statusClass = static function (string $status): string {
// Classes présentes dans assets/raven/css/style.css (pas indigo-* purgé).
return match ($status) {
'classe' => 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/40 dark:text-emerald-200',
'a_mettre_dans_crm' => 'bg-amber-100 text-amber-900 dark:bg-amber-900/40 dark:text-amber-200',
'classe' => 'bg-primary/10 text-primary',
'a_mettre_dans_crm' => 'bg-amber-500/20 text-zinc-900 dark:text-zinc-100',
'ignore' => 'bg-zinc-200 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300',
default => 'bg-indigo-100 text-indigo-800 dark:bg-indigo-900/40 dark:text-indigo-200',
default => 'bg-zinc-100 text-zinc-800 dark:bg-zinc-800 dark:text-zinc-200',
};
};
?>
@ -51,8 +52,7 @@ $statusClass = static function (string $status): string {
</div>
<div class="flex flex-col items-end gap-2">
<?php if ($ready): ?>
<a href="<?= esc($syncUrl) ?>"
class="inline-flex items-center rounded-lg bg-indigo-600 px-3 py-2 text-sm font-medium text-white hover:bg-indigo-500">
<a href="<?= esc($syncUrl) ?>" class="btn bg-primary text-white">
Sync Gmail (v0)
</a>
<?php endif; ?>
@ -64,13 +64,13 @@ $statusClass = static function (string $status): string {
</div>
<?php if ($syncMsg): ?>
<div class="rounded-xl border border-indigo-200 bg-indigo-50 px-4 py-3 text-sm text-indigo-950 dark:border-indigo-800 dark:bg-indigo-950/40 dark:text-indigo-100">
<?= esc($syncMsg) ?>
<div class="rounded-xl border border-zinc-200 bg-primary/10 px-4 py-3 text-sm text-zinc-900 dark:border-zinc-700 dark:text-zinc-100">
<strong>Résultat sync :</strong> <?= esc($syncMsg) ?>
</div>
<?php endif; ?>
<?php if (!$ready): ?>
<div class="rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-950 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-100">
<div class="rounded-xl border border-zinc-200 bg-zinc-100 px-4 py-3 text-sm text-zinc-900 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-100">
Tables absentes. Exécuter <code class="font-mono">sql/IDEE-4-radar-proto.sql</code> sur la BD CRM de <strong>dev</strong>, puis recharger.
</div>
<?php else: ?>
@ -80,8 +80,7 @@ $statusClass = static function (string $status): string {
Sync = Gmail readonly sur <span class="font-mono text-xs"><?= esc(implode(', ', $allowlist)) ?></span>.
Analyse IA (MSOP-3) pas encore.
</p>
<a href="<?= esc($syncUrl) ?>"
class="inline-flex shrink-0 items-center rounded-lg bg-indigo-600 px-4 py-2.5 text-sm font-semibold text-white hover:bg-indigo-500">
<a href="<?= esc($syncUrl) ?>" class="btn bg-primary text-white shrink-0">
Sync Gmail (v0)
</a>
</div>
@ -185,10 +184,10 @@ $statusClass = static function (string $status): string {
ignore: 'Ignoré'
};
const statusClass = {
classe: 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/40 dark:text-emerald-200',
a_mettre_dans_crm: 'bg-amber-100 text-amber-900 dark:bg-amber-900/40 dark:text-amber-200',
classe: 'bg-primary/10 text-primary',
a_mettre_dans_crm: 'bg-amber-500/20 text-zinc-900 dark:text-zinc-100',
ignore: 'bg-zinc-200 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300',
a_classer: 'bg-indigo-100 text-indigo-800 dark:bg-indigo-900/40 dark:text-indigo-200'
a_classer: 'bg-zinc-100 text-zinc-800 dark:bg-zinc-800 dark:text-zinc-200'
};
function esc(s) {