Merge branch 'loginPageAddi18n' of fxie/hichina2023 into master

hichina-main-back/src/main/resources/application-dev.properties

@@ -2,7 +2,7 @@ server.port=9052
 
 spring.datasource.url=jdbc:mysql://localhost:3306/unified_hichina?zeroDateTimeBehavior=convertToNull&useUnicode=true&allowMultiQueries=true
 spring.datasource.username=root
-spring.datasource.password=Passw0rd
+spring.datasource.password=root
 spring.datasource.tomcat.max-wait=20000
 spring.datasource.tomcat.max-active=50
 spring.datasource.tomcat.max-idle=20

hichina-main-front-mobile-first/src/i18n/en-US/index.js

@@ -33,4 +33,7 @@ export default {
   search_by_title: "Search by title",
   deals_for_you: "Deals for you",
   seasonal_recommendation: "Seasonal Recommendation",
+  enter_email: "Enter your email",
+  enter_password: "Enter your password",
+  confirm_password: "Confirm your password",
 };

hichina-main-front-mobile-first/src/i18n/th-TH/index.js

@@ -6,32 +6,34 @@ export default {
   login: "เข้าสู่ระบบ",
   logout: "ออกจากระบบ",
   edit_profile: "แก้ไขโปรไฟล์",
-  my_orders: "คำสั่งของฉัน",
+  my_orders: "คำสั่งซื้อของฉัน",
   my_blogs: "บล็อกของฉัน",
   language: "ภาษา",
-  guidebooks: "หนังสือคู่มือ",
-  blogs_vlogs: "บล็อก/วิดีโอบล็อก",
-  travel_shop: "ร้านท่องเที่ยว",
+  guidebooks: "คู่มือท่องเที่ยว",
+  blogs_vlogs: "บล็อกท่องเที่ยว",
+  travel_shop: "ร้านค้า",
   destinations: "จุดหมายปลายทาง",
   more_destinations: "จุดหมายปลายทางเพิ่มเติม",
   places_in_china: "สถานที่น่าไปในจีน",
-  tailor_made_trip:
-    "ต้องการทริปสั่งตัดไปยังประเทศจีนหรือไม่? คลิกที่นี่เพื่อขอความช่วยเหลือ",
-  people_are_traveling: "ผู้คนกำลังเดินทาง",
-  whats_in_china: "อะไรในประเทศจีน",
+  tailor_made_trip: "ต้องการแพลนทริปไปประเทศจีน คลิกที่นี่",
+  people_are_traveling: "ผู้คนกำลังสนใจ",
+  whats_in_china: "สถานที่ในประเทศจีน",
   latest_guidebooks: "คู่มือล่าสุด",
-  most_downloaded_guidebooks: "คู่มือแนะนำที่ดาวน์โหลดมากที่สุด",
+  most_downloaded_guidebooks: "คู่มือแนะนำที่ยอดชมมากที่สุด",
   blogs_of_the_week: "บล็อกประจำสัปดาห์",
   write_your_blog: "เขียนบล็อกของคุณ",
   latest_blogs: "บล็อกล่าสุด",
-  most_viewed_in_month: "เข้าชมมากที่สุดในรอบเดือน",
+  most_viewed_in_month: "เข้าชมมากที่สุด",
   blogers_m_following: "บล็อกเกอร์ที่ฉันติดตาม",
   group_tour: "กรุ๊ปทัวร์",
-  hotel_deals: "ข้อเสนอโรงแรม",
-  flight_deals: "ข้อเสนอเที่ยวบิน",
+  hotel_deals: "โรงแรม",
+  flight_deals: "เที่ยวบิน",
   holiday_package: "แพ็คเกจวันหยุด",
-  china_stuff: "ของจีน",
+  china_stuff: "สินค้า",
   search_by_title: "ค้นหาตามชื่อเรื่อง",
   deals_for_you: "ข้อเสนอสำหรับคุณ",
   seasonal_recommendation: "คำแนะนำตามฤดูกาล",
+  enter_email: "กรุณากรอกอีเมลของคุณ",
+  enter_password: "กรุณากรอกรหัสผ่านของคุณ",
+  confirm_password: "กรุณายืนยันรหัสผ่านของคุณ",
 };

