const btnLoginPage = document.querySelector('.btn-login'); const btnUserProfile = document.querySelector('.btn-userProfile'); const btnLogout = document.querySelector('.btn-logout'); function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } function renderView() { let token = getCookie('jwt_token'); // if(!token) { // return; // } // axios.defaults.withCredentials = false; axios({ method: 'post', url: 'https://www.choozmo.com:8887/user_profile', headers: { 'accept': 'text/html', 'Authorization': `Bearer ${token}` } }).then(res => { console.log(res.data); const userInfo = res.data; const str = `

User Profile

${userInfo.user_info.userName}

${userInfo.user_info.email}

已使用

${userInfo.user_info.total_sec}

未使用

${userInfo.user_info.left_sec}

`; $('.card-profile').html(str); }).catch(err => { console.log(err); }) } renderView(); renderHistoryList(); function renderHistoryList() { let token = getCookie('jwt_token'); axios({ method: 'post', url: 'https://www.choozmo.com:8887/history_input', headers: { 'accept': 'application/json', 'Authorization': `Bearer ${token}` } }).then(res => { console.log(res.data); const history = res.data; let str = ''; for(let i = 0;i < history.length;i++){ str += `
${history[i].name}

${history[i].name}

觀看影片
` } $('#content_block .col-12').html(str); }).catch(err => { console.log(err); }); } function view() { window.open(`http://${event.target.data.vlink}`, '_blank'); console.log("link view"); } function checkLogin() { let token = getCookie('jwt_token'); if(token) { btnLoginPage.style.display = 'none'; btnLogout.style.display = 'block'; btnUserProfile.style.display = 'block'; } else { window.location.href = 'login.html'; btnLoginPage.style.display = 'block'; btnLogout.style.display = 'none'; btnUserProfile.style.display = 'none'; } } checkLogin();