<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Log in to Your KOLSup Account</title>
<meta name="description" content="Access your KOLSup account securely. Log in to manage your website, engage with your fans, and monetize your content effortlessly.">
<meta charset="utf-8">
<link rel="icon" type="image/x-icon" href="" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=Raleway:wght@500;600;700;800&display=swap" rel="stylesheet">
<link href="https://studio.kolsup.com/public/css/style-theme-login.css?v=1723625298" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="https://kolsup.com/public/images/favicon.ico">
<meta property="og:url" content="https://https://studio.kolsup.com//login/?logout=success">
<meta property="og:type" content="">
<meta property="og:site_name" content="">
<meta property="og:title" content="Log in to Your KOLSup Account">
<meta property="og:description" content="Access your KOLSup account securely. Log in to manage your website, engage with your fans, and monetize your content effortlessly.">
<meta property="og:image:width" content="1080">
<meta property="og:image:height" content="1080">
<meta property="og:locale" content="en_SG">
<meta property="og:image" content="">
<meta name="twitter:image" content="">
<!-- <script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "CreativeWork",
"aggregateRating": {
"@type": "AggregateRating",
"bestRating": "5",
"ratingCount": "7029",
"ratingValue": "4.9"
},
"image": "",
"name": "Log in to Your KOLSup Account",
"description": "Access your KOLSup account securely. Log in to manage your website, engage with your fans, and monetize your content effortlessly."
}
</script> -->
<!-- Google tag (gtag.js) -->
<style type="text/css">
.S9gUrf-YoZ4jf {
display: flex;
justify-content: center;
}
.login-remember label {
display: flex;
align-items: center;
cursor: pointer;
}
label {
display: inline-block;
margin-top: 1rem;
margin-bottom: 1rem;
}
</style>
</head>
<body>
<div class="site-inner">
<div class="d-flex justify-between align-center text-17px h-4rem px-1-5rem">
<a href="https://kolsup.com" title="Kol Support">
<img src="https://kolsup.com/public/images/logo_black.png?v=1" height="45" alt="kolsup Logo">
</a>
<div class="d-flex align-center">
<div class="md-hidden">Don't have an account?</div><a class="ml-0-375rem underline hover:no-underline text-black" href="https://studio.kolsup.com/signup">Sign up</a>
</div>
</div>
<div class="">
<div class="w-screen m-h-100-64 d-flex justify-center align-center pb-4rem">
<div class="w-380px sm-w-91pt">
<div class="text-1-875rem fw-bold text-center mb-2rem md-text-1-5rem md-mb-1-5rem">Welcome back</div>
<div class="w-full">
<script src="https://accounts.google.com/gsi/client" async></script>
<div id="g_id_onload" data-client_id="899301182497-1ca3jsf7fg95c95eg7588hv853frsvv2.apps.googleusercontent.com" data-context="signup" data-ux_mode="popup" data-callback="login_ajax" data-auto_prompt="false">
</div>
<div class="g_id_signin" data-type="standard" data-shape="rectangular" data-theme="outline" data-text="continue_with" data-size="large" data-logo_alignment="center">
</div>
</div>
<div class="py-2rem text-15 d-flex align-center justify-center relative text-black my-0-25rem">
<span class="h-1px w-full bg-greyE5 h-1px"></span>
<span class="bg-white py-0-5rem px-1rem absolute">or login with</span>
</div>
<div>
<form name="loginform" id="loginform" action="https://studio.kolsup.com/wp-login.php" method="post"><p class="login-username">
<label for="user_login">Username or Email Address</label>
<input type="text" name="log" id="user_login" autocomplete="username" class="input" value="" size="20" />
</p><p class="login-password">
<label for="user_pass">Password</label>
<input type="password" name="pwd" id="user_pass" autocomplete="current-password" spellcheck="false" class="input" value="" size="20" />
</p><p class="login-remember"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Remember Me</label></p><p class="login-submit">
<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary" value="Log In" />
<input type="hidden" name="redirect_to" value="https://studio.kolsup.com/login/?logout=success" />
</p></form> </div>
</div>
</div>
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script>
function jwt_decode(token) {
var base64Url = token.split('.')[1];
var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) {
return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
}).join(''));
return JSON.parse(jsonPayload);
};
function login_ajax(response) {
const res = jwt_decode(response.credential);
var inputValue = $('#your-page-input').val(); // Giả sử bạn có một input để nhập liệu nào đó, nếu không có thì bỏ qua
var data_ajax = {
'action': 'google_login',
'email': res.email,
};
$.ajax({
url: '/wp-admin/admin-ajax.php', // ajaxurl là biến global được định nghĩa bởi WordPress khi sử dụng wp_localize_script()
method: 'POST',
data: data_ajax,
success: function(response) {
if (response.success === true) {
if (response.data.status_blog == '0') {
var site_name = response.data.site_name + '/check-login.php?token-user=' + response.data.token_user;
document.cookie = "admin_url=" + response.data.site_name + "; expires=" + new Date(new Date().getTime() + 7 * 24 * 60 * 60 * 1000).toUTCString() + "; path=/;domain=.kolsup.com;"
window.location.href = site_name;
} else {
window.location.href = 'https://studio.kolsup.com/complete-your-page?site-name=' + response.data.site_name + '&token-user=' + response.data.token_user;
}
} else {
if (response.data.status == 'user_exists') {
sessionStorage.setItem('isLoggedInViaGoogle', true);
sessionStorage.setItem('id_google', res.sub);
sessionStorage.setItem('email', res.email);
sessionStorage.setItem('full_name', res.name);
sessionStorage.setItem('image', res.picture);
window.location.href = 'https://studio.kolsup.com/signup/';
} else {
console.log(response.data.message);
}
}
}
});
}
$(document).ready(function() {
$('#loginform').submit(function() {
var username = $('#user_login').val();
var password = $('#user_pass').val();
if (username === '' || password === '') {
alert('Both username and password are required.');
return false; // To prevent form submission if any field is empty
}
return true;
});
});
</script>
</body>
</html>