Player search

2025-11-17 18:56:31 -05:00
parent 9fd3a76546
commit 310bbc9679
10 changed files with 137 additions and 51 deletions
--- a/public/client.js
+++ b/public/client.js
@@ -1,8 +1,6 @@
 export async function postData(url, data, token = null) {
    const elements = url.split("/");
-    console.log(elements);
    const end = elements[elements.length - 1];
-    console.log(end);

    const res = await fetch(end, token == null ? {
        method: "POST",
--- a/public/delete.js
+++ b/public/delete.js
@@ -0,0 +1,9 @@
+import { postData } from "./client.js";
+
+document.getElementById("deleteButton").onclick = async e => {
+    e.preventDefault();
+    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"
+};
--- a/public/home.html
+++ b/public/home.html
@@ -7,20 +7,16 @@
 <body>
    <div class="center">
        <h2>Home</h2>
-        <a href="search.html">Search Users</a>
+        <a href="search.html">Search Players</a>
        <br>
        <a href="info.html">Personal Information</a>
        <br>
-        <a class="visibilityRestriction" data-role="professor" href="sections.html">Manage My Sections</a>
-        <br>
        <button id="logoutButton">Log Out</button>
        <br>
-        <button id="deleteButton">Delete Account</button>
+        <button id="deleteButton" style="display: none;">Delete Account</button>

        <script type="module" src="logout.js"></script>
        <script type="module" src="delete.js"></script>
-
-        <script type="module" src="visibility.js"></script>
    </div>
 </body>
 </html>
--- a/public/info.html
+++ b/public/info.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Personal Information</title>
+    <link rel="stylesheet" href="../assets/css/style.css">
+</head>
+<body>
+    <div class="center">
+        <h2>Search Users</h2>
+        <form id="infoForm">
+            <div class="inputGroup">
+                <p>Username:</p>
+                <p id="usernameField">[username]</p>
+            </div>
+            <div class="inputGroup">
+                <p>First Name:</p>
+                <input type="text" id="firstNameField" placeholder="">
+            </div>
+            <div class="inputGroup">
+                <p>Last Name:</p>
+                <input type="text" id="lastNameField" placeholder="">
+            </div>
+            <div class="inputGroup">
+                <p>Date of Birth:</p>
+                <input type="date" id="dobField" placeholder="">
+            </div>
+            <button type="submit">Update Information</button>
+        </form>
+
+        <a href="home.html">Return Home</a>
+    </div>
+
+    <script type="module" src="info.js"></script>
+</body>
+</html>
--- a/public/info.js
+++ b/public/info.js
@@ -0,0 +1,36 @@
+import { postData, verifyLogin } from "./client.js";
+
+verifyLogin();
+const token = window.localStorage.getItem("token");
+
+const infoForm = document.getElementById("infoForm");
+
+async function fetchPersonalInformation() {
+    const userData = await postData("https://134.209.36.64:3000/getInfo", {}, token);
+    
+    console.log(userData);
+
+    document.getElementById("usernameField").textContent = userData.Username;
+    document.getElementById("firstNameField").value = userData.FirstName;
+    document.getElementById("lastNameField").value = userData.LastName;
+    document.getElementById("dobField").value = userData.DOB.split("T")[0];
+    
+    return userData
+}
+
+const userData = fetchPersonalInformation();
+
+async function updatePersonalInformation(e) {
+    console.log(verifyLogin());
+    e.preventDefault();
+    const userData = {
+        firstName: document.getElementById("firstNameField").value,
+        lastName: document.getElementById("lastNameField").value,
+        dob: document.getElementById("dobField").value
+    }
+    console.log(userData.dob);
+    const resultObject = await postData("https://134.209.36.64:3000/setInfo", userData, token);
+    alert(resultObject.message);
+}
+
+infoForm.onsubmit = updatePersonalInformation;
--- a/public/register.html
+++ b/public/register.html
@@ -11,10 +11,8 @@
            <input type="text" id="regUser" placeholder="Username" required>
            <input type="password" id="regPass" placeholder="Password" required>
            <select id="regRole" name="Role" required>
-                <option value="student">Student</option>
-                <option value="professor">Professor</option>
-                <option value="staff">Staff</option>
-                <option value="member">Member</option>
+                <option value="user">User</option>
+                <option value="player">Player</option>
            </select>
            <button type="submit">Register</button>
        </form>
--- a/public/search.html
+++ b/public/search.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Search Users</title>
+    <title>Search Players</title>
    <link rel="stylesheet" href="../assets/css/style.css">
    <link rel="stylesheet" href="../public/assets/css/style.css">
 </head>
 <body>
    <div class="center">
-        <h2>Search Users</h2>
-        <form id="searchForm">
-            <select id="category" required>
+        <h2>Search Players</h2>
+        <form id="searchForm"> 
+            <select id="category" style="display: none;">
                <option value="Id">ID</option>
                <option value="Username">Username</option>
                <option value="Last Name">Last Name</option>
@@ -19,25 +19,18 @@
                <option value="LastLogin">Last Login</option>
                <option value="CreatedAt">Date Created</option>
            </select>
+            <p>Search players by name:</p>
            <input type="text" id="query" placeholder="Contains" required>
            <button type="submit">Search</button>
        </form>

        <table id="table">
-            <thead>
-                <tr>
-                    <th>ID</th>
-                    <th>Username</th>
-                    <th>Name</th>
-                    <th>DOB</th>
-                    <th>Role</th>
-                    <th>Last Login</th>
-                    <th>Date Created</th>
-                </tr>
-            </thead>
+            <thead id="header"></thead>
            <tbody id="results"></tbody>
        </table>

+        <p id="nomatch" style="display: none;">No matches found.</p>
+
        <br>

        <a href="home.html">Return Home</a>
--- a/public/search.js
+++ b/public/search.js
@@ -4,8 +4,10 @@ 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");

 updateTableVisibility();

@@ -13,23 +15,37 @@ if (searchForm)searchForm.onsubmit = async e => {
    e.preventDefault();
    if (!verifyLogin()) return;
    
-    let resultObject = await postData("https://134.209.36.64:3000/getUsers", {
-        query: document.getElementById("query").value,
-        category: document.getElementById("category").value
+    let resultObject = await postData("https://134.209.36.64:3000/getPlayers", {
+        player: document.getElementById("query").value
    }, token);

-    tableBody.innerHTML = "";
-    resultObject.matches.forEach(user => {
-        const row =  document.createElement("tr");
+    if (resultObject.matches.length === 0) {
+       nomatch.style.display = "";
+       table.style.display = "none";
+       return;
+    }
+    nomatch.style.display = "none"
+    table.style.display = "";
+    tableHeader.innerHTML = "";
+    const headerRow = document.createElement("tr")
+    Object.keys(resultObject.matches[0]).forEach(attribute => {
+       headerRow.innerHTML += `<td>${attribute}</td>`; 
+    })
+    tableHeader.appendChild(headerRow);

+    tableBody.innerHTML = "";
+    resultObject.matches.forEach(player => {
+        const row = document.createElement("tr");
+
+        //for (attribute in player) {
+        //    row.innerHTML += `<td>${player}</td>l`;
+        //}
        row.innerHTML = `
-            <td>${user.Id}</td>
-            <td>${formatText(user.Username)}</td>
-            <td>${formatText(user.FirstName)} ${formatText(user.LastName)}</td>
-            <td>${formatDate(user.DOB)}</td>
-            <td>${formatText(user.Role)}</td>
-            <td>${formatDateTime(user.LastLogin)}</td>
-            <td>${formatDate(user.CreatedAt)}</td>
+            <td>${player.player_id}</td>
+            <td>${player.player_name}</td>
+            <td>${formatSalary(player.salary)}</td>
+            <td>${player.team_name}</td>
+            <td>${player.position}</td>
        `;
        tableBody.appendChild(row);
    });
@@ -59,6 +75,17 @@ function formatText(text) {
        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 "—";