From cf305a63c6f9da09b16793e754bd46dc22b39571 Mon Sep 17 00:00:00 2001
From: Dorine Lambinet <dorine.lambinet@gmail.com>
Date: Wed, 4 Aug 2021 15:29:23 +0200
Subject: [PATCH] =?UTF-8?q?Ajout=20d'une=20phrase=20indiquant=20si=20la=20?=
 =?UTF-8?q?variable=20est=20=C3=A0=20jour=20ou=20non?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../variables/VariableReferredParameters.svelte  | 16 +++++++++++++---
 tailwind.config.cjs                              |  2 ++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/variables/VariableReferredParameters.svelte b/src/lib/components/variables/VariableReferredParameters.svelte
index 94e203f7c..fa18c7e2c 100644
--- a/src/lib/components/variables/VariableReferredParameters.svelte
+++ b/src/lib/components/variables/VariableReferredParameters.svelte
@@ -82,6 +82,18 @@
         </div>
       {/if}
       <div class="ml-4">
+        {#if variable.obsolete}
+          <p class="text-red-600">Ce dispositif est obsolète.</p>
+        {/if}
+        {#if latestFormulaDate < "2020"}
+          <p class="text-yellow-600 font-bold">
+            Ce dispositif n'est peut-être pas à jour.
+          </p>
+        {:else}
+          <p class="text-le-vert-validation-dark font-bold">
+            Ce dispositif est à jour !
+          </p>
+        {/if}
         <p class="text-black">
           La dernière formule permettant de chiffrer ce dispositif sur Leximpact
           {#if latestFormulaDate === "0001-01-01"}
@@ -91,9 +103,7 @@
             <b>{latestFormulaDate.split("-")[0]}</b>.
           {/if}
         </p>
-        {#if variable.obsolete}
-          <p class="text-red-600">Ce dispositif est obsolète.</p>
-        {/if}
+
         <div class="text-xs">
           <a
             class="underline text-gray-500 hover:text-le-bleu"
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 646706ba1..cb5a38a4b 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -17,6 +17,8 @@ const config = {
         "le-gris-dispositif": "#5E709E",
         "le-gris-dispositif-light": "#CCD3E7",
         "le-gris-dispositif-dark": "#2F406A",
+        "le-vert-validation": "#13CC03",
+        "le-vert-validation-dark": "#377330",
         white: colors.white,
       },
       blur: {
-- 
GitLab