meilleur affichage du manque de certifications

pages/hash/_hash.vue

@@ -10,10 +10,7 @@
       <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 :class="{
-              'text-danger' : $options.filters.dateStatus(idFromHash.received_certifications.limit) == 'danger',
-              'text-warning' : $options.filters.dateStatus(idFromHash.received_certifications.limit) == 'warning'
-            }" v-if="($options.filters.dateStatus(idFromHash.received_certifications.limit) == 'warning')">⚠
+            <span :class="classWarning" v-if="($options.filters.dateStatus(idFromHash.received_certifications.limit) == 'warning') || (!idFromHash.received_certifications.limit)">⚠
               <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>
@@ -107,6 +104,14 @@ export default {
       },
     },
   },
+  computed: {
+    classWarning: function() {
+      return {
+        'text-danger' : !this.idFromHash.received_certifications.limit,
+        'text-warning' : this.$options.filters.dateStatus(this.idFromHash.received_certifications.limit) == 'warning'
+      }
+    }
+  },
   watch: {
     idFromHash: {
       handler(n,o) {