123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174 |
- const btnLogin = document.querySelector('#btn_login');
- const inputPassword = document.querySelector('#login #password');
- const btnLoginPage = document.querySelector('.btn-login');
- const btnUserProfile = document.querySelector('.btn-userProfile');
- const btnLogout = document.querySelector('.btn-logout');
- const btnLoginPage_d = document.querySelector('.login-top .btn-login');
- const btnUserProfile_d = document.querySelector('.login-top .btn-userProfile');
- const btnLogout_d= document.querySelector('.login-top .btn-logout');
- inputPassword.addEventListener('keyup', loginByEnter);
- btnLogin.addEventListener('click', login);
- function loginByEnter(e) {
- if (e.keyCode === 13) {
- e.preventDefault();
- console.log('login!');
- login();
- }
- };
- function login(){
- console.log('login!');
- var url = "https://www.choozmo.com:8887/login";
- var username = $('#username').val();
- var password = $('#password').val();
- if (username == '' || password == '') {
- let title = "登入失敗";
- let text = "請先輸入您的帳號/密碼";
- if (lang == 'en') {
- title = "Login Failed!";
- text = "Please enter your username and password";
- }
- Swal.fire({
- title: title,
- icon: 'error',
- text: text,
- confirmButtonColor: '#3085d6',
- });
- return;
- }
-
- var data = "grant_type=&username=" + username + "&password="+password+"&scope=&client_id=&client_secret=";
- const headers = {
- "accept": "application/json",
- "Content-Type": "application/x-www-form-urlencoded"
- }
- axios({
- method: 'post',
- url: url,
- headers: headers,
- data: data
- }).then(res => {
- console.log(res.data);
- document.cookie = 'jwt_token='+res.data.access_token;
- if(res.data.access_token!=null) {
- var title = "登入成功";
- if (lang == 'en') { // 英文版訊息
- title = "Login Successfully!"
- }
- Swal.fire({
- title: title,
- icon: 'success',
- confirmButtonColor: '#3085d6',
- });
- window.setTimeout(() => {
- window.location.href = 'user_profile2.html';
- }, 2000);
- btnLoginPage.style.display = 'none';
- } else {
- var title = "登入失敗";
- if (lang == 'en') { // 英文版訊息
- title = "Login Failed!"
- }
- Swal.fire({
- title: title,
- icon: 'error',
- text: responseOBJ.detail,
- confirmButtonColor: '#3085d6',
- });
- }
-
- }).catch(err => {
- console.log(err);
- })
- }
- /* var xhr = new XMLHttpRequest();
- xhr.open("POST", url);
- xhr.setRequestHeader("accept", "application/json");
- xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
- xhr.onreadystatechange = function () {
- if (xhr.readyState === 4) {
- console.log(xhr.responseText); // test
- responseOBJ = JSON.parse(xhr.responseText);
- // document.cookie = 'jwt_token='+responseOBJ.jwt_token // access_token -> jwt_token
- document.cookie = 'jwt_token='+responseOBJ.access_token;
- console.log(responseOBJ);
- if (responseOBJ.access_token!=null)
- {
- var title = "登入成功";
- if (lang == 'en') { // 英文版訊息
- title = "Login Successfully!"
- }
- Swal.fire({
- title: title,
- icon: 'success',
- confirmButtonColor: '#3085d6',
- });
- window.setTimeout(() => {
- window.location.href = 'user_profile2.html';
- }, 2000);
- btnLoginPage.style.display = 'none';
- }
- else{
- var title = "登入失敗";
- if (lang == 'en') { // 英文版訊息
- title = "Login Failed!"
- }
- Swal.fire({
- title: title,
- icon: 'error',
- text: responseOBJ.detail,
- confirmButtonColor: '#3085d6',
- });
- }
- }
- };
-
- // 登入資料檢查
- if (username == '' || password == '') {
- let title = "登入失敗";
- let text = "請先輸入您的帳號/密碼";
- if (lang == 'en') {
- title = "Login Failed!";
- text = "Please enter your username and password";
- }
- Swal.fire({
- title: title,
- icon: 'error',
- text: text,
- confirmButtonColor: '#3085d6',
- });
- return;
- }
-
- result = xhr.send(data);
- console.log(result);
- } */
- function loginControl() {
- btnLoginPage.style.display = 'block';
- btnLogout.style.display = 'none';
- btnUserProfile.style.display = 'none';
- btnLoginPage_d.style.display = 'block';
- btnLogout_d.style.display = 'none';
- btnUserProfile_d.style.display = 'none';
- }
- loginControl();
|