From d8a4f5c7adfaecc2a5f245565f8fdcbaa4d9424d Mon Sep 17 00:00:00 2001
From: paidge <paidge_cs@hotmail.com>
Date: Fri, 24 Dec 2021 03:08:21 +0100
Subject: [PATCH] corrige le statut du manque de certifications
---
pages/hash/_hash.vue | 6 +++---
pages/index.vue | 10 +++++-----
plugins/filters.js | 2 ++
3 files changed, 10 insertions(+), 8 deletions(-)
diff --git a/pages/hash/_hash.vue b/pages/hash/_hash.vue
index 8f84c30..1db9d20 100644
--- a/pages/hash/_hash.vue
+++ b/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" />
diff --git a/pages/index.vue b/pages/index.vue
index bf21331..cc03388 100644
--- a/pages/index.vue
+++ b/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>
diff --git a/plugins/filters.js b/plugins/filters.js
index 6e78a2e..28e33b2 100644
--- a/plugins/filters.js
+++ b/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:
--
GitLab