From d3f253f9ed2b357699cad9e42b30dd44e64a4693 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 22 Aug 2024 22:53:09 -0400
Subject: [PATCH] Add en/fr content

---
 src/locales/en.json                           | 18 ++++++++++++++++++
 src/locales/fr.json                           | 19 ++++++++++++++++++-
 src/views/contents/ContentCard.vue            |  2 +-
 .../contents/contentcards/NContentCard.vue    | 16 ++++++++--------
 .../contents/contentcards/SmContentCard.vue   | 16 ++++++++--------
 src/views/messages/Message.vue                |  6 +++---
 src/views/messages/PostMessage.vue            |  3 ++-
 7 files changed, 58 insertions(+), 22 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 180e62d..22e8d47 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,4 +1,8 @@
 {
+  "general": {
+    "yes": "yes",
+    "no": "no"            
+  },
   "banner": {
     "subscription": "Subscriptions"
   },
@@ -32,5 +36,19 @@
     "myprofile": "My profile",
     "wallet": "Wallet",
     "Signout": "Sign out"
+  },
+  "message": {    
+    "edit" : "Edit",
+    "delete": "Delete",
+    "report": "Report",
+    "yourcomment": "Your comment..."
+     },
+  "contentCard": {
+    "commenttitle": "comments",
+    "edit" : "Edit",
+    "delete" : "delete",
+    "report" : "report",
+    "deletecontenttitle": "Delete this content?",
+    "deeletecontentwarning": "Are you sure you want to delete the content?"
   }
 }
\ No newline at end of file
diff --git a/src/locales/fr.json b/src/locales/fr.json
index e651ad0..613d167 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -1,4 +1,8 @@
 {
+  "general": {
+    "yes": "oui",
+    "no": "non"
+  },
   "banner": {
     "subscription": "Abonnés"
   },
@@ -32,6 +36,19 @@
     "myprofile": "Mon profil",
     "wallet": "PorteFeuille",
     "Signout": "se déconnecter"
+  },
+  "message": {    
+    "edit" : "Modifier",
+    "delete": "Effacer",
+    "report": "Signaler",
+    "yourcomment": "Votre commentaire..."
+  },
+  "contentCard": {
+    "commenttitle": "commentaires",   
+    "edit" : "Modifier",
+    "delete" : "Effacer",
+    "report" : "signaler",
+    "deletecontenttitle": " Supprimer ce contenu?",
+    "deeletecontentwarning": "Êtes-vous sûr de vouloir supprimer le contenu?"
   }
-  
 }
\ No newline at end of file
diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index aab866e..4a6c400 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -114,7 +114,7 @@
               }">
         <div class="flex items-center justify-between py-4 text-2xl font-bold border-b mb-2">
           <div class="flex-1 text-center">
-            Supprimer ce contenu ?
+            {{$t('contentCard.deletecontenttitle')}}
           </div>
 
           <v-btn icon @click="openDeleteConfirmationModal = false" class="ml-auto mr-2" variant="text">
diff --git a/src/views/contents/contentcards/NContentCard.vue b/src/views/contents/contentcards/NContentCard.vue
index 50a8acf..76d5faf 100644
--- a/src/views/contents/contentcards/NContentCard.vue
+++ b/src/views/contents/contentcards/NContentCard.vue
@@ -26,13 +26,13 @@
             </template>
             <v-list>
               <v-list-item v-if="creatorIsCurrentUser" @click="editContent">
-                <v-list-item-title>Modifier le contenu</v-list-item-title>
+                <v-list-item-title>{{$t('contentCard.edit')}}</v-list-item-title>
               </v-list-item>
               <v-list-item v-if="creatorIsCurrentUser" @click="openDeleteConfirmationDialog">
-                <v-list-item-title>Effacer le contenu</v-list-item-title>
+                <v-list-item-title>{{$t('contentCard.delete')}}</v-list-item-title>
               </v-list-item>
               <v-list-item @click="reportContent">
-                <v-list-item-title>Reporter le contenu</v-list-item-title>
+                <v-list-item-title>{{$t('contentCard.report')}}</v-list-item-title>
               </v-list-item>
             </v-list>
           </v-menu>
@@ -89,7 +89,7 @@
       </div>
 
       <div :class="{'hidden': !messagesVisible}">
-        <h2 class="font-sans font-semibold mt-2">Commentaires</h2>
+        <h2 class="font-sans font-semibold mt-2">{{ $t('contentCard.commenttitle') }}</h2>
         <message-list
             :subject-id="props.content.id"
             :messages="messages"
@@ -114,7 +114,7 @@
               }">
         <div class="flex items-center justify-between py-4 text-2xl font-bold border-b mb-2">
           <div class="flex-1 text-center">
