Player search

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 "—";