Merge pull request #2060 from raizasafeel/translations-fix

fix(profile): translations in tab are now rendered

frontend/src/components/Assessments.vue

@@ -208,12 +208,12 @@ const canAddAssessments = () => {
 const getAssessmentColumns = () => {
 	let columns = [
 		{
-			label: 'Assessment',
+			label: __('Assessment'),
 			key: 'title',
 			width: '25rem',
 		},
 		{
-			label: 'Type',
+			label: __('Type'),
 			key: 'assessment_type',
 			width: '15rem',
 		},
@@ -221,7 +221,7 @@ const getAssessmentColumns = () => {
 
 	if (!user.data?.is_moderator) {
 		columns.push({
-			label: 'Status/Percentage',
+			label: __('Status/Percentage'),
 			key: 'status',
 			align: 'left',
 			width: '10rem',

frontend/src/pages/AssignmentSubmission.vue

@@ -59,7 +59,7 @@ onMounted(() => {
 const breadcrumbs = computed(() => {
 	let crumbs = [
 		{
-			label: 'Submissions',
+			label: __('Submissions'),
 			route: { name: 'AssignmentSubmissionList' },
 		},
 		{

frontend/src/pages/Assignments.vue

@@ -200,7 +200,7 @@ const assignmentTypes = computed(() => {
 
 const breadcrumbs = computed(() => [
 	{
-		label: 'Assignments',
+		label: __('Assignments'),
 		route: { name: 'Assignments' },
 	},
 ])

frontend/src/pages/Badge.vue

@@ -59,7 +59,7 @@ const badge = createResource({
 const breadcrumbs = computed(() => {
 	return [
 		{
-			label: 'Badges',
+			label: __('Badges'),
 		},
 		{
 			label: badge.data.badge,

frontend/src/pages/Batch.vue

@@ -330,10 +330,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: {

frontend/src/pages/BatchDetail.vue

@@ -120,12 +120,12 @@ const courses = createResource({
 })
 
 const breadcrumbs = computed(() => {
-	let items = [{ label: 'Batches', route: { name: 'Batches' } }]
-	items.push({
+	let crumbs = [{ label: __('Batches'), route: { name: 'Batches' } }]
+	crumbs.push({
 		label: batch?.data?.title,
 		route: { name: 'BatchDetail', params: { batchName: batch?.data?.name } },
 	})
-	return items
+	return crumbs
 })
 
 usePageMeta(() => {

frontend/src/pages/BatchForm.vue

@@ -559,7 +559,7 @@ const trashBatch = (close) => {
 const breadcrumbs = computed(() => {
 	let crumbs = [
 		{
-			label: 'Batches',
+			label: __('Batches'),
 			route: {
 				name: 'Batches',
 			},
@@ -577,7 +577,7 @@ const breadcrumbs = computed(() => {
 		})
 	}
 	crumbs.push({
-		label: props.batchName == 'new' ? 'New Batch' : 'Edit Batch',
+		label: props.batchName == 'new' ? __('New Batch') : __('Edit Batch'),
 		route: { name: 'BatchForm', params: { batchName: props.batchName } },
 	})
 	return crumbs

frontend/src/pages/Courses/CourseDetail.vue

@@ -140,12 +140,12 @@ const isAdmin = computed(() => {
 })
 
 const breadcrumbs = computed(() => {
-	let items = [{ label: 'Courses', route: { name: 'Courses' } }]
-	items.push({
+	let crumbs = [{ label: __('Courses'), route: { name: 'Courses' } }]
+	crumbs.push({
 		label: course?.data?.title,
 		route: { name: 'CourseDetail', params: { courseName: course?.data?.name } },
 	})
-	return items
+	return crumbs
 })
 
 usePageMeta(() => {

frontend/src/pages/JobForm.vue

@@ -298,11 +298,11 @@ const jobStatuses = computed(() => {
 const breadcrumbs = computed(() => {
 	let crumbs = [
 		{
-			label: 'Jobs',
+			label: __('Jobs'),
 			route: { name: 'Jobs' },
 		},
 		{
-			label: props.jobName == 'new' ? 'New Job' : 'Edit Job',
+			label: props.jobName == 'new' ? __('New Job') : __('Edit Job'),
 			route: { name: 'JobForm' },
 		},
 	]
@@ -311,7 +311,7 @@ const breadcrumbs = computed(() => {
 
 usePageMeta(() => {
 	return {
-		title: props.jobName == 'new' ? 'New Job' : jobDetail.data?.job_title,
+		title: props.jobName == 'new' ? __('New Job') : jobDetail.data?.job_title,
 		icon: brand.favicon,
 	}
 })

frontend/src/pages/Lesson.vue

@@ -559,12 +559,12 @@ const notes = createListResource({
 })
 
 const breadcrumbs = computed(() => {
-	let items = [{ label: 'Courses', route: { name: 'Courses' } }]
-	items.push({
+	let crumbs = [{ label: __('Courses'), route: { name: 'Courses' } }]
+	crumbs.push({
 		label: lesson?.data?.course_title,
 		route: { name: 'CourseDetail', params: { courseName: props.courseName } },
 	})
-	items.push({
+	crumbs.push({
 		label: lesson?.data?.title,
 		route: {
 			name: 'Lesson',
@@ -575,7 +575,7 @@ const breadcrumbs = computed(() => {
 			},
 		},
 	})
-	return items
+	return crumbs
 })
 
 const switchLesson = (direction) => {

frontend/src/pages/LessonForm.vue

@@ -466,7 +466,7 @@ const validateLesson = () => {
 const breadcrumbs = computed(() => {
 	let crumbs = [
 		{
-			label: 'Courses',
+			label: __('Courses'),
 			route: { name: 'Courses' },
 		},
 		{
@@ -493,7 +493,9 @@ const breadcrumbs = computed(() => {
 		})
 	}
 	crumbs.push({
-		label: lessonDetails?.data?.lesson ? 'Edit Lesson' : 'Create Lesson',
+		label: lessonDetails?.data?.lesson
+			? __('Edit Lesson')
+			: __('Create Lesson'),
 		route: {
 			name: 'LessonForm',
 			params: {
@@ -510,7 +512,7 @@ usePageMeta(() => {
 	return {
 		title: lessonDetails?.data?.lesson
 			? lessonDetails.data.lesson.title
-			: 'New Lesson',
+			: __('New Lesson'),
 		icon: brand.favicon,
 	}
 })

frontend/src/pages/Profile.vue

@@ -263,12 +263,17 @@ const isEvaluatorOrModerator = () => {
 }
 
 const getTabButtons = () => {
-	let buttons = [{ label: 'About' }, { label: 'Certificates' }]
-	if ($user.data?.is_moderator) buttons.push({ label: 'Roles' })
+	let buttons = [
+		{ label: __('About'), value: 'About' },
+		{ label: __('Certificates'), value: 'Certificates' },
+	]
+	if ($user.data?.is_moderator) {
+		buttons.push({ label: __('Roles'), value: 'Roles' })
+	}
 
 	if (currentUserHasHigherAccess() && isEvaluatorOrModerator()) {
-		buttons.push({ label: 'Slots' })
-		buttons.push({ label: 'Schedule' })
+		buttons.push({ label: __('Slots'), value: 'Slots' })
+		buttons.push({ label: __('Schedule'), value: 'Schedule' })
 	}
 	return buttons
 }
@@ -288,7 +293,7 @@ const navigateTo = (url) => {
 const breadcrumbs = computed(() => {
 	let crumbs = [
 		{
-			label: 'People',
+			label: __('People'),
 		},
 		{
 			label: profile.data?.full_name,

frontend/src/pages/SCORMChapter.vue

@@ -229,7 +229,7 @@ const setupSCORMAPI = () => {
 const breadcrumbs = computed(() => {
 	return [
 		{
-			label: 'Courses',
+			label: __('Courses'),
 			route: { name: 'Courses' },
 		},
 		{

frontend/src/pages/Statistics.vue

@@ -150,7 +150,7 @@ const { brand } = sessionStore()
 const breadcrumbs = computed(() => {
 	return [
 		{
-			label: 'Statistics',
+			label: __('Statistics'),
 			route: {
 				name: 'Statistics',
 			},