Merge pull request #597 from sahitya-chandra/multi-lang-createblank

Added all 4 language support to CreateBlankView and CreateTestNameDialog

src/components/dialogs/CreateTestNameDialog.vue

@@ -6,10 +6,10 @@
 
         <v-col lg="9" md="8" sm="12" class="ml-auto mr-auto pt-10">
           <p class="titles ml-5">
-            Test Creation
+            {{ heading }}
           </p>
           <p class="cardSubtitle ml-5">
-            Add a name to your test!
+            {{ subHeading }}
           </p>
         </v-col>
 
@@ -22,48 +22,52 @@
             >
               <v-col cols="11" class="ml-6">
                 <p class="cardInternTitles mt-4">
-                  Test Name
+                  {{ testName }}
                 </p>
                 <v-text-field
                   v-model="test.title"
                   class="mt-3"
-                  label="Test Name"
+                  :label="testName"
                   outlined
                   color="orange"
                   @change="$store.commit('SET_LOCAL_CHANGES', true)"
                 />
 
                 <p class="cardInternTitles">
-                  Test Description
+                  {{ testDescription }}
                 </p>
                 <v-textarea
                   v-model="test.description"
                   outlined
                   color="orange"
                   class="mt-3"
-                  label="Test Description"
+                  :label="testDescription"
                   @change="$store.commit('SET_LOCAL_CHANGES', true)"
                 />
 
-                <v-row>
-                  <v-checkbox
-                    v-model="test.isPublic"
-                    class="ml-4 mt-4"
-                    color="orange"
-                    label="Test public to all users"
-                  />
-                  <v-btn
-                    dark
-                    fab
-                    depressed
-                    color="orange"
-                    class="ml-auto mr-2 circleOrange"
-                    @click="validate"
-                  >
-                    <v-icon x-large>
-                      mdi-arrow-right
-                    </v-icon>
-                  </v-btn>
+                <v-row class="d-flex align-center" no-gutters>
+                  <v-col cols="9" class="d-flex align-center">
+                    <v-checkbox
+                      v-model="test.isPublic"
+                      class="ml-2"
+                      color="orange"
+                      :label="testLabel"
+                    />
+                  </v-col>
+                  <v-col cols="3" class="d-flex justify-end">
+                    <v-btn
+                      dark
+                      fab
+                      depressed
+                      color="orange"
+                      class="mr-2 circleOrange"
+                      @click="validate"
+                    >
+                      <v-icon x-large>
+                        mdi-arrow-right
+                      </v-icon>
+                    </v-btn>
+                  </v-col>
                 </v-row>
               </v-col>
             </v-card>
@@ -116,6 +120,36 @@ export default {
       default: '',
       require: true,
     },