hichina-main-front-mobile-first/src/layouts/MainLayout.vue

@@ -430,7 +430,7 @@ export default defineComponent({
       locale,
       localeOptions: [
         { value: "en-US", label: "English" },
-        { value: "th-TH", label: "แบบไทย" },
+        { value: "th-TH", label: "ภาษาไทย" },
         { value: "ko-KR", label: "한국인" },
         { value: "ru-RU", label: "Русский" },
       ],

hichina-main-front-mobile-first/src/pages/LoginPage.vue

@@ -6,14 +6,14 @@
         class="col-10 col-sm-5 col-md-3 rounded-borders login-border shadow-7"
       >
         <div class="text-h5 text-left text-weight-bold text-black q-pa-md">
-          Login
+          {{ $t("login") }}
         </div>
         <div class="col-12 q-pa-md">
           <q-input
             :rules="[(val) => !!val || 'Field is required']"
             color="blue-12"
             v-model="username"
-            label="Enter your email"
+            :label="$t('enter_email')"
             ref="usernameInput"
           >
             <template v-slot:prepend>
@@ -27,7 +27,7 @@
             color="blue-12"
             v-model="password"
             type="password"
-            label="Enter your password"
+            :label="$t('enter_password')"
             ref="passwordInput"
           >
             <template v-slot:prepend>
@@ -36,7 +36,7 @@
           </q-input>
         </div>
         <div class="col-12 q-pa-md">
-          <q-btn color="primary" @click="login()" label="Login" />
+          <q-btn color="primary" @click="login()" :label="$t('login')" />
           <q-btn
             icon="lab la-facebook"
             color="blue-6"
@@ -54,11 +54,13 @@
 <script>
 import { ref, onMounted, onBeforeMount, getCurrentInstance } from "vue";
 import { useQuasar } from "quasar";
+import { useI18n } from "vue-i18n";
 import { api } from "boot/axios";
 import Qs from "qs";
 export default {
   name: "LoginPage",
   setup() {
+    const { locale, $t } = useI18n();
     const instance = getCurrentInstance();
     const app = getCurrentInstance().appContext.app;
     const gp = app.config.globalProperties;

hichina-main-front-mobile-first/src/pages/RegisterPage.vue

@@ -6,14 +6,14 @@
         class="col-10 col-sm-5 col-md-3 rounded-borders login-border shadow-7"
       >
         <div class="text-h5 text-left text-weight-bold text-black q-pa-md">
-          Register
+          {{ $t("register") }}
         </div>
         <div class="col-12 q-pa-md">
           <q-input
             :rules="[(val) => !!val || 'Field is required']"
             color="blue-12"
             v-model="username"
-            label="Enter your email/username"
+            :label="$t('enter_email')"
             ref="usernameInput"
           >
             <template v-slot:prepend>
@@ -27,7 +27,7 @@
             color="blue-12"
             v-model="password"
             type="password"
-            label="Enter your password"
+            :label="$t('enter_password')"
             ref="passwordInput"
           >
             <template v-slot:prepend>
@@ -42,7 +42,7 @@
             error-message="Confirm password is not the same with password"
             :error="!correctConfPass"
             type="password"
-            label="Confirm your password"
+            :label="$t('confirm_password')"
             ref="confPasswordInput"
           >
             <template v-slot:prepend>
@@ -51,7 +51,7 @@
           </q-input>
         </div>
         <div class="col-12 q-pa-md">
-          <q-btn color="primary" @click="register()" label="Register" />
+          <q-btn color="primary" @click="register()" :label="$t('register')" />
         </div>
       </div>
     </div>