ISSUE-7449: Internationalize strings

Author: Naragod

app/javascript/common/ocr_suggestions.js

@@ -17,16 +17,23 @@ export function updateOcrSuggestions(ocrMatch, suggestions) {
 
   // Display the parsed OCR value
   const parsedValue = ocrMatch.parsed_value;
-  const fieldType = ocrMatch.field_type === "id_number" ? "ID Number" : "Username";
+  const fieldType =
+    ocrMatch.field_type === "id_number"
+      ? I18n.t("activerecord.attributes.user.id_number")
+      : I18n.t("activerecord.attributes.user.user_name");
   const ocrDisplay = $("<p></p>");
-  ocrDisplay.append(`<strong>OCR Detected ${fieldType}:</strong> `);
+  ocrDisplay.append(
+    `<strong>${I18n.t("exam_templates.assign_scans.ocr_detected", {field_type: fieldType})}</strong> `
+  );
   const codeElem = $("<code></code>").text(parsedValue);
   ocrDisplay.append(codeElem);
   container.append(ocrDisplay);
 
   // Display suggestions if available
   if (suggestions && suggestions.length > 0) {
-    container.append("<p><strong>Suggested Students:</strong></p>");
+    container.append(
+      `<p><strong>${I18n.t("exam_templates.assign_scans.suggested_students")}</strong></p>`
+    );
     const list = $('<ul class="ui-menu ocr-suggestions-list"></ul>');
 
     suggestions.forEach(function (suggestion) {
@@ -36,7 +43,9 @@ export function updateOcrSuggestions(ocrMatch, suggestions) {
 
       // Use .text() to safely insert user-supplied data and prevent XSS
       const nameElem = $("<strong></strong>").text(suggestion.display_name);
-      const infoText = `${suggestion.id_number || "No ID"} | ${suggestion.user_name}`;
+      const infoText = `${suggestion.id_number || I18n.t("exam_templates.assign_scans.no_id")} | ${
+        suggestion.user_name
+      }`;
       const infoElem = $('<span class="student-info"></span>').text(infoText);
 
       content.append(nameElem);
@@ -56,6 +65,8 @@ export function updateOcrSuggestions(ocrMatch, suggestions) {
 
     container.append(list);
   } else if (!ocrMatch.matched) {
-    container.append('<p class="no-match">No similar students found. Please assign manually.</p>');
+    container.append(
+      `<p class="no-match">${I18n.t("exam_templates.assign_scans.no_similar_students")}</p>`
+    );
   }
 }

config/locales/views/exam_templates/en.yml

@@ -17,9 +17,13 @@ en:
       done: All groups have been successfully assigned students
       help: Assign students to scanned exam groups based on printed student names.
       no_cover_page: This submission does not have a cover page.
+      no_id: No ID
+      no_similar_students: No similar students found. Please assign manually.
       not_all_submissions_collected: Not all submissions have been collected.
+      ocr_detected: 'OCR Detected %{field_type}:'
       skip_group: Skip group
       student_not_found: Student with name %{name} does not exist.
+      suggested_students: 'Suggested Students:'
       title: Assign Scans
     back_to_exam_templates_page: Back to Exam Templates page
     create: