</noscript> <script> function gaEvent(path, event) { if (typeof(gtag) == "function") { gtag('set', 'page_path', path); gtag('event', event); } } </script> <script> const lang = "zh_CHT"; document.addEventListener('alpine:init', () => { Alpine.data('navInit', () => ({ userLoggedIn: false, isProfileMenuVisible: false, isProfileMobileMenuVisible: false, isMobileMenuVisible: false, isMobileUniversityMegaVisible: false, toggleMobileMenu() { this.isProfileMenuVisible = false; this.isProfileMobileMenuVisible = false; this.isMobileMenuVisible = !this.isMobileMenuVisible; if (this.isMobileMenuVisible) { $("body").css("overflow", "hidden"); } else { $("body").css("overflow", "auto"); } console.log(this.isMobileMenuVisible); }, toggleProfileMobileMenu() { this.isMobileMenuVisible = false; this.isProfileMobileMenuVisible = !this.isProfileMobileMenuVisible; }, showProfileMenu() { this.isMobileMenuVisible = false; this.isProfileMenuVisible = true; }, hideProfileMenu() { this.isProfileMenuVisible = false }, toggleMobileUniversityMega() { this.isMobileUniversityMegaVisible = !this.isMobileUniversityMegaVisible; } })); }) </script><div class="fixed inset-0 h-full w-screen overflow-y-scroll no-scrollbar bg-white md:bg-page bg-center bg-cover bg-no-repeat flex flex-row items-stretch justify-center lg:justify-start" x-data="cuhkLoginData" @submit-sso.window="submitSSOForm($event.detail)"> <div class="hidden lg:flex flex-grow max-w-1/2 lg:justify-end xl:justify-center px-10"> <div class="max-w-112 text-5xl font-jinxuanlatte leading-tight text-primary-darker pt-1/4 lg:ml-10">歡迎回來<br>一起將照顧自己變成習慣</div> </div> <div class="relative flex-shrink-0 w-full h-full sm:w-133 bg-white flex flex-col items-center px-4 overflow-y-auto no-scrollbar py-16"> <a href="/cuhk" class="absolute top-6 left-8 flex items-center" x-show="currentPageIndex <= 1" x-cloak><img class="w-3.5 h-3.5 mr-1" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/arrow-content.svg" />返回</a> <button class="absolute top-6 left-8 flex items-center" x-show="currentPageIndex == 2 || currentPageIndex == 3" x-cloak @click="goToPrevPage"><img class="w-3.5 h-3.5 mr-1" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/arrow-content.svg" />返回</button> <div class="max-w-xs md:w-80 flex flex-col items-stretch flex-grow m-auto" x-show="currentPageIndex === 0" x-cloak> <h3 class="font-jinxuanlatte text-2xl leading-tight text-primary-darker mb-4">來繼續你的旅程</h3> <div class="relative mt-4"> <input type="text" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-2.5 border-0 placeholder-content-placeholder tracking-normal" name="user_login" placeholder="電郵地址" x-model="loginData.userLogin"> <i class="fa-solid fa-envelope absolute top-2.5 left-6 text-content text-base"></i> </div> <div class="relative mt-4"> <input :type="isPasswordVisible ? 'text' : 'password'" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-2.5 border-0 placeholder-content-placeholder tracking-normal" placeholder="密碼" name="user_password" required x-model="loginData.userPassword"> <i class="fa-solid fa-fw fa-lock absolute top-2.5 left-6 text-content text-base"></i> <button class="absolute right-4 inset-y-0 flex items-center justify-center" type="button" @click="isPasswordVisible = !isPasswordVisible"> <img class="w-5 h-auto" x-show="isPasswordVisible" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/hide-pwd.png" alt="Hide password icon"> <img class="w-5 h-auto" x-show="!isPasswordVisible" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/show-pwd.png" alt="Show password icon"> </button> </div> <div class="mt-6 mb-4 flex flex-col sm:flex-row items-start sm:items-center justify-between space-y-4 sm:space-y-0"> <div class="flex flex-row items-center"> <input class="h-4 w-4 border border-gray-400 text-primary" type="checkbox" name="remember" id="login-remember" value="true" x-model="loginData.remember"> <label for="login-remember" class="text-content text-sm ml-2">保持登入</label> </div> <!-- <button type="button" class="text-sm text-gray-500 cursor-pointer underline" @click="setCurrentSection('forget-password')">忘記密碼？</button> --> </div> <div id="login-error" x-show="isLoginErrorVisible" class="pb-2" x-collapse x-cloak> <div class="py-2 px-4 bg-red-100 border border-red-200 rounded-xl flex items-center"> <p class="text-content inline text-sm font-medium flex-grow" x-text="loginError"></p> <img class="w-4 h-4 cursor-pointer" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/cross-gray.svg" alt="Close icon" @click.stop="isLoginErrorVisible=false"> </div> </div> <div class="g-recaptcha mt-2 mx-auto" data-sitekey="6Lcs0ykiAAAAANK6HqkcTcHgRDCHmnGE-eDiyHZg" data-callback="recaptchaCallback" data-expired-callback="recaptchaExpiredCallback" data-error-callback="recaptchaExpiredCallback"></div> <button type="button" class="text-base font-bold text-white rounded-full h-11 flex items-center justify-center mt-12 bg-start hover:bg-start-dark disabled:opacity-30" :disabled="!loginData.userLogin || !loginData.userPassword || !$store.loginStore.token" @click="submitLoginForm"> <svg x-show="isLoggingIn" class="animate-spin h-5 w-5 text-white mx-auto" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" fill="transparent" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> <span x-show="!isLoggingIn">登入</span> </button> <div class="w-full mt-6 mb-4 text-center">其他登入方法</div> <div class="max-w-xs md:w-80 flex flex-col items-stretch justify-center no-scrollbar shrink-0"> <div class="w-full flex flex-row justify-center items-center space-x-6"> <div class="flex flex-col items-center space-y-2 w-16"> <button class="text-white bg-facebook rounded-full h-10 w-10 mx-auto flex items-center justify-center" @click="loginWithFacebook"><img loading="lazy" class="w-full h-auto" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/facebook.png" alt="Facebook SSO"></button> <div class="text-content-light text-xs tracking-normal">Facebook</div> </div> <div class="flex flex-col items-center space-y-2 w-16"> <!-- <button class="bg-white border border-gray-500 rounded-full h-10 w-10 flex justify-center items-center" id="btn-sso-google-signup"><img loading="lazy" class="w-7 h-7" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/google.webp" alt="Google SSO"></button> --> <div hidden id="g_id_onload" data-client_id="721583760522-5i6srb2sp6v3uc98ju31vr9appule7s5.apps.googleusercontent.com" data-context="signin" data-ux_mode="popup" data-callback="handleCredentialResponse" data-auto_prompt="false"></div> <div class="g_id_signin" data-type="icon" data-shape="circle" data-theme="outline" data-text="signin_with" data-size="large"></div> <div class="text-content-light text-xs tracking-normal">Google</div> </div> <div class="flex flex-col items-center space-y-2 w-16"> <button class="bg-black rounded-full h-10 w-10 overflow-hidden" @click="loginWithApple"><img loading="lazy" class="h-10 w-10" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/apple.png" alt="Apple SSO"></button> <div class="text-content-light text-xs tracking-normal">Apple</div> </div> </div> </div> </div> <div class="max-w-xs md:w-80 flex flex-col items-stretch flex-grow" x-show="currentPageIndex === 1" x-cloak> <h3 class="font-jinxuanlatte text-2xl leading-tight text-primary-darker mb-4">實體一對一心理輔導服務</h3> <p class="text-primary-darker tracking-tight">香港中文大學全日制本科生及研究生只需連結大學電郵地址，<b>便可享有學生事務處心理健康及輔導中心提供的實體一對一心理輔導服務。</b></p> <p class="text-primary-darker mt-8 mb-4">我是</p> <div class="w-full flex flex-col items-stretch space-y-2"> <button class="border rounded-full py-2 px-6 hover:border-primary" :class="selectedUserType == 'full_time_student' ? 'bg-primary text-white border-primary' : 'bg-transparent text-content'" :disabled="selectedUserType == 'full_time_student'" @click="selectUserType('full_time_student')">全日制學生</button> <button class="border rounded-full py-2 px-6 hover:border-primary" :class="selectedUserType == 'part_time_student' ? 'bg-primary text-white border-primary' : 'bg-transparent text-content'" :disabled="selectedUserType == 'part_time_student'" @click="selectUserType('part_time_student')">非全日制學生</button> <button class="border rounded-full py-2 px-6 hover:border-primary" :class="selectedUserType == 'cuhk_staff' ? 'bg-primary text-white border-primary' : 'bg-transparent text-content'" :disabled="selectedUserType == 'cuhk_staff'" @click="selectUserType('cuhk_staff')">香港中文大學職員</button> <button class="border rounded-full py-2 px-6 hover:border-primary" :class="selectedUserType == 'other' ? 'bg-primary text-white border-primary' : 'bg-transparent text-content'" :disabled="selectedUserType == 'other'" @click="selectUserType('other')">全部不是</button> </div> <div class="flex-grow flex flex-col items-center justify-end pt-8"> <button class="rounded-full text-white w-36 h-9 mx-auto bg-start hover:bg-start-dark disabled:opacity-30" :disabled="!selectedUserType" @click="goToNextPage"> <svg x-show="isSavingUserType" class="mx-auto animate-spin h-5 w-5 text-white" viewBox="0 0 24 24" x-cloak> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" fill="transparent" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> <span x-show="!isSavingUserType">下一步</span> </button> </div> </div> <div class="max-w-xs md:w-80 flex flex-col items-stretch flex-grow" x-show="currentPageIndex === 2" x-cloak> <h3 class="font-jinxuanlatte text-2xl leading-tight text-primary-darker mb-4">實體一對一心理輔導服務</h3> <p class="text-primary-darker tracking-tight">香港中文大學全日制本科生及研究生只需連結大學電郵地址，<b>便可享有學生事務處心理健康及輔導中心提供的實體一對一心理輔導服務。</b></p> <p class="text-primary-darker mt-8 mb-4">你有接受過心理健康及輔導中心的心理輔導服務嗎？</p> <div class="w-full flex flex-col items-stretch space-y-2"> <button class="border rounded-full py-2 px-6 hover:border-primary" :class="selectedServiceUsage == 'yes_currently' ? 'bg-primary text-white border-primary' : 'bg-transparent text-content'" :disabled="selectedServiceUsage == 'yes_currently'" @click="selectedServiceUsage = 'yes_currently'">有，現正接受</button> <button class="border rounded-full py-2 px-6 hover:border-primary" :class="selectedServiceUsage == 'yes_past' ? 'bg-primary text-white border-primary' : 'bg-transparent text-content'" :disabled="selectedServiceUsage == 'yes_past'" @click="selectedServiceUsage = 'yes_past'">有，曾經接受</button> <button class="border rounded-full py-2 px-6 hover:border-primary" :class="selectedServiceUsage == 'never' ? 'bg-primary text-white border-primary' : 'bg-transparent text-content'" :disabled="selectedServiceUsage == 'never'" @click="selectedServiceUsage = 'never'">沒有</button> </div> <div class="flex-grow flex flex-col items-center justify-end pt-8"> <button class="rounded-full text-white w-36 h-9 mx-auto bg-start hover:bg-start-dark disabled:opacity-30" :disabled="!selectedUserType" @click="goToNextPage">下一步</button> </div> </div> <div class="max-w-xs md:w-80 flex flex-col items-stretch flex-grow" x-show="currentPageIndex === 3" x-cloak> <h3 class="font-jinxuanlatte text-2xl leading-tight text-primary-darker mb-4">實體一對一心理輔導服務</h3> <p class="text-primary-darker tracking-tight">香港中文大學全日制本科生及研究生只需連結大學電郵地址，<b>便可享有學生事務處心理健康及輔導中心提供的實體一對一心理輔導服務。</b></p> <div class="mt-8 flex flex-row"> <input type="checkbox" name="agree_to_share_data" id="agree_to_share_data" x-model="formData.agreeToShareData" class="h-4 w-4 border border-gray-400 text-primary mt-1 mr-2" @change="checkAgreeToShare"> <label for="agree_to_share_data">我同意授權，學生事務處心理健康及輔導中心收集及使用我的個人資料，用作聯絡安排和跟進實體心理健康支援服務，根據我的心理健康狀態和需求提供適切的支援。</label> </div> <div class="mt-2 ml-6 mb-8"> <a href="/cuhk-wacc-personal-information-collection-statement" target="_blank" class="mt-2 underline text-primary hover:text-primary-darker" >個人資料收集聲明</a> </div> <div x-show="formData.agreeToShareData" x-cloak> <div class="relative"> <input type="text" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-2.5 border-0 placeholder-content-placeholder tracking-normal" name="student_id" placeholder="學生編號" x-model="formData.studentId" @change="checkStudentIdInput" @input="checkStudentId"> <i class="fa-solid fa-fw fa-id-card-clip absolute top-2.5 left-6 text-content text-base"></i> </div> <div class="ml-6 text-red-500" x-show="studentIdError" x-collapse x-cloak> 學生編號應為10位數字 </div> <div class="relative" :class="studentIdError ? 'mt-3' : 'mt-4'"> <input type="text" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-2.5 border-0 placeholder-content-placeholder tracking-normal" name="cuhk_email" disabled placeholder="大學電郵地址" x-model="formData.cuhkEmail"> <i class="fa-solid fa-fw fa-envelope absolute top-2.5 left-6 text-content text-base"></i> </div> <div class="relative mt-4"> <input type="text" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-2.5 border-0 placeholder-content-placeholder tracking-normal" name="cuhk_email" placeholder="聯絡電話（選填）" x-model="formData.phone" @change="checkPhone" @input="handlePhoneInput"> <i class="fa-solid fa-fw fa-phone absolute top-2.5 left-6 text-content text-base"></i> </div> <div class="ml-6 text-red-500" x-show="phoneError" x-collapse x-cloak> 請輸入8位數字的本地聯絡電話 </div> <p class="mt-2"> 如有需要，學生事務處心理健康及輔導中心或會<b>以電話直接聯絡你</b>，以更快為你安排實體心理輔導服務。 </p> </div> <div x-show="!formData.agreeToShareData" x-cloak> <p class="text-primary-darker">請注意，你必須同意並授權學生事務處心理健康及輔導中心（WACC）收集你的個人資料，<b>才能使用實體支援服務。你亦可以繼續登記使用心導遊+（JCTH+）的網上支援服務。</b></p> </div> <div class="flex-grow flex flex-col items-center justify-end pt-6" x-show="formData.agreeToShareData" x-cloak> <div class="mb-3 text-center" x-show="cuhkAccountExist" x-collapse x-cloak> <p class="mb-1">這個大學電郵地址已經連結至另一帳戶，如有疑問，請電郵查詢。</p> </div> <button class="rounded-full text-white h-9 w-36 mx-auto bg-start hover:bg-start-dark disabled:opacity-30" :disabled="isSubmitButtonDisabled" @click="submitAgreement"> <svg x-show="isSubmittingAgreement" class="mx-auto animate-spin h-5 w-5 text-white" viewBox="0 0 24 24" x-cloak> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" fill="transparent" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> <span x-show="!isSubmittingAgreement" x-cloak>連結帳戶</span> </button> </div> <div class="flex items-center justify-center mt-6" x-show="submitError" x-cloak> 發生錯誤，請稍後重試或聯絡我們 </div> <div class="flex-grow flex flex-col items-center justify-center pt-6 space-y-4" x-show="!formData.agreeToShareData" x-cloak> <button type="button" class="flex items-center justify-center border border-primary text-primary rounded-full w-48 h-8 hover:text-primary-darker hover:border-primary-darker" @click="submitAgreement">僅使用心導遊服務</button> <button type="button" class="flex items-center justify-center border border-primary text-primary rounded-full w-48 h-8 hover:text-primary-darker hover:border-primary-darker" @click="formData.agreeToShareData = true">登記實體服務</button> </div> </div> <div class="max-w-xs md:w-80 flex flex-col items-stretch flex-grow" x-show="currentPageIndex === 4" x-cloak> <h3 class="font-jinxuanlatte text-2xl leading-normal text-primary-darker mb-4" x-show="selectedUserType === 'full_time_student' && !formData.agreeToShareData">如有需要，你可以隨時登記使用學生事務處心理健康及輔導中心的實體輔導服務。</h3> <h3 class="font-jinxuanlatte text-2xl leading-normal text-primary-darker mb-4" x-show="selectedUserType !== 'full_time_student'">學生事務處心理健康及輔導中心僅為全日制學生提供支援服務。</h3> <p class="text-primary-darker tracking-tight" >你仍可以繼續使用心導遊+的網上支援服務。</p> <div class="flex-grow flex flex-col items-center justify-end"> <a href="/" class="text-base font-bold text-white rounded-full px-20 h-11 flex items-center justify-center mt-12 bg-start hover:bg-start-dark">開始旅程</a> </div> </div> <div class="max-w-xs md:w-80 flex flex-col items-stretch flex-grow" x-show="currentPageIndex === 5" x-cloak> <h3 class="font-jinxuanlatte text-2xl leading-normal text-primary-darker mb-4" >登記成功，你現在可以使用學生事務處心理健康及輔導中心的實體輔導服務。</h3> <div class="flex-grow flex flex-col items-center justify-end"> <a href="/" class="text-base font-bold text-white rounded-full px-20 h-11 flex items-center justify-center mt-12 bg-start hover:bg-start-dark">開始旅程</a> </div> </div> </div> </div> <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script> <script> window.fbAsyncInit = function() { FB.init({ appId : '242913894004818', cookie : true, xfbml : true, version : 'v19.0' }); FB.AppEvents.logPageView(); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); document.addEventListener('alpine:init', () => { Alpine.data('cuhkLoginData', () => ({ currentPageIndex: 0, userAgreedToShare: false, loginData: { userLogin: "", userPassword: "", remember: false, }, isPasswordVisible: false, isLoggingIn: false, loginError: null, isLoginErrorVisible: false, selectedUserType: null, selectedServiceUsage: null, formData: { agreeToShareData: false, studentId: "", cuhkEmail: "", phone: "", }, studentIdError: false, phoneError: false, isSubmittingAgreement: false, isSavingUserType: false, cuhkAccountExist: false, submitError: false, submitLoginForm() { this.isLoggingIn = true; fetch("/api/auth/login/", { method: "POST", body: JSON.stringify({ user_login: this.loginData.userLogin, user_password: this.loginData.userPassword, remember: this.loginData.remember, "g-recaptcha-response": this.$store.loginStore.token, language: "zh", }), headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' } }) .then((res) => res.json()) .then((data) => { console.log(data); if (data.success) { // check if already agreed this.checkIfUserAgreedToShareData(); } else { this.isLoggingIn = false; this.loginError = data.error["zh"]; this.isLoginErrorVisible = true; } }) }, checkIfUserAgreedToShareData() { fetch("/api/auth/cuhk-landing/check-agreed-wacc/") .then((res) => res.json()) .then((data) => { console.log(data); this.isLoggingIn = false; if (data.agreed) { this.currentPageIndex = 5; } else { this.currentPageIndex = 1; } }); }, loginWithFacebook() { FB.login((response) => { console.log(response); if (response.authResponse) { const formData = { source: "facebook", token: response.authResponse.accessToken }; console.log(formData); this.submitSSOForm(formData); } }, { scope: 'public_profile,email' }); }, async loginWithApple() { try { let data = await AppleID.auth.signIn(); const formData = { source: "apple", token: data.authorization.id_token, } if (data.user?.name?.firstName) { formData.first_name = data.user?.name?.firstName } if (data.user?.name?.lastName) { formData.last_name = data.user?.name?.lastName; } this.submitSSOForm(formData); } catch (error) { console.log("Apple login error", error); } }, submitSSOForm(data) { console.log("submit form", data); data.language = "zh"; fetch("/api/auth/login-sso/", { method: "POST", body: JSON.stringify(data), headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' } }) .then((res) => res.json()) .then((data) => { console.log(data); if (data.success) { this.checkIfUserAgreedToShareData(); } else { this.loginError = data.error["zh"]; this.isLoginErrorVisible = true; } }) }, goToNextPage() { if (this.selectedUserType !== "full_time_student") { this.isSavingUserType = true; fetch("/api/auth/cuhk-landing/add-user-info/", { method: "POST", body: JSON.stringify({ user_type: this.selectedUserType }), headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' } }) .then((res) => res.json()) .then((data) => { this.isSavingUserType = false; if (data.success) { this.currentPageIndex = 4; } }) } else { this.currentPageIndex++; } }, goToPrevPage() { if (this.selectedUserType === "full_time_student") { this.currentPageIndex--; } else { this.currentPageIndex = 1; } }, selectUserType(type) { this.selectedUserType = type; if (type === "full_time_student") { this.formData.agreeToShareData = true; } else { this.formData.agreeToShareData = false; } this.formData.studentId = ""; this.formData.cuhkEmail = ""; this.selectedServiceUsage = null; }, checkStudentIdInput() { if (this.formData.studentId.length !== 10 || !/^\d{10}$/.test(this.formData.studentId)) { console.log("false"); this.studentIdError = true; } else { console.log("true"); this.studentIdError = false; this.formData.cuhkEmail = this.formData.studentId + "@link.cuhk.edu.hk"; } }, checkStudentId() { if (this.studentIdError) { this.checkStudentIdInput(); } }, checkPhone() { this.phoneError = (this.formData.phone !== "" && !/^\d{8}$/.test(this.formData.phone)); }, handlePhoneInput() { if (this.phoneError) { this.checkPhone(); } }, checkAgreeToShare() { if (this.formData.agreeToShareData) { this.formData.studentId = ""; this.formData.cuhkEmail = ""; this.formData.phone = ""; this.studentIdError = false; this.phoneError = false; } }, isSubmitButtonDisabled() { return (this.formData.agreeToShareData && (!this.formData.studentId || !this.formData.cuhkEmail || this.studentIdError || this.phoneError)) }, submitAgreement() { if (this.studentIdError || this.phoneError) return; this.submitError = false; if (this.formData.agreeToShareData) { this.isSubmittingAgreement = true; // fetch( // "/api/1.0/tourheart-db/check-user-by-email?" + // new URLSearchParams({ email: this.formData.cuhkEmail }) // ) // .then((response) => response.json()) // .then((data) => { // console.log(data); // if (data.user_id) { // this.isSubmittingAgreement = false; // this.cuhkAccountExist = true; // } else { // // TODO: Link account fetch("/api/2.0/tourheart-users/register-extra-email", { method: "POST", body: JSON.stringify({ email: this.formData.cuhkEmail }), headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' } }) .then((res) => res.json()) .then((data) => { console.log(data); if (data.token) { fetch("/api/auth/cuhk-landing/add-user-info/", { method: "POST", body: JSON.stringify({ user_type: this.selectedUserType, user_login: this.formData.cuhkEmail, wacc_service_usage: this.selectedServiceUsage, agree_to_share_data: this.formData.agreeToShareData, cuhk_student_id: this.formData.studentId, phone: this.formData.phone, }), headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' } }) .then((res) => res.json()) .then((res) => { this.isSubmittingAgreement = false; if (res.success) { this.currentPageIndex = 5; } else { this.submitError = true; } }) } else { this.isSubmittingAgreement = false; this.submitError = true; } }) // } // }); } else { fetch("/api/auth/cuhk-landing/add-user-info/", { method: "POST", body: JSON.stringify({ user_type: this.selectedUserType, wacc_service_usage: this.selectedServiceUsage, agree_to_share_data: this.formData.agreeToShareData, }), headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' } }) .then((res) => res.json()) .then((res) => { this.isSubmittingAgreement = false; if (res.success) { this.currentPageIndex = 4; } else { this.submitError = true; } }) } } })); Alpine.store("loginStore", { token: null, recaptchaVerified(token) { this.token = token; }, recaptchaUnverified() { this.token = null; } }); }); function recaptchaCallback(data) { Alpine.store('loginStore').recaptchaVerified(data); } function recaptchaExpiredCallback(data) { Alpine.store('loginStore').recaptchaUnverified(); } const handleCredentialResponse = (token) => { if (token.credential) { const submitFormEvent = new Event('submit-sso'); submitFormEvent.detail = { source: "google", token: token.credential }; console.log(submitFormEvent); window.dispatchEvent(submitFormEvent); } } </script>