From 9a77b716a149dfd784d44f286182039b281670eb Mon Sep 17 00:00:00 2001
From: Youssef <yayad@dept-info.crosemont.quebec>
Date: Sat, 9 Aug 2025 17:43:45 -0400
Subject: [PATCH] i18n : wrap core IU stringg with __() (nav, button, tabs,
 breadcrumbs )

---
 .../src/components/Controls/Autocomplete.vue     |  2 +-
 frontend/src/pages/Batch.vue                     | 16 ++++++++--------
 frontend/src/pages/BatchDetail.vue               |  2 +-
 frontend/src/pages/CourseDetail.vue              |  2 +-
 frontend/src/pages/Lesson.vue                    |  2 +-
 frontend/src/pages/Notifications.vue             |  2 +-
 frontend/src/pages/Profile.vue                   |  8 ++++----
 frontend/src/utils/index.js                      | 10 +++++-----
 8 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/frontend/src/components/Controls/Autocomplete.vue b/frontend/src/components/Controls/Autocomplete.vue
index 41acfff4..f8daceb1 100644
--- a/frontend/src/components/Controls/Autocomplete.vue
+++ b/frontend/src/components/Controls/Autocomplete.vue
@@ -53,7 +53,7 @@
 									"
 									:value="query"
 									autocomplete="off"
-									placeholder="Search"
+									:placeholder="__('Search')"
 								/>
 								<button
 									class="absolute right-1.5 inline-flex h-7 w-7 items-center justify-center"
