corrige le statut du manque de certifications

pages/hash/_hash.vue

@@ -10,9 +10,9 @@
       <div class="row mt-3" v-if="idFromHash.status != 'REVOKED' && idFromHash.status != 'NEWCOMER'">
         <div class="col-12 col-md-6 mb-3">
           <h3>Certifications reçues
-            <span v-if="($options.filters.dateStatus(idFromHash.received_certifications.limit) == 'warning')">⚠
-              <span class="sr-only" v-if="idFromHash.status == 'MEMBER'">Bientôt en manque de certifications</span>
-              <span class="sr-only" v-else>En manque de certifications</span>
+            <span :class="'text-'+$options.filters.dateStatus(idFromHash.received_certifications.limit)" v-if="($options.filters.dateStatus(idFromHash.received_certifications.limit) == 'warning')">⚠
+              <span class="sr-only" v-if="$options.filters.dateStatus(idFromHash.received_certifications.limit) == 'danger'">En manque de certifications</span>
+              <span class="sr-only" v-else>Bientôt en manque de certifications</span>
             </span>
           </h3>
           <CertifList :certifs="idFromHash.received_certifications.certifications" type="recieved" />

pages/index.vue

@@ -4,11 +4,11 @@
   <div class="row">
     <div class="col-6 m-auto text-center">
       <button class="btn btn-primary mb-3" @click="helloWorld($event)" data-response="Hello world !">Hello ?</button>
-      <p class="badge-warning">{{ hello }}</p>
-      <p class="badge-danger">{{ hello }}</p>
-      <p class="badge-secondary">{{ hello }}</p>
-      <p class="badge-success">{{ hello }}</p>
-      <p class="badge-info">{{ hello }}</p>
+      <p class="badge-warning text-warning">{{ hello }}</p>
+      <p class="badge-danger text-danger">{{ hello }}</p>
+      <p class="badge-secondary text-secondary">{{ hello }}</p>
+      <p class="badge-success text-success">{{ hello }}</p>
+      <p class="badge-info text-info">{{ hello }}</p>
     </div>
   </div>
 </main>

plugins/filters.js

@@ -11,6 +11,8 @@ Vue.filter('formatDate', (val) => {
 Vue.filter('dateStatus', (val) => {
     const diff = val - dayjs().unix()
     switch (true) {
+        case diff<0:
+            return 'danger'
         case diff<5184000:
             return 'warning'
         case diff>=5184000: