Skip to content

C
COM6009M
Commit 4ce5eefd authored by bailey.barber-scar's avatar bailey.barber-scar
Browse files
Options

Upload New File

parent ae7982af
Show whitespace changes
Inline Side-by-side
Showing with 242 additions and 0 deletions
Front End/account.html 0 → 100644
View file @ 4ce5eefd
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="/resources/favicon.ico">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="script.js"></script>
<title>YSJ Gaming & Esports</title>
</head>
<body>
<div id="loading">
<span class="loader"></span>
</div>
<header>
<div class="wrapper">
<div class="logo">
<a href="#"><img src="resources/logo.png" alt="YSJGE Logo"></a>
</div>
<div class="navbar">
<div class="close-nav"><button>×</button></div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="players.html">Players</a></li>
<li><a href="account.html" id="accountNavLink" style="display: none" class="nav-bar-currentpage">Account</a>
</li>
<li><button id="btnLogin" class="btnLogin" role="button" onclick="openLoginForm()"><span
class="text">Login</span></button></li>
</ul>
</nav>
</div>
<div class="menu-bar">
<button><i></i></button>
</div>
</div>
</header>
<!--#region LOGIN FORM -->
<div class="container">
<div class="form-popup" id="loginForm">
<form class="form-container">
<div class="form-header">
<h1 class="form-title">Login</h1>
<button type="button" class="btn cancel" onclick="closeLoginForm()">×</button>
</div>
<div class="form-body">
<label for="username"><b>Username</b> <a class="fieldRequired">*</a></label>
<input type="text" name="username" required id="loginUsername"
oninput="this.value = this.value.toLowerCase().replace(/[^a-z0-9\-.]/g, '')">
<label for="psw"><b>Password</b> <a class="fieldRequired">*</a></label>
<input type="password" name="password" required id="loginPassword">
<div class="loginFormResponse" id="loginResponse">
<p>Login Reponse</p>
</div>
<div class="form-footer">
<button type="button" class="btn btnFormSignUp" onclick="openSignUpForm()">Sign Up</button>
<button type="button" class="btn btnFormLogin" id="btnLogin" onclick="login()">Login</button>
</div>
</div>
</form>
</div>
<div class="form-popup" id="signupForm">
<form class="form-container">
<div class="form-header">
<h1 class="form-title">Sign Up</h1>
<button type="button" class="btn cancel" onclick="closeSignUpForm()">×</button>
</div>
<div class="form-body">
<label for="username">
<b>Username</b>
<a class="fieldRequired">*</a>
<span class="info-icon" title="Usernames are lowercase with numbers, '-' or '.' allowed ">
<i class="fa fa-info-circle"></i>
</span>
</label>
<input type="text" required pattern="^[a-z0-9]+([-\.]{1}[a-z0-9]+)*$" id="registerUsername"
oninput="this.value = this.value.toLowerCase().replace(/[^a-z0-9\-.]/g, '')">
<label for="psw">
<b>Password</b>
<a class="fieldRequired">*</a>
<span class="info-icon"
title="Password must be at least 8 characters long. Special symbols allowed: @ $ ! % * # ? &">
<i class="fa fa-info-circle"></i>
</span>
</label>
<input type="password" pattern="^(?=.*[@$!%*#?&]?)[A-Za-z\d@$!%*#?&]{8,}$" required id="registerPassword">
<label for="psw"><b>Confirm Password</b> <a class="fieldRequired">*</a></label>
<input type="password" pattern="^(?=.*[@$!%*#?&]?)[A-Za-z\d@$!%*#?&]{8,}$" required
id="registerPasswordConfirm">
<div class="loginFormResponse" id="registerResponse">
<p>Login Reponse</p>
</div>
<div class="form-footer form-signup">
<p>Already have an account? <br><a onclick="openLoginForm()"><b>Click here to login</b></a></p>
<button type="button" class="btn btnFormLogin" onclick="registerUser()">Create Account</button>
</div>
</div>
</form>
</div>
</div>
<!--#endregion -->
<div class="user-details-box">
<h2>User Details for <i><span id="userdetails_titleUser"></i></span></h2>
<p>
Username:
<input type="text" id="userdetails_username" value="User not logged in." readonly>
</p>
<label class="password-info">
Password:
<input type="password" id="userdetails_password" value="User not logged in." readonly>
<button onclick="showPassword()" class="show-pass-button">
<i class="fa fa-eye-slash"></i></button>
<button onclick="copyPassword()" class="copy-pass-button">
<i class="fa fa-clone"></i></button>
</label>
<p>Role: <span class="role-user" id="userdetails_role">USER</span></p>
<p class="change-password-label">Contact admin to change password</p>
<div class="games-box">
<h2>Game Tags</h2>
<div class="tag-input">
<p>Battle.net</p>
<input type="text" id="battleNetInput" placeholder="Battle.net">
</div>
<br>
<div class="tag-input">
<p>Riot Games</p>
<input type="text" id="riotIdInput" placeholder="RiotID">
</div>
<br>
<button id="saveGameTagsBtn" class="saveGameTags" onclick="updateGamesTags()">Save</button>
</div>
<div id="userGameStats">
<h2>Game Stats</h2>
<div class="user-stats-cards">
<span>
<div id="userOverwatchStats" class="user-overwatch-stats">
<div class="user-stats-card card">
<div class="game-logo">
<p><span><img id="userOWIcon"
src="https://imguscdn.gamespress.com/cdn/files/BlizzardLive/2022/06/102219-f3a70bab/Overwatch2_Secondary_DKBKGD.png?w=276&mode=max&otf=y&quality=90&format=png&bgcolor=transparent&ex=2023-07-01+03%3A00%3A00&sky=12ffa17c6de4a8c5013360d239ed113add9cdd7eede67ce04c984ae207b62252"></span>
</p>
</div>
<div class="basic-user-info">
<p><span><img id="userOWAvatar" src="https://static.wikia.nocookie.net/overwatch_gamepedia/images/2/2a/PI_Overwatch_Logo_White.png"></span></p>
<p ><span id="userOWName" class="ow-name">NAME#TAG</span></p>
<p class="title" id="userOWTitle"><i></i></p>
</div>
<p id="owRankedStatsTitle"><b>Competitive Ranks</b></p>
<div id="owRankedStats" class="ranked-stats">
<div class="player-ranks">
<div class="rank-item">
<img src="https://static.wikia.nocookie.net/overwatch/images/6/69/TankIcon.png">
<br>
<img id="userOWRankTankIcon" src="">
<p id="userOWRankTankText"></p>
</div>
<div class="rank-item">
<img src="https://static.wikia.nocookie.net/overwatch/images/1/14/OffenseIcon.png">
<br>
<img id="userOWRankDPSIcon" src="">
<p id="userOWRankDPSText"></p>
</div>
<div class="rank-item">
<img src="https://static.wikia.nocookie.net/overwatch/images/5/5f/SupportIcon.png">
<br>
<img id="userOWRankSupportIcon" src="">
<p id="userOWRankSupportText"></p>
</div>
</div>
<p id="userOWPrivateProfile">Private Profile. No Data Available.</p>
</div>
<div id="owMostPlayedHero" class="most-played-hero">
<p><b>Most Played Ranked Hero</b></p>
<img id="userOWMostPlayedRankedHeroIcon"
src="">
<p><span id="userOWMostPlayedRankedHeroName"></span> <span id="userOWMostPlayedRankedHeroHours"></span></p>
</div>
</div>
</div>
</span>
<span>
<div id="userValorantStats" class="user-valorant-stats card">
<div class="user-stats-card">
<div class="game-logo">
<img src="https://1000logos.net/wp-content/uploads/2022/09/Valorant-Logo.png">
</div>
<div class="basic-user-info">
<p><span><img id="userValCard" src="https://static.wikia.nocookie.net/valorant/images/f/f1/VALORANT_Card_Small.png"></span></p>
<p><span id="userValName">NAME</span><span id="userValTag" class="tag">#TAG</span></p>
<p class="level" id="userValLevel"></p>
</div>
<div id="userValRankedStats" class="ranked-stats">
<p><b>Competitive Rank</b></p>
<img id="userValRankIcon" src="">
<p><span id="userValRank"></span><span id="userValMMRChange"> ()</span></p>
</div>
<h3 id="userValLastMatchStatsTitle">Last Match Stats</h3>
<p id="userValMapTitle">Map: <span class="userValLastMapName" id="userValLastMapName"></span></p>
<div id="userValStats" class="player-stats">
<div class="stat-item">
<p><b>K/D</b></p>
<p id="userValStatKD"></p>
</div>
<div class="stat-item">
<p><b>Headshots</b></p>
<p id="userValStatHeadshots"></p>
</div>
<div class="stat-item">
<p><b>Length</b></p>
<p id="userValStatLength"></p>
</div>
</div>
<div id="userValLastPlayedHero" class="last-match-data">
<p><b>Last Played Hero</b></p>
<img id="userValLastPlayedHeroImg"
src="https://titles.trackercdn.com/valorant-api/agents/95b78ed7-4637-86d9-7e41-71ba8c293152/displayicon.png">
<p id="userValLastPlayedHeroName"></p>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment