From 3960b9d388065f00b9a73288fe544e05c1d33a74 Mon Sep 17 00:00:00 2001
From: Kittapath <kittapath@frappet.com>
Date: Wed, 29 Mar 2023 20:44:11 +0700
Subject: [PATCH] set path api server

---
 src/api/index.ts                              |  2 +-
 .../01_exam/components/Form/Information.vue   | 17 +++--
 src/modules/01_exam/views/ExamDetail.vue      | 62 +++++++++----------
 3 files changed, 43 insertions(+), 38 deletions(-)

diff --git a/src/api/index.ts b/src/api/index.ts
index ee690bf..3b3dd73 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -18,7 +18,7 @@ const config = ref<any>({
   },
   production: {
     // API_URI: "https://localhost:5010",
-    API_URI: `${window.location.protocol}//api-${window.location.host}/api/v1`,
+    API_URI: `${window.location.protocol}//${window.location.host}/api/v1`,
     MEET_URI: 'meet.frappet.com'
   }
 })
diff --git a/src/modules/01_exam/components/Form/Information.vue b/src/modules/01_exam/components/Form/Information.vue
index c1ac6d5..5d43fd4 100644
--- a/src/modules/01_exam/components/Form/Information.vue
+++ b/src/modules/01_exam/components/Form/Information.vue
@@ -95,9 +95,7 @@
               lazy-rules
               :readonly="!(status == 'register' || status == 'rejectRegister')"
               :borderless="!(status == 'register' || status == 'rejectRegister')"
-              :model-value="
-                informaData.birthDate == null ? null : date2Thai(informaData.birthDate)
-              "
+              :model-value="informaData.birthDate == null ? null : date2Thai(informaData.birthDate)"
               :rules="[(val) => !!val || `${'กรุณาเลือก วัน/เดือน/ปี เกิด'}`]"
               :label="`${'วัน/เดือน/ปี เกิด'}`"
             >
@@ -301,7 +299,7 @@
           :label="`${'โทรศัพท์มือถือ'}`"
         />
       </div>
-      <div class="col-xs-12 col-sm-3 col-md-3  q-pb-md">
+      <div class="col-xs-12 col-sm-3 col-md-3 q-pb-md">
         <q-input
           :class="getClass(false)"
           :outlined="false"
@@ -370,6 +368,7 @@ import { defaultInformation } from '@/modules/01_exam/interface/index/Main'
 import HeaderTop from '@/components/top.vue'
 import Conference from '@/modules/01_exam/components/Conference.vue'
 import { useRoute } from 'vue-router'
