From 4dc78efcd22802da979a5142670ddb37a40eea52 Mon Sep 17 00:00:00 2001 From: Ananya Jain <78138175+ananyajain10@users.noreply.github.com> Date: Mon, 16 Sep 2024 20:03:28 +0530 Subject: [PATCH] instructions multilanguage support --- src/components/InstructionPage.vue | 291 +++++++++++++++--------- src/locales/en.json | 58 ----- src/locales/englishTranslationData.json | 25 ++ src/locales/hi.json | 59 ----- src/locales/hindiTranslationData.json | 24 ++ src/main.ts | 6 +- src/router/index.ts | 9 + src/views/FormResults.vue | 2 +- 8 files changed, 243 insertions(+), 231 deletions(-) delete mode 100644 src/locales/en.json create mode 100644 src/locales/englishTranslationData.json delete mode 100644 src/locales/hi.json create mode 100644 src/locales/hindiTranslationData.json diff --git a/src/components/InstructionPage.vue b/src/components/InstructionPage.vue index 4f5289a..8cdae92 100644 --- a/src/components/InstructionPage.vue +++ b/src/components/InstructionPage.vue @@ -1,116 +1,170 @@ diff --git a/src/locales/en.json b/src/locales/en.json deleted file mode 100644 index dc924db..0000000 --- a/src/locales/en.json +++ /dev/null @@ -1,58 +0,0 @@ -{ - "instructions": { - "header": "PLEASE READ THE FOLLOWING INSTRUCTIONS CAREFULLY", - - "Instruction1": "Please fill the form correctly and submit to access the test.", - "Instruction2": "Please select your course and grade correctly to access the right test.", - "Instruction3": "Test Details:", - "Instruction4": "Class 11 JEE: 120 minutes, 75 questions (300 marks)", - "Instruction5": "Class 12 JEE: 180 minutes, 75 questions (300 marks)", - "Instruction6": "Class 11 NEET: 120 minutes, 180 questions (720 marks)", - "Instruction7": "Class 12 NEET: 180 minutes, 180 questions (720 marks)", - "Instruction8": "Scoring Pattern -- Correct Answer: +4, Wrong Answer: -1, Skipped: 0", - "Instruction9": "During the test, to confirm your answer please click SAVE & NEXT. Your response to a question will not be considered in case you fail to save your answer.", - "Instruction10": "Only press END TEST once you have completed and reviewed your answers. You will not be able to change your responses once you click on END TEST." - - }, - "formLabels": { - "name": "*Name", - "gender": "*Gender", - "month": "*Month", - "day": "*Day", - "year": "*Year", - "fatherName": "*Father's Name", - "motherName": "*Mother's Name", - "category": "*Category", - "physicallyHandicapped": "*Physically Handicapped", - "region": "*Region", - "state": "*State", - "city": "*City/Town", - "school": "*School Name", - "course": "*Course", - "stream": "*Stream", - "grade": "*Grade", - "email": "Email Address", - "phoneNumber": "*Phone Number", - "familyIncome": "*Family Income per Annum" - }, - "formHints": { - "name": "Enter your full name. Example: Karn Mathur", - "gender": "Select your gender.", - "dob": "Select your Date of Birth.", - "fatherName": "Enter your father's full name.", - "motherName": "Enter your mother's full name.", - "category": "Select your category. Example: OBC", - "physicallyHandicapped": "Please select Yes if you are physically handicapped", - "region": "Please select your JNV's region. Example: Shillong", - "state": "Please select your JNV's state. Example: Sikkim", - "city": "Enter your city's name. Example: Hyderabad", - "school": "Please select your JNV's name. Example: JNV Bidar", - "course": "Please select your course: JEE or NEET", - "stream": "Please select your stream. Example: PCM (Physics, Chemistry, Math)", - "grade": "Select 12 if you are in 12th grade/class", - "email": "Enter a valid email address if you have one. Example: karn.mathur@gmail.com", - "phoneNumber": "Please enter a valid mobile number. Example: 9848022335", - "familyIncome": "Please enter your family income per annum (year) in digits. Example: 100000" - } - } - \ No newline at end of file diff --git a/src/locales/englishTranslationData.json b/src/locales/englishTranslationData.json new file mode 100644 index 0000000..b72e7a1 --- /dev/null +++ b/src/locales/englishTranslationData.json @@ -0,0 +1,25 @@ +{ + "generalInstructions": { + "header": "General Instructions", + "timerInfo": "The countdown timer in the top right corner of the screen will display the remaining time available for you to complete the test. When the timer reaches zero, the test will end automatically. You will not be required to end or submit your test.", + "paletteInfo": "You can click on the", + "expandPalette": "button on the top left corner of the page to expand the Question Palette.", + "paletteSymbols": "The Question Palette will show the status of each question using one of the following symbols:", + "answered": "You have answered the question.", + "notVisited": "You have not visited the question yet.", + "notAnswered": "You have not answered the question.", + "collapsePalette": "You can click on the", + "collapseButton": "button again to collapse the Question Palette." + }, + + "answeringQuestion": { + "title": "Answering a Question:", + "procedureForMCQ": "Procedure for answering a multiple-choice type question:", + "selectAnswer": "To select your answer, click on the button of one of the options.", + "deselectAnswer": "To deselect your chosen answer, click on the button of the chosen option again or click on the Clear button.", + "changeAnswer": "To change your chosen answer, click on the button of another option.", + "saveAnswer": "To save your answer, you MUST click on the Save & Next button.", + "changeAnsweredQuestion": "To change your answer to a question that has already been answered, first select that question for answering and then follow the procedure for answering that type of question.", + "noteSaveAnswer": "Note that selecting an option does NOT save your answer to the current question. Click on Save & Next to save your answer for the current question and then go to the next question." + } +} diff --git a/src/locales/hi.json b/src/locales/hi.json deleted file mode 100644 index e2ac845..0000000 --- a/src/locales/hi.json +++ /dev/null @@ -1,59 +0,0 @@ -{ - "instructions": { - "header": "कृपया निम्नलिखित निर्देशों को ध्यान से पढ़ें", - - "Instruction1": "कृपया फॉर्म को सही ढंग से भरें और परीक्षण तक पहुंचने के लिए सबमिट करें।", - "Instruction2": "सही परीक्षण तक पहुँचने के लिए कृपया अपने पाठ्यक्रम और ग्रेड का सही चयन करें।", - "Instruction3": "परीक्षण विवरण:", - "Instruction4": "कक्षा 11 JEE: 120 मिनट, 75 प्रश्न (300 अंक)", - "Instruction5": "कक्षा 12 JEE: 180 मिनट, 75 प्रश्न (300 अंक)", - "Instruction6": "कक्षा 11 NEET: 120 मिनट, 180 प्रश्न (720 अंक)", - "Instruction7": "कक्षा 12 NEET: 180 मिनट, 180 प्रश्न (720 अंक)", - "Instruction8": "स्कोरिंग पैटर्न -- सही उत्तर: +4, गलत उत्तर: -1, छोड़ा हुआ: 0", - "Instruction9": "परीक्षण के दौरान, अपने उत्तर की पुष्टि करने के लिए कृपया SAVE & NEXT पर क्लिक करें। यदि आप अपना उत्तर सहेजने में विफल रहते हैं, तो आपके उत्तर पर विचार नहीं किया जाएगा।", - "Instruction10": "केवल END TEST पर क्लिक करें जब आपने अपने उत्तर पूरे कर लिए हों और उनकी समीक्षा कर ली हो। एक बार END TEST पर क्लिक करने के बाद आप अपने उत्तरों को बदल नहीं पाएंगे।" - - - }, - "formLabels": { - "name": "*नाम", - "gender": "*लिंग", - "month": "*माह", - "day": "*दिन", - "year": "*वर्ष", - "fatherName": "*पिता का नाम", - "motherName": "*माता का नाम", - "category": "*श्रेणी", - "physicallyHandicapped": "*शारीरिक रूप से विकलांग", - "region": "*क्षेत्र", - "state": "*राज्य", - "city": "*शहर/कस्बा", - "school": "*स्कूल का नाम", - "course": "*कोर्स", - "stream": "*धारा", - "grade": "*ग्रेड", - "email": "ईमेल पता", - "phoneNumber": "*फोन नंबर", - "familyIncome": "*वार्षिक पारिवारिक आय" - }, - "formHints": { - "name": "अपना पूरा नाम दर्ज करें। उदाहरण: कर्न माथुर", - "gender": "अपना लिंग चुनें।", - "dob": "अपनी जन्मतिथि चुनें।", - "fatherName": "अपने पिता का पूरा नाम दर्ज करें।", - "motherName": "अपनी माँ का पूरा नाम दर्ज करें।", - "category": "अपनी श्रेणी चुनें। उदाहरण: OBC", - "physicallyHandicapped": "यदि आप शारीरिक रूप से विकलांग हैं तो कृपया हाँ चुनें", - "region": "अपनी JNV के क्षेत्र का चयन करें। उदाहरण: शिलांग", - "state": "अपनी JNV के राज्य का चयन करें। उदाहरण: सिक्किम", - "city": "अपने शहर का नाम दर्ज करें। उदाहरण: हैदराबाद", - "school": "अपनी JNV के नाम का चयन करें। उदाहरण: JNV बिदर", - "course": "अपना कोर्स चुनें: JEE या NEET", - "stream": "अपनी धारा चुनें। उदाहरण: PCM (भौतिकी, रसायन, गणित)", - "grade": "यदि आप 12वीं कक्षा में हैं तो 12 चुनें", - "email": "यदि आपके पास एक मान्य ईमेल पता है तो दर्ज करें। उदाहरण: karn.mathur@gmail.com", - "phoneNumber": "कृपया एक मान्य मोबाइल नंबर दर्ज करें। उदाहरण: 9848022335", - "familyIncome": "कृपया अपने वार्षिक पारिवारिक आय को अंकों में दर्ज करें। उदाहरण: 100000" - } - } - \ No newline at end of file diff --git a/src/locales/hindiTranslationData.json b/src/locales/hindiTranslationData.json new file mode 100644 index 0000000..0420433 --- /dev/null +++ b/src/locales/hindiTranslationData.json @@ -0,0 +1,24 @@ +{ + "generalInstructions": { + "header": "सामान्य निर्देश", + "timerInfo": "स्क्रीन के ऊपरी दाएं कोने में काउंटडाउन टाइमर आपको टेस्ट पूरा करने के लिए उपलब्ध शेष समय को दिखाएगा। जब टाइमर शून्य पर पहुँच जाएगा, टेस्ट अपने आप समाप्त हो जाएगा। आपको अपना टेस्ट समाप्त करने या सबमिट करने की आवश्यकता नहीं होगी।", + "paletteInfo": "आप", + "expandPalette": "बटन पर क्लिक करके प्रश्न पैलेट का विस्तार कर सकते हैं।", + "paletteSymbols": "प्रश्न पैलेट प्रत्येक प्रश्न की स्थिति को निम्नलिखित प्रतीकों में से किसी एक का उपयोग करके दिखाएगा:", + "answered": "आपने प्रश्न का उत्तर दिया है", + "notVisited": "आपने प्रश्न पर अभी तक नहीं देखा है", + "notAnswered": "आपने प्रश्न का उत्तर नहीं दिया है", + "collapsePalette": "आप", + "collapseButton": "बटन पर क्लिक करके प्रश्न पैलेट को फिर से संक्षिप्त कर सकते हैं।" + }, + "answeringQuestion": { + "title": "प्रश्न का उत्तर देना:", + "procedureForMCQ": "विकल्प आधारित प्रश्न का उत्तर देने की प्रक्रिया:", + "selectAnswer": "अपना उत्तर चुनने के लिए, विकल्पों में से किसी एक के बटन पर क्लिक करें।", + "deselectAnswer": "अपना चुना हुआ उत्तर हटाने के लिए, चुने हुए विकल्प के बटन पर फिर से क्लिक करें या साफ़ करें बटन पर क्लिक करें।", + "changeAnswer": "अपना उत्तर बदलने के लिए, किसी अन्य विकल्प के बटन पर क्लिक करें।", + "saveAnswer": "अपना उत्तर सहेजने के लिए, आपको अवश्य Save & Next बटन पर क्लिक करना होगा।", + "changeAnsweredQuestion": "किसी उत्तरित प्रश्न का उत्तर बदलने के लिए, पहले उस प्रश्न को चुनें और फिर उस प्रकार के प्रश्न का उत्तर देने की प्रक्रिया का पालन करें।", + "noteSaveAnswer": "ध्यान दें कि विकल्प चुनने से आपका उत्तर सहेजा नहीं जाता है। Save & Next पर क्लिक करें ताकि आपका उत्तर सहेज लिया जाए और फिर अगले प्रश्न पर जाएं।" + } +} diff --git a/src/main.ts b/src/main.ts index 7be556c..e71097e 100644 --- a/src/main.ts +++ b/src/main.ts @@ -11,8 +11,8 @@ import VueClickAway from "vue3-click-away"; import "./index.css"; import "vue-toastification/dist/index.css"; -import en from './locales/en.json'; -import hi from './locales/hi.json'; +import en from './locales/englishTranslationData.json'; +import hi from './locales/hindiTranslationData.json'; // Create i18n instance const i18n = createI18n({ @@ -41,8 +41,6 @@ const filterBeforeCreate = ( } return toast; }; - -app.use(store); app.use(i18n); app.use(Toast, { filterBeforeCreate }); app.use(VueClickAway); diff --git a/src/router/index.ts b/src/router/index.ts index 7c6d080..fd9ca7b 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -21,6 +21,15 @@ const routes = [ requiresAuth: false, }, }, + { + path: "/InstructionPage", + name: "InstructionPage", + component: () => + import("@/components/InstructionPage.vue"), + meta: { + requiresAuth: false, + }, + }, { path: "/quiz/:quizId", name: "Player", diff --git a/src/views/FormResults.vue b/src/views/FormResults.vue index e6e8ba3..a87ea9d 100644 --- a/src/views/FormResults.vue +++ b/src/views/FormResults.vue @@ -1,5 +1,5 @@