-            Supprimer ce contenu ?
+            {{$t('contentCard.deletecontenttitle')}}
           </div>
 
           <v-btn icon @click="openDeleteConfirmationModal = false" class="ml-auto mr-2" variant="text">
@@ -124,17 +124,17 @@
         </div>
 
         <div class=" mr-2">
-          Êtes-vous sûr de vouloir supprimer le contenu ?
+          {{$t('contentCard.deeletecontentwarning')}}
         </div>
 
         <div class="py-2 space-x-3">
           <v-btn variant="flat"
                  @click="deleteContent()" class=" mt-5">
-            Oui
+            {{$t('general.yes')}}
           </v-btn>
           <v-btn variant="outlined"
                  @click="openDeleteConfirmationModal = false" class=" mt-5">
-            Non
+            {{$t('general.no')}}
           </v-btn>
         </div>
       </v-card>
diff --git a/src/views/contents/contentcards/SmContentCard.vue b/src/views/contents/contentcards/SmContentCard.vue
index e869264..773c6d4 100644
--- a/src/views/contents/contentcards/SmContentCard.vue
+++ b/src/views/contents/contentcards/SmContentCard.vue
@@ -26,13 +26,13 @@
             </template>
             <v-list>
               <v-list-item v-if="creatorIsCurrentUser" @click="editContent">
-                <v-list-item-title>Modifier le contenu</v-list-item-title>
+                <v-list-item-title>{{ $t('contentCard.edit') }}</v-list-item-title>
               </v-list-item>
               <v-list-item v-if="creatorIsCurrentUser" @click="openDeleteConfirmationDialog">
-                <v-list-item-title>Effacer le contenu</v-list-item-title>
+                <v-list-item-title>{{ $t('contentCard.delete') }}</v-list-item-title>
               </v-list-item>
               <v-list-item @click="reportContent">
-                <v-list-item-title>Reporter le contenu</v-list-item-title>
+                <v-list-item-title>{{ $t('contentCard.report') }}</v-list-item-title>
               </v-list-item>
             </v-list>
           </v-menu>
@@ -89,7 +89,7 @@
       </div>
 
       <div :class="{'hidden': !messagesVisible}">
-        <h2 class="font-sans font-semibold ">Commentaires</h2>
+        <h2 class="font-sans font-semibold ">{{ $t('contentCard.commenttitle') }}</h2>
         <message-list
             :subject-id="props.content.id"
             :messages="messages"
@@ -114,7 +114,7 @@
               }">
         <div class="flex items-center justify-between py-4 text-2xl font-bold border-b mb-2">
           <div class="flex-1 text-center">
-            Supprimer ce contenu ?
+            {{$t('contentCard.deletecontenttitle')}}
           </div>
 
           <v-btn icon @click="openDeleteConfirmationModal = false" class="ml-auto mr-2" variant="text">
@@ -124,17 +124,17 @@
         </div>
 
         <div class=" mr-2">
-          Êtes-vous sûr de vouloir supprimer le contenu ?
+          {{$t('contentCard.deeletecontentwarning')}}
         </div>
 
         <div class="py-2 space-x-3">
           <v-btn variant="flat"
                  @click="deleteContent()" class=" mt-5">
-            Oui
+            {{$t('general.yes')}}
           </v-btn>
           <v-btn variant="outlined"
                  @click="openDeleteConfirmationModal = false" class=" mt-5">
-            Non
+            {{$t('general.no')}}
           </v-btn>
         </div>
       </v-card>
diff --git a/src/views/messages/Message.vue b/src/views/messages/Message.vue
index d715f56..02c3c0d 100644
--- a/src/views/messages/Message.vue
+++ b/src/views/messages/Message.vue
@@ -35,13 +35,13 @@
             </template>
             <v-list>
               <v-list-item @click="editMessage(message)">
-                <v-list-item-title>Edit</v-list-item-title>
+                <v-list-item-title>{{ $t('message.edit') }}</v-list-item-title>
               </v-list-item>
               <v-list-item @click="deleteMessage(message)">
-                <v-list-item-title>Delete</v-list-item-title>
+                <v-list-item-title>{{ $t('message.delete') }}</v-list-item-title>
               </v-list-item>
               <v-list-item @click="reportMessage(message)">
-                <v-list-item-title>Report</v-list-item-title>
+                <v-list-item-title>{{ $t('message.report') }}</v-list-item-title>
               </v-list-item>
             </v-list>
           </v-menu>
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index 9b5a691..eaaaf5d 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -8,7 +8,7 @@
               v-model="value"
               density="compact"
               variant="underlined"
-              placeholder="Votre commentaire..."
+              :placeholder="$t('message.yourcomment')"
               hide-details
               auto-grow
               rows="1"
@@ -72,6 +72,7 @@ const props = defineProps({
 
 const emits = defineEmits(['message-posted'])
 
+
 const loginModal = ref(false);
 const client = useClient()
 const value = ref("")