From 8f9eebdeb2d3aa13d37a76071653b7564e11e4e3 Mon Sep 17 00:00:00 2001
From: paidge <paidge_cs@hotmail.com>
Date: Mon, 7 Nov 2022 06:13:52 +0100
Subject: [PATCH] update number of filtered members in tabs
---
components/suivis/Tableau.vue | 11 ++++++++++-
pages/mes-suivis.vue | 18 +++++++++++++-----
2 files changed, 23 insertions(+), 6 deletions(-)
diff --git a/components/suivis/Tableau.vue b/components/suivis/Tableau.vue
index 8d63f64..845c5a9 100644
--- a/components/suivis/Tableau.vue
+++ b/components/suivis/Tableau.vue
@@ -37,7 +37,8 @@ export default {
return {
search: "",
filterStatus: ["NEWCOMER", "", "RENEW", "MISSING", ""],
- filterCerts: "current"
+ filterCerts: "current",
+ nbItems: 0
}
},
props: {
@@ -67,6 +68,14 @@ export default {
localStorage.removeItem("favourites")
}
}
+ },
+ mounted() {
+ this.$emit("update:nbItems", this.filteredMembers.length)
+ },
+ watch: {
+ filteredMembers(n, o) {
+ this.$emit("update:nbItems", n.length)
+ }
}
}
</script>
diff --git a/pages/mes-suivis.vue b/pages/mes-suivis.vue
index 9a75f4d..c944d14 100644
--- a/pages/mes-suivis.vue
+++ b/pages/mes-suivis.vue
@@ -38,7 +38,7 @@
role="tab"
aria-controls="favoris-tab-pane"
aria-selected="true">
- {{ $t("suivis.tabs.favoris") }} ({{ $favourites.list.length }})
+ {{ $t("suivis.tabs.favoris") }} ({{ nbFavoris }})
</button>
</li>
<li class="nav-item" role="presentation">
@@ -54,7 +54,7 @@
aria-selected="false">
{{ $t("suivis.tabs.certificateurs") }}
<span v-if="!$apollo.queries.contacts.loading">
- ({{ contacts.received_certifications.length }})
+ ({{ nbReceived }})
</span>
</button>
</li>
@@ -71,7 +71,7 @@
aria-selected="false">
{{ $t("suivis.tabs.certifies") }}
<span v-if="!$apollo.queries.contacts.loading">
- ({{ contacts.sent_certifications.length }})
+ ({{ nbSent }})
</span>
</button>
</li>
@@ -91,7 +91,10 @@
</transition>
<transition name="fade">
<div v-if="!$apollo.queries.favoris.loading">
- <SuivisTableau :members="favoris" type="favoris" />
+ <SuivisTableau
+ :members="favoris"
+ :nbItems.sync="nbFavoris"
+ type="favoris" />
</div>
</transition>
</div>
@@ -111,6 +114,7 @@
<div v-if="!$apollo.queries.contacts.loading">
<SuivisTableau
:members="contacts.received_certifications"
+ :nbItems.sync="nbReceived"
type="certificateurs" />
</div>
</transition>
@@ -131,6 +135,7 @@
<div v-if="!$apollo.queries.contacts.loading">
<SuivisTableau
:members="contacts.sent_certifications"
+ :nbItems.sync="nbSent"
type="certifies" />
</div>
</transition>
@@ -159,7 +164,10 @@ export default {
active: true
}
],
- error: null
+ error: null,
+ nbFavoris: 0,
+ nbSent: 0,
+ nbReceived: 0
}
},
computed: {
--
GitLab