initial Commit
This commit is contained in:
5
AccountApps/AccountLandingPage.html
Normal file
5
AccountApps/AccountLandingPage.html
Normal file
@@ -0,0 +1,5 @@
|
||||
<div style="Padding:2vh;">
|
||||
<button class="AccButton">
|
||||
<a class="button-text SignOutButton" class="whiteText">Sign Out</a>
|
||||
</button>
|
||||
</div>
|
||||
48
AccountApps/AccountManager.html
Normal file
48
AccountApps/AccountManager.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<div class="AccountManager Initialised" id="AccountManagerBody" style="display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: center; justify-items: center;"></div>
|
||||
<script>
|
||||
function AppInit(ID) {
|
||||
if (sessionStorage.getItem("UID") == null) sessionStorage.setItem("UID", "Inactive");
|
||||
const Body = document.getElementById("AccountManagerBody");
|
||||
if (sessionStorage.getItem("ActiveSession") === true && sessionStorage.getItem("UID") !== "Inactive") {
|
||||
var NewAppLoaded = new XMLHttpRequest();
|
||||
NewAppLoaded.open('GET', "AccountApps/AccountLandingPage.html", true);
|
||||
NewAppLoaded.onreadystatechange = function () {
|
||||
if (NewAppLoaded.readyState !== 4) return;
|
||||
if (NewAppLoaded.status !== 200) return;
|
||||
document.getElementById("AppContainer").insertAdjacentHTML("beforeend", NewAppLoaded.responseText);
|
||||
};
|
||||
NewAppLoaded.send();
|
||||
} else {
|
||||
var NewAppLoaded = new XMLHttpRequest();
|
||||
NewAppLoaded.open('GET', "AccountApps/SignIn.html", true);
|
||||
NewAppLoaded.onreadystatechange = function () {
|
||||
if (NewAppLoaded.readyState !== 4) return;
|
||||
if (NewAppLoaded.status !== 200) return;
|
||||
document.getElementById("AppContainer").insertAdjacentHTML("beforeend", NewAppLoaded.responseText);
|
||||
};
|
||||
NewAppLoaded.send();
|
||||
}
|
||||
}
|
||||
|
||||
function SwitchPage(ID, OldID){
|
||||
document.getElementById(OldID).remove();
|
||||
var NewAppLoaded = new XMLHttpRequest();
|
||||
NewAppLoaded.open('GET', "AccountApps/"+ID+".html", true);
|
||||
NewAppLoaded.onreadystatechange = function () {
|
||||
if (NewAppLoaded.readyState !== 4) return;
|
||||
if (NewAppLoaded.status !== 200) return;
|
||||
Body.insertAdjacentHTML("beforeend",NewAppLoaded.responseText);
|
||||
};
|
||||
NewAppLoaded.send();
|
||||
}
|
||||
function showpass(ID) {
|
||||
var Element = document.getElementById(ID);
|
||||
if (Element.type === "password") {
|
||||
document.getElementById("showpasswordcheckbox").checked = true;
|
||||
Element.type = "text";
|
||||
} else {
|
||||
document.getElementById("showpasswordcheckbox").checked = false;
|
||||
Element.type = "password";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
3
AccountApps/AccountManagerIcon.html
Normal file
3
AccountApps/AccountManagerIcon.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<div class="AccountManagerIcon windowIcon hidden 80 80" onclick="OpenApp(this, false, 50, 50);" >
|
||||
<img src="GeneralAssets/AccountSymbol.png" style="width: 8vh; height: 8vh;">
|
||||
<a class="whiteText IconText" style="overflow: hidden;">
|
||||
32
AccountApps/SignIn.html
Normal file
32
AccountApps/SignIn.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<div id="SignInBody" style="Padding:2vh;">
|
||||
<form action="#">
|
||||
<div class="flexboxLoginField">
|
||||
<input type="text" id="username" name="username" required>
|
||||
<label for="username" class="whiteText">Username/Email*</label>
|
||||
</div>
|
||||
<div class="flexboxLoginField">
|
||||
<input type="password" id="password" name="password" required>
|
||||
<label for="password" class="whiteText">Password*</label>
|
||||
</div>
|
||||
<div class="flexboxLoginField showpassword">
|
||||
<input id="showloginpasswordcheckbox" type="checkbox" onclick="showpass('showloginpasswordcheckbox')" style="cursor:pointer" ><a class="whiteText" onclick="showpass('showloginpasswordcheckbox')" style="cursor:pointer; user-select: none;">Show Password</a>
|
||||
</div>
|
||||
<div class="flexboxLoginField">
|
||||
<input type="checkbox" id="capapacha" name="humanverification" value="yes" required>
|
||||
<label for="capapacha" class="whiteText"> i think im not a robot*</label><br>
|
||||
</div>
|
||||
<div class="flexboxLoginField">
|
||||
<input type="checkbox" id="remember" name="remember" value="yes">
|
||||
<label for="remember" class="whiteText"> remember me?</label><br>
|
||||
</div>
|
||||
<div class="ForgotPass">
|
||||
<a class="hyperlink" href="#">Forgot Password?</a>
|
||||
</div>
|
||||
<div class="flexboxLoginField">
|
||||
<button class="AccButton" type="submit">
|
||||
<a class="button-text signintxt" class="whiteText">Log In</a>
|
||||
</button>
|
||||
<p class="whiteText">Don't have a halbear.net account? <a href="#" class="hyperlink register-link" onclick="SwitchPage('SignUp','SignInBody');">>Create One</a></p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
37
AccountApps/SignUp.html
Normal file
37
AccountApps/SignUp.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<div id="SignUpBody" style="Padding:2vh;">
|
||||
<form action="includes/RegisterAccount.php" method="POST" style="width: 100%;">
|
||||
<div class="flexboxLoginField">
|
||||
<input type="email" id="email" name="email" required maxlength="50">
|
||||
<label for="Email" class="whiteText">Email Address*</label>
|
||||
</div>
|
||||
<div class="flexboxLoginField">
|
||||
<input type="text" id="newusername" name="newusername" required maxlength="20">
|
||||
<label for="newusername" class="whiteText">New Username*</label>
|
||||
</div>
|
||||
<div class="flexboxLoginField">
|
||||
<input type="text" id="displayname" name="displayname" maxlength="15">
|
||||
<label for="DisplayName" class="whiteText">New Display Name</label>
|
||||
</div>
|
||||
<div class="flexboxLoginField">
|
||||
<input type="password" id="newpassword" name="newpassword" required maxlength="25">
|
||||
<label for="newpassword" class="whiteText">New Password*</label>
|
||||
</div>
|
||||
<div class="flexboxLoginField">
|
||||
<input style="width: 50px;" type="text" id="capaacha" name="captcha" maxlength="5" >
|
||||
<a class="whiteText"> Type "human"</a><br>
|
||||
</div>
|
||||
<div class="flexboxLoginField showpassword">
|
||||
<input id="showpasswordcheckbox" type="checkbox" onclick="showpass('showpasswordcheckbox')" style="cursor:pointer" ><a class="whiteText" onclick="showpass('showpasswordcheckbox')" style="cursor:pointer; user-select: none;">Show Password</a>
|
||||
</div>
|
||||
<div class="flexboxLoginField">
|
||||
<input type="checkbox" id="terms" name="terms" value="yes" required>
|
||||
<label for="terms" class="whiteText"> I agree to the <a href="termsAndConditions.html" class="hyperlink tc">terms and conditions</a>*</label><br>
|
||||
</div>
|
||||
<div class="flexboxLoginField" style="width: 95%; display: flex; justify-content: center; align-items: center; justify-items: center; flex-direction: column;">
|
||||
<button type="submit" class="ButtonHalNetSytle">
|
||||
<a class="buttontext signintxt">Create Account</a>
|
||||
</button>
|
||||
<p class="whiteText">have a halbear.net account? <a href="#" class="hyperlink login-link" onclick="SwitchPage('SignIn','SignUpBody');">Log In</a></p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
Reference in New Issue
Block a user