+import keycloak from '@/plugins/keycloak'
 
 const props = defineProps({
   prefixOptions: {
@@ -442,7 +441,13 @@ const fetchData = async () => {
       informaData.value.tel = data.telephone
       informaData.value.knowledge = data.knowledge
     })
-    .catch(() => {})
+    .catch(() => {
+      informaData.value.email = keycloak.tokenParsed == null ? '' : keycloak.tokenParsed.email
+      informaData.value.firstname =
+        keycloak.tokenParsed == null ? '' : keycloak.tokenParsed.given_name
+      informaData.value.lastname =
+        keycloak.tokenParsed == null ? '' : keycloak.tokenParsed.family_name
+    })
     .finally(() => {
       loader.value = false
     })
@@ -600,7 +605,7 @@ const getClass = (val: boolean) => {
   opacity: 1;
 }
 
-.q-field__bottom{
+.q-field__bottom {
   padding: 5px 10px 0px 0px;
 }
 </style>
diff --git a/src/modules/01_exam/views/ExamDetail.vue b/src/modules/01_exam/views/ExamDetail.vue
index c6127a3..1a0b7fe 100644
--- a/src/modules/01_exam/views/ExamDetail.vue
+++ b/src/modules/01_exam/views/ExamDetail.vue
@@ -33,7 +33,7 @@
       title="ข้อมูลสมัครสอบ"
       :icon="stepRaw >= 2 ? (stepRaw == 2 ? 'mdi-pencil' : 'mdi-check-bold') : 'mdi-account'"
     >
-      <q-card bordered class="q-pa-lg"> 
+      <q-card bordered class="q-pa-lg">
         <ExamForm :fetchStep="fetchStep" :status="status" />
       </q-card>
     </q-step>
@@ -44,7 +44,7 @@
       title="ชำระค่าธรรมเนียม"
       :icon="stepRaw >= 3 ? (stepRaw == 3 ? 'mdi-pencil' : 'mdi-check-bold') : 'mdi-receipt'"
     >
-      <q-card bordered class="q-pa-lg"> 
+      <q-card bordered class="q-pa-lg">
         <ExamPayment :fetchStep="fetchStep" :status="status" />
       </q-card>
     </q-step>
@@ -55,7 +55,7 @@
       title="สำเร็จ"
       :icon="stepRaw >= 4 ? 'mdi-check-bold' : 'mdi-flag-variant'"
     >
-      <q-card bordered class="q-pa-lg"> 
+      <q-card bordered class="q-pa-lg">
         <ExamFinished :fetchStep="fetchStep" :status="status" />
       </q-card>
     </q-step>
@@ -92,8 +92,8 @@ const status = ref<string>('register')
 const modalConsend = ref<boolean>(false)
 
 onMounted(async () => {
-  stepRaw.value = 2
-  step.value = 2
+  //   stepRaw.value = 2
+  //   step.value = 2
   await fetchPeriodExam()
   await candidateCheck()
 })
@@ -200,57 +200,57 @@ const doLogout = () => {
 </script>
 <style>
 .q-stepper {
-	box-shadow: none;
+  box-shadow: none;
   background: transparent !important;
 }
 .q-stepper--horizontal .q-stepper__step-inner {
-	padding: 0px;
-} 
+  padding: 0px;
+}
 .q-stepper__header--alternative-labels .q-stepper__tab {
-	min-height: 0px;
-	padding: 1.5% 0% 1.5% 0%;
+  min-height: 0px;
+  padding: 1.5% 0% 1.5% 0%;
 }
 .q-stepper__header--border {
-	border-bottom: none;
+  border-bottom: none;
 }
 .q-stepper__dot {
-	min-width: 35px;
-	height: 35px;
-	width: 35px;
-	font-size: 20px;
+  min-width: 35px;
+  height: 35px;
+  width: 35px;
+  font-size: 20px;
 }
-.q-stepper__title{
+.q-stepper__title {
   width: 100px;
 }
-.q-stepper__tab--done .q-stepper__title{
+.q-stepper__tab--done .q-stepper__title {
   color: #62a00b;
 }
-.q-stepper__tab--done .q-stepper__dot{
-  color: #95D710;
+.q-stepper__tab--done .q-stepper__dot {
+  color: #95d710;
   border: 1px solid #62a00b;
 }
 
-.q-stepper__tab--active .q-stepper__title{
-  color: #318BAE;
+.q-stepper__tab--active .q-stepper__title {
+  color: #318bae;
 }
-.q-stepper__tab--active .q-stepper__dot{
-  color: #1CB4EA;
+.q-stepper__tab--active .q-stepper__dot {
+  color: #1cb4ea;
   border: 1px solid #218ab393;
 }
 
-.q-stepper__tab--disabled .q-stepper__title{
-  color: #92B4C8;
+.q-stepper__tab--disabled .q-stepper__title {
+  color: #92b4c8;
 }
-.q-stepper__tab--disabled .q-stepper__dot{
-  background: #DEF2FC !important;
+.q-stepper__tab--disabled .q-stepper__dot {
+  background: #def2fc !important;
   border: 1px solid #92b4c876;
 }
 
-.q-stepper__tab--disabled .q-stepper__dot .q-icon{
+.q-stepper__tab--disabled .q-stepper__dot .q-icon {
   color: #7692a3d0;
 }
-.q-stepper--horizontal .q-stepper__line:before, .q-stepper--horizontal .q-stepper__line:after{
+.q-stepper--horizontal .q-stepper__line:before,
+.q-stepper--horizontal .q-stepper__line:after {
   background: #92b4c847;
 }
-
-</style>
\ No newline at end of file
+</style>