RochesterX/PasswordManager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Search

Browse Source
This commit is contained in:
RochesterX
2025-11-18 21:16:35 -05:00
parent 908129e38f
commit 9e88712e9f
21 changed files with 235 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/assets/css/style.css
View File

@@ -40,6 +40,7 @@ a {
color: white;
padding-left: 5px;
padding-right: 5px;
margin-top: 4px;
text-decoration: none;
text-align: center;
align-items: center;
@@ -200,8 +201,17 @@ tr:nth-child(odd) {
h2 {
color: #ffffff;
font: 16px "Verdana";
font-size: 32px;
font: 32px "Verdana";
margin: 0;
margin-top: 32px;
margin-bottom: 10px;
}
h3 {
color: #CCCCCC;
font: 24px "Verdana";
margin: 0;
margin-bottom: 30px;
}
p {

12
public/client.js
View File

@@ -1,8 +1,6 @@
export async function postData(url, data, token = null) {
const elements = url.split("/");
const end = elements[elements.length - 1];
const res = await fetch(end, token == null ? {
console.log("fetching here: " + url);
const res = await fetch(url, token == null ? {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(data)
@@ -19,7 +17,7 @@ export async function postData(url, data, token = null) {
if (resultObject.logout === true) {
alert("Session expired; please log in again.");
window.location.href = "login.html";
window.location.href = "/login";
return resultObject;
}
@@ -32,13 +30,13 @@ export async function verifyLogin() {
token = JSON.stringify(localStorage.getItem("token"));
} catch (error) {
alert("You are not logged in.");
window.location.href = "login.html";
window.location.href = "login";
console.log("Error encountered: " + error);
return false;
}
if (!token) {
alert("You are not logged in.");
window.location.href = "login.html";
window.location.href = "/login";
console.log("Token was null");
return false;
}

2
public/delete.js
View File

@@ -5,5 +5,5 @@ document.getElementById("deleteButton").onclick = async e => {
const resultObject = await postData("/delete", { username: true, actor: true }, window.localStorage.getItem("token"));
window.localStorage.removeItem("token");
alert(resultObject.message);
window.location.href = "/login.html"
window.location.href = "/login";
};

6
public/home.html
View File

@@ -7,14 +7,16 @@
<body>
<div class="center">
<h2>Home</h2>
<a href="search.html">Search Players</a>
<h3 class="user-FirstName">Welcome, %</h3>
<a href="/search">Search Players</a>
<br>
<a href="info.html">Personal Information</a>
<a href="/info">Personal Information</a>
<br>
<button id="logoutButton">Log Out</button>
<br>
<button id="deleteButton" style="display: none;">Delete Account</button>
<script type="module" src="variables.js"></script>
<script type="module" src="logout.js"></script>
<script type="module" src="delete.js"></script>
</div>

2
public/index.html
View File

@@ -1 +1 @@
<meta http-equiv="refresh" content="0; url=login.html">
<meta http-equiv="refresh" content="0; url=/login">

2
public/info.html
View File

@@ -27,7 +27,7 @@
<button type="submit">Update Information</button>
</form>
<a href="home.html">Return Home</a>
<a href="/home">Return Home</a>
</div>
<script type="module" src="info.js"></script>

5
public/info.js
View File

@@ -6,7 +6,7 @@ const token = window.localStorage.getItem("token");
const infoForm = document.getElementById("infoForm");
async function fetchPersonalInformation() {
const userData = await postData("https://project.rochesterx.dev/getInfo", {}, token);
const userData = await postData("/getInfo", {}, token);
console.log(userData);
@@ -29,8 +29,9 @@ async function updatePersonalInformation(e) {
dob: document.getElementById("dobField").value
}
console.log(userData.dob);
const resultObject = await postData("https://project.rochesterx.dev/setInfo", userData, token);
const resultObject = await postData("/setInfo", userData, token);
alert(resultObject.message);
window.localStorage.setItem("token", resultObject.token);
}
infoForm.onsubmit = updatePersonalInformation;

2
public/login.html
View File

@@ -14,7 +14,7 @@
</form>
<div class="register">
<p>Don't have an account?</p>
<a href="register.html" class="link">Register</a>
<a href="/register" class="link">Register</a>
</div>
<script type="module" src="login.js"></script>

2
public/login.js
View File

@@ -10,7 +10,7 @@ if (loginForm) loginForm.onsubmit = async e => {
});
alert(resultObject.message);
if (resultObject.success) {
window.location.href = "home.html"
window.location.href = "/home"
localStorage.setItem("token", resultObject.token);
}
};

2
public/logout.js
View File

@@ -2,5 +2,5 @@ document.getElementById("logoutButton").onclick = async e => {
console.log("here");
e.preventDefault();
localStorage.removeItem("token");
window.location.href = "login.html"
window.location.href = "/login"
};

42
public/player.html Normal file
View File

@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<title class="attribute-player_name">[Player name]</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../public/assets/css/style.css">
</head>
<body>
<div class="center">
<h2 class="attribute-player_name">[Player Name]</h2>
<table id="table">
<thead id="header">
<tr>
<td>Name</td>
<td>ID</td>
<td>Salary</td>
<td>Team</td>
<td>Position</td>
</tr>
</thead>
<tbody id="results">
<tr>
<td class="attribute-player_name">[Name]</td>
<td class="attribute-player_id">[ID]</td>
<td class="attribute-salary format-salary">[Salary]</td>
<td class="attribute-team_name">[Team]</td>
<td class="attribute-position">[Position]</td>
</tr>
</tbody>
</table>
<p id="nomatch" style="display: none;">No matches found.</p>
<br>
<a href="/search">Return to Player Search</a>
</div>
<script type="module" src="/player.js"></script>
</body>
</html>

37
public/player.js Normal file
View File

@@ -0,0 +1,37 @@
import { postData, verifyLogin } from "./client.js";
import { formatSalary } from "./utils.js";
const searchForm = document.getElementById("searchForm");
const token = window.localStorage.getItem("token");
const tableHeader = document.getElementById("header");
const tableBody = document.getElementById("results");
const table = document.getElementById("table");
const nomatch = document.getElementById("nomatch");
populatePlayerData();
async function populatePlayerData() {
const [, , id] = window.location.pathname.split("/");
const result = await postData("/getPlayer", { id: id }, window.localStorage.getItem("token"));
if (result.success === false) {
console.log("Invalid ID");
window.location.href = "/search";
return;
}
const player = result.match;
for (const [attribute, value] of Object.entries(player)) {
console.log(`.attribute-${attribute}`);
document.querySelectorAll(`.attribute-${attribute}`).forEach(element => {
if (element.classList.contains("format-salary")) {
element.textContent = formatSalary(value);
return;
}
element.textContent = value;
})
};
console.log(player);
}

2
public/register.html
View File

@@ -18,7 +18,7 @@
</form>
<div class="register">
<p>Already have an account?</p>
<a href="login.html">Login</a>
<a href="/login">Login</a>
</div>
<script type="module" src="register.js"></script>

4
public/register.js
View File

@@ -4,13 +4,13 @@ const registerForm = document.getElementById("registerForm");
if (registerForm) registerForm.onsubmit = async e => {
e.preventDefault();
let resultObject = await postData("http://project.rochesterx.dev/register", {
let resultObject = await postData("/register", {
username: registerForm.regUser.value,
password: registerForm.regPass.value,
role: registerForm.regRole.value
});
alert(resultObject.message);
if (resultObject.success === true) {
window.location.href = "login.html";
window.location.href = "/login";
}
};

2
public/search.html
View File

@@ -33,7 +33,7 @@
<br>
<a href="home.html">Return Home</a>
<a href="/home">Return Home</a>
</div>
<script type="module" src="search.js"></script>

48
public/search.js
View File

@@ -1,4 +1,5 @@
import { postData, verifyLogin } from "./client.js";
import { formatSalary } from "./utils.js";
const searchForm = document.getElementById("searchForm");
@@ -15,7 +16,7 @@ if (searchForm)searchForm.onsubmit = async e => {
e.preventDefault();
if (!verifyLogin()) return;
let resultObject = await postData("https://project.rochesterx.dev/getPlayers", {
let resultObject = await postData("/getPlayers", {
player: document.getElementById("query").value
}, token);
@@ -42,7 +43,7 @@ if (searchForm)searchForm.onsubmit = async e => {
//}
row.innerHTML = `
<td>${player.player_id}</td>
<td>${player.player_name}</td>
<td><a href="/player/${player.player_id}">${player.player_name}</a></td>
<td>${formatSalary(player.salary)}</td>
<td>${player.team_name}</td>
<td>${player.position}</td>
@@ -56,7 +57,6 @@ function updateTableVisibility() {
if (!tableBody) return;
const rows = tableBody.querySelectorAll("tr");
console.log(rows);
if (rows == null) return;
if (rows.length != 0) {
table.style.display = "";
@@ -64,45 +64,3 @@ function updateTableVisibility() {
table.style.display = "none";
}
}
function formatText(text) {
if (text == null) return "—";
if (typeof(text) === "string") {
return text;
}
else {
return "Unknown format";
}
}
function formatSalary(text) {
if (text == null) return "—";
try {
var millions = (parseInt(text, 10) / 1000000).toFixed(2);
return `$${millions} million`;
} catch (e) {
return "Unknown format"
}
}
function formatDate(date) {
if (date == null) return "—";
if (typeof(date) === "string") {
return date.split("T")[0];
}
else {
return "Unknown format";
}
}
function formatDateTime(date) {
if (date == null) return "—";
if (typeof(date) === "string") {
return date.split("T")[0] + " at " + date.split("T")[1].split(".")[0];
}
else {
return "Unknown format";
}
}

2
public/sections.html
View File

@@ -77,7 +77,7 @@
<br>
<a href="home.html">Return Home</a>
<a href="/home">Return Home</a>
<script type="module" src="sections.js"></script>
</div>

2
public/sections.js
View File

@@ -1,6 +1,6 @@
import { postData, verifyLogin } from "./client.js";
if (!verifyLogin("professor")) window.location.href = "home.html"
if (!verifyLogin("professor")) window.location.href = "/home"
const sectionsHead = document.querySelector("#sections");

41
public/utils.js Normal file
View File

@@ -0,0 +1,41 @@
export function formatText(text) {
if (text == null) return "—";
if (typeof(text) === "string") {
return text;
}
else {
return "Unknown format";
}
}
export function formatSalary(text) {
if (text == null) return "—";
try {
var millions = (parseInt(text, 10) / 1000000).toFixed(2);
return `$${millions} million`;
} catch (e) {
return "Unknown format"
}
}
export function formatDate(date) {
if (date == null) return "—";
if (typeof(date) === "string") {
return date.split("T")[0];
}
else {
return "Unknown format";
}
}
export function formatDateTime(date) {
if (date == null) return "—";
if (typeof(date) === "string") {
return date.split("T")[0] + " at " + date.split("T")[1].split(".")[0];
}
else {
return "Unknown format";
}
}

17
public/variables.js Normal file
View File

@@ -0,0 +1,17 @@
import { postData } from "./client.js";
populateuserData();
async function populateuserData() {
const user = await postData("/getInfo", {}, window.localStorage.getItem("token"));
for (const [attribute, value] of Object.entries(user)) {
document.querySelectorAll(`.user-${attribute}`).forEach(element => {
if (attribute === "FirstName" && value === "") {
var text = element.textContent;
element.textContent = text.replace("%", user.Username);
}
var text = element.textContent;
element.textContent = text.replace("%", value);
});
}
}