allen/hackathon-Seatstock
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

checks user sign in before allowing buying/bidding

Browse Source
This commit is contained in:
John Piaszynski
2023-09-23 15:35:17 -05:00
parent 3faea4541b
commit 9a16aa7478
5 changed files with 43 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/buy.html
View File

@ -28,7 +28,23 @@
<div class="buy-body"> <div class="buy-body">
<div class="buy-game-title">Iowa Vs Western Michigan</div> <div class="buy-game-title" id="buy-game-title"></div>
<script>
const game = new URLSearchParams(window.location.search).get("game");
console.log(game);
const game_title = document.getElementById("buy-game-title");
if (game === "iowavmichiganst") {
game_title.textContent = "Iowa vs Michigan State"
} else if (game === "iowavrutgers") {
game_title.textContent = "Iowa vs Rutgers"
} else if (game === "iowavpurdue") {
game_title.textContent = "Iowa vs Purdue"
} else if (game === "iowavminnesota") {
game_title.textContent = "Iowa vs Minnesota"
}
</script>
<div class="buy-game-info">Sat Sep 30, Time TBD · Kinnick Stadium, Iowa City, Iowa</div><br> <div class="buy-game-info">Sat Sep 30, Time TBD · Kinnick Stadium, Iowa City, Iowa</div><br>
<br> <br>
<img src="stadiumicon.png" class="buy-stadium-icon"> <img src="stadiumicon.png" class="buy-stadium-icon">

13
frontend/index.html
View File

@ -1,11 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta cahrset="UTF-8"> <meta charset="UTF-8">
<meta name="viewpoint" content="width=device-width, initial-scale=1.0"> <meta name="viewpoint" content="width=device-width, initial-scale=1.0">
<title>SeatStock</title> <title>SeatStock</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script type="text/javascript" src="./script.js"></script>
</head> </head>
<body> <body>
@ -46,7 +47,7 @@
<div class="box"> <div class="box">
<img src="iowavmichiganst.png" class="game-window-image"> <img src="iowavmichiganst.png" class="game-window-image">
<div class="game-window-title">Iowa Vs. Michigan St</div><br> <div class="game-window-title">Iowa Vs. Michigan St</div><br>
<a href="buy.html" class="buy-or-bid">Buy $55 or Bid</a> <button class="buy-or-bid" onclick="check_sign_in('iowavmichiganst')">Buy $55 or Bid</a>
<a href="sell.html?game=iowavmichiganst" class="sell-home">Sell</a> <br><br><br> <a href="sell.html?game=iowavmichiganst" class="sell-home">Sell</a> <br><br><br>
<marketData><a href="https://www.example.com">Market Data</a></marketData> <marketData><a href="https://www.example.com">Market Data</a></marketData>
@ -60,7 +61,7 @@
<div class="box"> <div class="box">
<img src="iowavpurdue.png" class="game-window-image"> <img src="iowavpurdue.png" class="game-window-image">
<div class="game-window-title">Iowa Vs. Purdue</div> <div class="game-window-title">Iowa Vs. Purdue</div>
<button class="buy-or-bid">Buy $25<br>or Bid</button> <button class="buy-or-bid" onclick="check_sign_in('iowavpurdue')">Buy $25<br>or Bid</button>
<a href="sell.html?game=iowavpurdue" class="sell-home">Sell</a> <br> <a href="sell.html?game=iowavpurdue" class="sell-home">Sell</a> <br>
<marketData><a href="https://www.example.com">Market Data</a></marketData> <marketData><a href="https://www.example.com">Market Data</a></marketData>
</div> </div>
@ -68,7 +69,7 @@
<img src="iowavminnesota.png" class="game-window-image"> <img src="iowavminnesota.png" class="game-window-image">
<div class="game-window-title">Iowa Vs. Minnesota</div> <div class="game-window-title">Iowa Vs. Minnesota</div>
<button class="buy-or-bid">Buy $45<br>or Bid</button> <button class="buy-or-bid" onclick="check_sign_in('iowavminnesota')">Buy $45<br>or Bid</button>
<a href="sell.html?game=iowavminnesota" class="sell-home">Sell</a> <br><br> <a href="sell.html?game=iowavminnesota" class="sell-home">Sell</a> <br><br>
<marketData><a href="https://www.example.com">Market Data</a></marketData> <marketData><a href="https://www.example.com">Market Data</a></marketData>
@ -76,7 +77,7 @@
<div class="box"> <div class="box">
<img src="iowavrutgers.png" class="game-window-image"> <img src="iowavrutgers.png" class="game-window-image">
<div class="game-window-title">Iowa Vs Rutgers</div> <div class="game-window-title">Iowa Vs Rutgers</div>
<button class="buy-or-bid">Buy $20<br>or Bid</button> <button class="buy-or-bid" onclick="check_sign_in('iowavrutgers')">Buy $20<br>or Bid</button>
<a href="sell.html?game=iowavrutgers" class="sell-home">Sell</a> <br><br> <a href="sell.html?game=iowavrutgers" class="sell-home">Sell</a> <br><br>
<marketData><a href="https://www.example.com">Market Data</a></marketData> <marketData><a href="https://www.example.com">Market Data</a></marketData>
</div> </div>