diff --git a/frontend/src/pages/Batch.vue b/frontend/src/pages/Batch.vue
index 1a6e09d2..1cfe7348 100644
--- a/frontend/src/pages/Batch.vue
+++ b/frontend/src/pages/Batch.vue
@@ -256,34 +256,34 @@ const readOnlyMode = window.read_only_mode
 const tabs = computed(() => {
 	let batchTabs = []
 	batchTabs.push({
-		label: 'Dashboard',
+		label: __('Dashboard'),
 		icon: LayoutDashboard,
 	})
 
 	batchTabs.push({
-		label: 'Courses',
+		label: __('Courses'),
 		icon: BookOpen,
 	})
 
 	batchTabs.push({
-		label: 'Classes',
+		label: __('Classes'),
 		icon: Laptop,
 	})
 
 	if (user.data?.is_moderator) {
 		batchTabs.push({
-			label: 'Assessments',
+			label: __('Assessments'),
 			icon: BookOpenCheck,
 		})
 	}
 
 	batchTabs.push({
-		label: 'Announcements',
+		label: __('Announcements'),
 		icon: Mail,
 	})
 
 	batchTabs.push({
-		label: 'Discussions',
+		label: __('Discussions'),
 		icon: MessageCircle,
 	})
 	return batchTabs
@@ -317,10 +317,10 @@ const batch = createResource({
 })
 
 const breadcrumbs = computed(() => {
-	let crumbs = [{ label: 'Batches', route: { name: 'Batches' } }]
+	let crumbs = [{ label: __('Batches'), route: { name: 'Batches' } }]
 	if (!isStudent.value) {
 		crumbs.push({
-			label: 'Details',
+			label: __('Details'),
 			route: {
 				name: 'BatchDetail',
 				params: {
diff --git a/frontend/src/pages/BatchDetail.vue b/frontend/src/pages/BatchDetail.vue
index eaeeb482..1063bf0d 100644
--- a/frontend/src/pages/BatchDetail.vue
+++ b/frontend/src/pages/BatchDetail.vue
@@ -120,7 +120,7 @@ const courses = createResource({
 })
 
 const breadcrumbs = computed(() => {
-	let items = [{ label: 'Batches', route: { name: 'Batches' } }]
+	let items = [{ label: __('Batches'), route: { name: 'Batches' } }]
 	items.push({
 		label: batch?.data?.title,
 		route: { name: 'BatchDetail', params: { batchName: batch?.data?.name } },
diff --git a/frontend/src/pages/CourseDetail.vue b/frontend/src/pages/CourseDetail.vue
index f57c435e..86a42334 100644
--- a/frontend/src/pages/CourseDetail.vue
+++ b/frontend/src/pages/CourseDetail.vue
@@ -141,7 +141,7 @@ watch(
 )
 
 const breadcrumbs = computed(() => {
-	let items = [{ label: 'Courses', route: { name: 'Courses' } }]
+	let items = [{ label: __('Courses'), route: { name: 'Courses' } }]
 	items.push({
 		label: course?.data?.title,
 		route: { name: 'CourseDetail', params: { courseName: course?.data?.name } },
diff --git a/frontend/src/pages/Lesson.vue b/frontend/src/pages/Lesson.vue
index 4b5f5a72..bd0fb251 100644
--- a/frontend/src/pages/Lesson.vue
+++ b/frontend/src/pages/Lesson.vue
@@ -433,7 +433,7 @@ const progress = createResource({
 })
 
 const breadcrumbs = computed(() => {
-	let items = [{ label: 'Courses', route: { name: 'Courses' } }]
+	let items = [{ label: __('Courses'), route: { name: 'Courses' } }]
 	items.push({
 		label: lesson?.data?.course_title,
 		route: { name: 'CourseDetail', params: { courseName: props.courseName } },
diff --git a/frontend/src/pages/Notifications.vue b/frontend/src/pages/Notifications.vue
index e8e609ce..104b805f 100644
--- a/frontend/src/pages/Notifications.vue
+++ b/frontend/src/pages/Notifications.vue
@@ -13,7 +13,7 @@
 			</Button>
 			<TabButtons
 				class="inline-block"
-				:buttons="[{ label: 'Unread', active: true }, { label: 'Read' }]"
+				:buttons="[{ label: __('Unread'), active: true }, { label: __('Read') }]"
 				v-model="activeTab"
 			/>
 		</div>
diff --git a/frontend/src/pages/Profile.vue b/frontend/src/pages/Profile.vue
index 9f9c67fb..ac9ca350 100644
--- a/frontend/src/pages/Profile.vue
+++ b/frontend/src/pages/Profile.vue
@@ -195,14 +195,14 @@ const isSessionUser = () => {
 }
 
 const getTabButtons = () => {
-	let buttons = [{ label: 'About' }, { label: 'Certificates' }]
-	if ($user.data?.is_moderator) buttons.push({ label: 'Roles' })
+	let buttons = [{ label: __('About') }, { label: __('Certificates') }]
+	if ($user.data?.is_moderator) buttons.push({ label: __('Roles') })
 	if (
 		isSessionUser() &&
 		($user.data?.is_evaluator || $user.data?.is_moderator)
 	) {
-		buttons.push({ label: 'Slots' })
-		buttons.push({ label: 'Schedule' })
+		buttons.push({ label: __('Slots') })
+		buttons.push({ label: __('Schedule') })
 	}
 
 	return buttons
diff --git a/frontend/src/utils/index.js b/frontend/src/utils/index.js
index d9b89681..aa781212 100644
--- a/frontend/src/utils/index.js
+++ b/frontend/src/utils/index.js
@@ -403,7 +403,7 @@ export function getUserTimezone() {
 export function getSidebarLinks() {
 	return [
 		{
-			label: 'Courses',
+			label: __('Courses'),
 			icon: 'BookOpen',
 			to: 'Courses',
 			activeFor: [
@@ -415,25 +415,25 @@ export function getSidebarLinks() {
 			],
 		},
 		{
-			label: 'Batches',
+			label: __('Batches'),
 			icon: 'Users',
 			to: 'Batches',
 			activeFor: ['Batches', 'BatchDetail', 'Batch', 'BatchForm'],
 		},
 		{
-			label: 'Certified Members',
+			label: __('Certified Members'),
 			icon: 'GraduationCap',
 			to: 'CertifiedParticipants',
 			activeFor: ['CertifiedParticipants'],
 		},
 		{
-			label: 'Jobs',
+			label: __('Jobs'),
 			icon: 'Briefcase',
 			to: 'Jobs',
 			activeFor: ['Jobs', 'JobDetail'],
 		},
 		{
-			label: 'Statistics',
+			label: __('Statistics'),
 			icon: 'TrendingUp',
 			to: 'Statistics',
 			activeFor: ['Statistics'],