132 lines
5.6 KiB
HTML
132 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<script src="/api/v1.1/System/VersionFile"></script>
|
|
<link type="text/css" rel="stylesheet" dat-href="/styles/style.css" />
|
|
<script src="/scripts/jquery-3.6.0.min.js"></script>
|
|
<script src="/scripts/moment.js"></script>
|
|
<link href="/styles/select2.min.css" rel="stylesheet" />
|
|
<link href="/styles/dropzone.min.css" rel="stylesheet" type="text/css" />
|
|
<script src="/scripts/jquery.lazy.min.js"></script>
|
|
<script src="/scripts/jquery.lazy.plugins.min.js"></script>
|
|
<script src="/scripts/select2.min.js"></script>
|
|
<script src="/scripts/dropzone.min.js"></script>
|
|
<script src="/scripts/simpleUpload.min.js"></script>
|
|
<script src="/scripts/main.js" type="text/javascript"></script>
|
|
<script src="/scripts/filterformating.js" type="text/javascript"></script>
|
|
<script src="/scripts/gamesformating.js" type="text/javascript"></script>
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
<title>Gaseous Games</title>
|
|
|
|
<script type="text/javascript">
|
|
var head = document.getElementsByTagName('head')[0];
|
|
|
|
// update links
|
|
var headLinks = document.getElementsByTagName('link');
|
|
for (var i = 0; i < headLinks.length; i++) {
|
|
if (headLinks[i].getAttribute('dat-href') && headLinks[i].rel == "stylesheet") {
|
|
var newLink = document.createElement('link');
|
|
newLink.rel = "stylesheet";
|
|
newLink.href = headLinks[i].getAttribute('dat-href') + '?v=' + AppVersion;
|
|
newLink.type = "text/css";
|
|
|
|
headLinks[i].parentElement.removeChild(headLinks[i]);
|
|
head.appendChild(newLink);
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="bgImage" style="background-image: url('/images/LoginWallpaper.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; filter: blur(10px); -webkit-filter: blur(10px);">
|
|
<div id="bgImage_Opacity"></div>
|
|
</div>
|
|
|
|
<div id="content">
|
|
<div class="loginwindow">
|
|
<div id="loginform" class="loginwindow-content">
|
|
<img src="/images/logo.png" style="display: block; margin: 20px auto;" />
|
|
|
|
<div id="loginwindow_header_label" style="display: block; text-align: center;">Gaseous Games</div>
|
|
|
|
<table style="width: 100%; margin-top: 20px;" cellpadding="5px">
|
|
<tr>
|
|
<th>Email</th>
|
|
<td><input type="email" id="login_email" style="width: 95%;" /></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Password</th>
|
|
<td><input type="password" id="login_password" style="width: 95%;" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">
|
|
<input type="checkbox" id="login_rememberme"> <label for="login_rememberme">Remember Me</label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" id="login_errorlabel" style="color: red;"></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" style="padding-top: 20px;">
|
|
<button type="button" value="Sign In" onclick="UserLogin();" style="margin-top: 10px; width: 100%; font-size: 16px; border-radius: 10px; padding-top: 10px; padding-bottom: 10px;">Sign In</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="settings_photocredit">
|
|
Wallpaper by <a href="https://unsplash.com/@spideyjoey" class="romlink">Joey Kwok</a> / <a href="https://unsplash.com/photos/a-room-filled-with-arcade-machines-and-neon-lights-jbIsTd7rdd8" class="romlink">Unsplash</a>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
// redirect if logged in
|
|
ajaxCall(
|
|
'/api/v1.1/Account/Profile/Basic',
|
|
'GET',
|
|
function(result) {
|
|
// user is signed in - redirect to main page
|
|
window.location.replace("/");
|
|
},
|
|
function(error) {
|
|
// user is not signed in - do nothing
|
|
}
|
|
);
|
|
|
|
function UserLogin() {
|
|
var loginObj = {
|
|
"email": document.getElementById('login_email').value,
|
|
"password": document.getElementById('login_password').value,
|
|
"rememberMe": document.getElementById('login_rememberme').checked
|
|
}
|
|
|
|
ajaxCall(
|
|
'/api/v1.1/Account/Login',
|
|
'POST',
|
|
function(result) {
|
|
loginCallback(result);
|
|
},
|
|
function(error) {
|
|
loginCallback(error);
|
|
},
|
|
JSON.stringify(loginObj)
|
|
);
|
|
|
|
function loginCallback(result) {
|
|
switch(result.status) {
|
|
case 200:
|
|
window.location.replace('/index.html');
|
|
break;
|
|
default:
|
|
// login failed
|
|
document.getElementById('login_errorlabel').innerHTML = 'Incorrect password';
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</body> |