diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyCustoms.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyCustoms.vue
index 65de954ee..2a003b05f 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyCustoms.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyCustoms.vue
@@ -6,22 +6,22 @@
-
- {{ counter.notifications }} {{ $t('counter.unread_notifications') }}
+ {{ $tc('counter.unread_notifications', {n: counter.notifications }) }}
-
- {{ counter.accompanyingCourses }} {{ $t('counter.assignated_courses') }}
+ {{ $tc('counter.assignated_courses', {n: counter.accompanyingCourses }) }}
-
- {{ counter.works }} {{ $t('counter.assignated_actions') }}
+ {{ $tc('counter.assignated_actions', {n: counter.works }) }}
-
- {{ counter.evaluations }} {{ $t('counter.assignated_evaluations') }}
+ {{ $tc('counter.assignated_evaluations', {n: counter.evaluations }) }}
-
- {{ counter.tasksAlert }} {{ $t('counter.alert_tasks') }}
+ {{ $tc('counter.alert_tasks', {n: counter.tasksAlert }) }}
-
- {{ counter.tasksWarning }} {{ $t('counter.warning_tasks') }}
+ {{ $tc('counter.warning_tasks', {n: counter.tasksWarning }) }}
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/TabCounter.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/TabCounter.vue
index 5587e7176..8a72c37bd 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/TabCounter.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/TabCounter.vue
@@ -1,6 +1,6 @@
+ class="badge rounded-pill bg-danger">
{{ count }}
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/js/i18n.js b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/js/i18n.js
index 5e3e5fcb0..0b3d6a428 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/js/i18n.js
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/js/i18n.js
@@ -44,12 +44,12 @@ const appMessages = {
no_data: "Aucun résultats",
no_dashboard: "Pas de tableaux de bord",
counter: {
- unread_notifications: "notifications non lues",
- assignated_courses: "parcours récents assignés",
- assignated_actions: "actions assignées",
- assignated_evaluations: "évaluations assignées",
- alert_tasks: "tâches en rappel",
- warning_tasks: "tâches à échéances",
+ unread_notifications: "{n} notification non lue | {n} notifications non lues",
+ assignated_courses: "{n} parcours récent assigné | {n} parcours récents assignés",
+ assignated_actions: "{n} action assignée | {n} actions assignées",
+ assignated_evaluations: "{n} évaluation assignée | {n} évaluations assignées",
+ alert_tasks: "{n} tâche en rappel | {n} tâches en rappel",
+ warning_tasks: "{n} tâche à échéance | {n} tâches à échéance",
}
}
};