</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="twcLoginData" @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="/twc" 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">東華學院全日制本科生只需連結大學電郵地址，便可享有東華學院學生事務處提供的實體一對一心理輔導服務。等待時間取決於季節性需求及院校人力資源。</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 == 'staff' ? 'bg-primary text-white border-primary' : 'bg-transparent text-content'" :disabled="selectedUserType == 'staff'" @click="selectUserType('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">東華學院全日制本科生只需連結大學電郵地址，便可享有東華學院學生事務處提供的實體一對一心理輔導服務。等待時間取決於季節性需求及院校人力資源。</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> <button class="border rounded-full py-2 px-6 hover:border-primary" :class="selectedServiceUsage == 'not_to_disclose' ? 'bg-primary text-white border-primary' : 'bg-transparent text-content'" :disabled="selectedServiceUsage == 'not_to_disclose'" @click="selectedServiceUsage = 'not_to_disclose'">我不想透露</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">東華學院全日制本科生只需連結大學電郵地址，便可享有東華學院學生事務處提供的實體一對一心理輔導服務。等待時間取決於季節性需求及院校人力資源。</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="/twc-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> 學生編號應為8位數字 </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="twc_email" disabled placeholder="大學電郵地址" x-model="formData.twcEmail"> <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="twc_phone" 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">請注意，你必須同意並授權東華學院學生事務處收集你的個人資料，<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="twcAccountExist" 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('twcLoginData', () => ({ 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: "", twcEmail: "", phone: "", }, studentIdError: false, phoneError: false, isSubmittingAgreement: false, isSavingUserType: false, twcAccountExist: 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/university-landing/check-agreed/?university=twc") .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"; data.register_source = "web"; 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/university-landing/add-user-info/", { method: "POST", body: JSON.stringify({ university: "twc", 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.twcEmail = ""; this.selectedServiceUsage = null; }, checkStudentIdInput() { if (this.formData.studentId.length !== 8 || !/^\d{8}$/.test(this.formData.studentId)) { console.log("false"); this.studentIdError = true; } else { console.log("true"); this.studentIdError = false; this.formData.twcEmail = this.formData.studentId + "@link.twc.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.twcEmail = ""; this.formData.phone = ""; this.studentIdError = false; this.phoneError = false; } }, isSubmitButtonDisabled() { return (this.formData.agreeToShareData && (!this.formData.studentId || !this.formData.twcEmail || 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.twcEmail }) // ) // .then((response) => response.json()) // .then((data) => { // console.log(data); // if (data.user_id) { // this.isSubmittingAgreement = false; // this.twcAccountExist = true; // } else { // // TODO: Link account fetch("/api/2.0/tourheart-users/register-extra-email", { method: "POST", body: JSON.stringify({ email: this.formData.twcEmail }), headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' } }) .then((res) => res.json()) .then((data) => { console.log(data); if (data.token) { fetch("/api/auth/university-landing/add-user-info/", { method: "POST", body: JSON.stringify({ university: "twc", user_type: this.selectedUserType, user_login: this.formData.twcEmail, service_usage: this.selectedServiceUsage, agree_to_share_data: this.formData.agreeToShareData, 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/university-landing/add-user-info/", { method: "POST", body: JSON.stringify({ university: "twc", user_type: this.selectedUserType, 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>