+
+    heading: {
+      type: String,
+      default: '',
+      require: true,
+    },
+
+    subHeading: {
+      type: String,
+      default: '',
+      require: true,
+    },
+
+    testName: {
+      type: String,
+      default: '',
+      require: true,
+    },
+
+    testDescription: {
+      type: String,
+      default: '',
+      require: true,
+    },
+    
+    testLabel: {
+      type: String,
+      default: '',
+      require: true,
+    }
   },
 
   data: () => ({

src/locales/en.json

@@ -515,6 +515,25 @@
     "preForm": "Pre Form",
     "postForm": "Post Form"
   },
+  "Createblank": {
+    "title": "What kind of test are you looking to start?",
+    "test": "Test",
+    "testType_1": {
+      "testTitle": "Usability Heuristic",
+      "text": ["Usability Percentage", "Final Report PDF", "Invite specialists to evaluate your application"]
+    },
+    "testType_2": {
+      "testTitle": "Usability User",
+      "text": ["Webcam, audio & screen record", "Enhanced answer analysis", "Moderated or non moderated tests"]
+    }
+  },
+  "TestDialog": {
+    "heading": "Test Creation",
+    "sub-heading": "Add a name to your test!",
+    "test-name": "Test Name",
+    "test-description": "Test Description",
+    "test-label": "Test public to all users"
+  },
   "help": {
     "createtest": "How do I create a test?",
     "createtestanswer": "To create a test, begin by clicking on the plus icon, selecting Heuristic Test. Then, specify the particulars of your project. Finally, proceed to the dedicated manager page.",

src/locales/es.json

@@ -513,6 +513,25 @@
     "preForm": "Formulario Previo",
     "postForm": "Formulario Posterior"
   },
+  "Createblank": {
+    "title": "¿Qué tipo de prueba estás buscando iniciar?",
+    "test": "Prueba",
+    "testType_1": {
+      "testTitle": "Heurística de Usabilidad",
+      "text": ["Porcentaje de Usabilidad", "Informe Final en PDF", "Invita a especialistas a evaluar tu aplicación"]
+    },
+    "testType_2": {
+      "testTitle": "Usuario de Usabilidad",
+      "text": ["Grabación de webcam, audio y pantalla", "Análisis mejorado de respuestas", "Pruebas moderadas o no moderadas"]
+    }
+  },
+  "TestDialog": {
+    "heading": "Creación de Prueba",
+    "sub-heading": "¡Añade un nombre a tu prueba!",
+    "test-name": "Nombre de la Prueba",
+    "test-description": "Descripción de la Prueba",
+    "test-label": "Prueba pública para todos los usuarios"
+  },
   "help": {
     "createtest": "¿Cómo creo una prueba?",
     "createtestanswer": "Para crear una prueba, comienza haciendo clic en el ícono de más y selecciona Prueba Heurística. Luego, especifica los detalles de tu proyecto. Finalmente, dirígete a la página del administrador dedicada.",

src/locales/hi.json

@@ -426,6 +426,25 @@
     "preForm": "प्री फॉर्म",
     "postForm": "पोस्ट फॉर्म"
   },
+  "Createblank": {
+    "title": "आप किस प्रकार का टेस्ट शुरू करना चाहते हैं?",
+    "test": "टेस्ट",
+    "testType_1": {
+      "testTitle": "उपयोगिता ह्यूरिस्टिक",
+      "text": ["उपयोगिता प्रतिशत", "अंतिम रिपोर्ट पीडीएफ", "अपने एप्लिकेशन का मूल्यांकन करने के लिए विशेषज्ञों को आमंत्रित करें"]
+    },
+    "testType_2": {
+      "testTitle": "उपयोगकर्ता उपयोगिता",
+      "text": ["वेबकैम, ऑडियो और स्क्रीन रिकॉर्डिंग", "उन्नत उत्तर विश्लेषण", "मॉडरेटेड या गैर-मॉडरेटेड टेस्ट"]
+    }
+  },
+  "TestDialog": {
+    "heading": "टेस्ट निर्माण",
+    "sub-heading": "अपने टेस्ट को एक नाम दें!",
+    "test-name": "टेस्ट का नाम",
+    "test-description": "टेस्ट का विवरण",
+    "test-label": "सभी उपयोगकर्ताओं के लिए सार्वजनिक टेस्ट"
+  },
   "help": {
     "createtest": "मैं परीक्षण कैसे बनाऊं?",
     "createtestanswer": "परीक्षण बनाने के लिए, प्लस आइकन पर क्लिक करें और हीयूरिस्टिक परीक्षण चुनें। फिर, अपने प्रोजेक्ट का विवरण निर्दिष्ट करें। अंत में, समर्पित प्रबंधक पृष्ठ पर जाएं।",

src/locales/pt_br.json

@@ -512,6 +512,25 @@
     "preForm": "Pré-Formulário",
     "postForm": "Pós-Formulário"
   },
+  "Createblank": {
+    "title": "Que tipo de teste você está procurando iniciar?",
+    "test": "Teste",
+    "testType_1": {
+      "testTitle": "Heurística de Usabilidade",
+      "text": ["Porcentagem de Usabilidade", "Relatório Final em PDF", "Convide especialistas para avaliar sua aplicação"]
+    },
+    "testType_2": {
+      "testTitle": "Usuário de Usabilidade",
+      "text": ["Gravação de webcam, áudio e tela", "Análise aprimorada de respostas", "Testes moderados ou não moderados"]
+    }
+  },
+  "TestDialog": {
+    "heading": "Criação de Teste",
+    "sub-heading": "Adicione um nome ao seu teste!",
+    "test-name": "Nome do Teste",
+    "test-description": "Descrição do Teste",
+    "test-label": "Teste público para todos os usuários"
+  },
   "help": {
     "createtest": "Como criar um teste?",
     "createtestanswer": "Para criar um teste, clique no ícone de mais e selecione Teste Heurístico. Em seguida, especifique os detalhes do seu projeto. Por fim, acesse a página do gerenciador dedicada.",

src/views/admin/CreateBlankView.vue

@@ -3,7 +3,7 @@
     <v-col cols="12">
       <v-row justify="center">
         <p class="titles ma-16">
-          What kind of test are you looking to start?
+          {{ $t('Createblank.title') }}
         </p>
       </v-row>
     </v-col>
@@ -13,21 +13,21 @@
         <v-col cols="10" md="5" sm="10" class="card">
           <CardTypeTest
             :img="require('../../../public/specialist.png')"
-            title="Usability Heuristic"
-            type="Test"
+            :title="$t('Createblank.testType_1.testTitle')"
+            :type="$t('Createblank.test')"
             segund-type="HEURISTICS"
-            :texts="['Usability Percentage', 'Final Report PDF', 'Invite specialists to evaluate your application']"
+            :texts="$t('Createblank.testType_1.text')"
             @click="setTestType"
           />
         </v-col>
 
         <v-col cols="12" md="5" sm="10" class="card">
           <CardTypeTest
             :img="require('../../../public/user.png')"
-            title="Usability User"
-            type="Test"
+            :title="$t('Createblank.testType_2.testTitle')"
+            :type="$t('Createblank.test')"
             segund-type="User"
-            :texts="['Webcam, audio & screen record', 'Enhanced answer analysis', 'Moderated or non moderated tests']"
+            :texts="$t('Createblank.testType_2.text')"
             @click="setTestType"
           />
         </v-col>
@@ -37,6 +37,11 @@
     <CreateTestNameDialog
       :is-open="nameDialog"
       :test-type="testType"
+      :heading="$t('TestDialog.heading')"
+      :subHeading="$t('TestDialog.sub-heading')"
+      :testName="$t('TestDialog.test-name')"
+      :testDescription="$t('TestDialog.test-description')"
+      :testLabel="$t('TestDialog.test-label')"
       @close="nameDialog = false"
     />
   </div>