15
frontend/script.js
View File

@ -0,0 +1,15 @@
let USER_SIGNED_IN = false;
function check_sign_in(game) {
const is_user_signed_in = localStorage.getItem("USER_SIGNED_IN");
if (is_user_signed_in !== null && is_user_signed_in === 'true') {
window.location.href = "./buy.html?game=" + game;
} else {
window.location.href = "./signin.html";
}
}
function set_user_signed_in() {
localStorage.setItem('USER_SIGNED_IN', true);
}

4
frontend/signin.html
View File

@ -27,7 +27,7 @@
<div class="signin-body"> <div class="signin-body">
<div class="form-name"><br>Sign In</div> <div class="form-name"><br>Sign In</div>
<div class="form-name-subtitle">Log in for secure transactions.</div> <div class="form-name-subtitle">Log in for secure transactions.</div>
<form action="signIn" class="stuff" method="post"> <form action="./index.html" class="stuff" method="post">
<input type="text" placeholder="Email" id="username" name="username" required><br><br> <input type="text" placeholder="Email" id="username" name="username" required><br><br>
<input type="password" placeholder="Password" id="password" name="password" required><br><br> <input type="password" placeholder="Password" id="password" name="password" required><br><br>
<div class="remember-me-container"> <div class="remember-me-container">
@ -36,7 +36,7 @@
<label for="myCheckbox" class="sign-in-checkbox-label">Remember Me</label> </label> <label for="myCheckbox" class="sign-in-checkbox-label">Remember Me</label> </label>
</div> </div>
<div class="sign-in-button-container"> <div class="sign-in-button-container">
<button class="sign-in-button">Sign In</button> <button class="sign-in-button" onclick="set_user_signed_in()">Sign In</button>
</div> </div>
<a class="sign-up-link" href="signup.html">Sign Up</a> <a class="sign-up-link" href="signup.html">Sign Up</a>
</form> </form>

4
frontend/signup.html
View File

@ -27,7 +27,7 @@
<div class="signup-body"> <div class="signup-body">
<div class="form-name"><br>Register</div> <div class="form-name"><br>Register</div>
<div class="form-name-subtitle">Join other verified students.</div> <div class="form-name-subtitle">Join other verified students.</div>
<form action="signUp" class="stuff" method="post"> <form action="./index.html" class="stuff" method="post">
<input type="text" placeholder="First Name" id="firstname" name="firstname" required><br><br> <input type="text" placeholder="First Name" id="firstname" name="firstname" required><br><br>
<input type="text" placeholder="Last Name" id="lastname" name="lastname" required><br><br> <input type="text" placeholder="Last Name" id="lastname" name="lastname" required><br><br>
<input type="text" placeholder="Student Email" id="email" name="email" required><br><br> <input type="text" placeholder="Student Email" id="email" name="email" required><br><br>
@ -43,7 +43,7 @@
<label for="myCheckbox" class="terms-checkbox-label">I have read and agree to the terms and conditions</label> </label> <label for="myCheckbox" class="terms-checkbox-label">I have read and agree to the terms and conditions</label> </label>
</div> </div>
<div class="sign-in-button-container"> <div class="sign-in-button-container">
<button class="sign-up-button">Sign Up</button> <button class="sign-up-button" onclick="set_user_signed_in()">Sign Up</button>
</div> </div>
</form> </form>