From 1dffff9f684eb05eaf711e6aa72f47c42b61f776 Mon Sep 17 00:00:00 2001
From: Koen Caerels <koen.caerels@gmail.com>
Date: Fri, 2 Feb 2024 10:54:24 +0100
Subject: [PATCH] Vermelding aantal trainingen.

---
 .../member/profile/profileDetail.vue          | 26 ++++++++++++++-----
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/frontends/member_module/src/components/member/profile/profileDetail.vue b/frontends/member_module/src/components/member/profile/profileDetail.vue
index 1647b75..8ed4199 100644
--- a/frontends/member_module/src/components/member/profile/profileDetail.vue
+++ b/frontends/member_module/src/components/member/profile/profileDetail.vue
@@ -34,12 +34,26 @@
                     <div class="clear-left"/>
                 </div>
                 <div class="block">
-                    <div class="pt-2 text-xs text-gray-500"
-                         v-if="memberStore.memberDetail?.memberSubscriptionIsHalfYear">
-                        Halfjaarlijks
-                    </div>
-                    <div v-else class="pt-2 text-xs text-gray-500">
-                        Jaarlijks
+                    <div class="flex gap-4">
+                        <div class="pt-2 text-xs text-gray-500 pl-4"
+                             v-if="memberStore.memberDetail?.memberSubscriptionIsHalfYear">
+                            Halfjaarlijks
+                        </div>
+                        <div v-else class="pt-2 text-xs text-gray-500 pl-4">
+                            Jaarlijks
+                        </div>
+                        <div class="flex-grow">&nbsp;</div>
+                        <div class="pt-2 text-xs text-gray-500 pr-4">
+                            <div v-if="memberStore.memberDetail.numberOfTraining == 1">
+                                1 training per week
+                            </div>
+                            <div v-if="memberStore.memberDetail.numberOfTraining == 2">
+                                2 trainingen per week
+                            </div>
+                            <div v-if="memberStore.memberDetail.numberOfTraining > 2">
+                                3-5 trainingen per week
+                            </div>
+                        </div>
                     </div>
                 </div>
                 <div v-if="showMemberSubscriptionExtendButton(memberStore.memberDetail)" class="text-right">