89 lines
2.7 KiB
JavaScript
89 lines
2.7 KiB
JavaScript
function searchUsers() { //this needs some heavy updating
|
|
const searchTerm = document.getElementById("search").value;
|
|
const data = JSON.parse(sessionStorage.getItem("peopleData"));
|
|
|
|
//const results = data.filter(person => person.name === searchTerm)
|
|
|
|
const results = data.filter(person => filterByName(searchTerm, person));
|
|
console.log(results);
|
|
|
|
populateUsers(results);
|
|
}
|
|
|
|
function filterByName(searchTerm, item) {
|
|
if(item.name.toLowerCase().startsWith(searchTerm.toLowerCase())) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function getUsers() {
|
|
const authToken = 'Bearer nevergonnagiveyouupnevergonnaletyoudownnevergonnarunaroundanddesertyounevergonnamakeyoucrynevergonnasaygoodbyenevergonnatellalieandhurtyou';
|
|
|
|
// Define the headers for the API call with the authentication token included
|
|
const headers = new Headers();
|
|
headers.append('Authorization', authToken);
|
|
|
|
|
|
// Make a REST API call with the headers
|
|
fetch('https://indigofox.dev:9230/api/members', { headers })
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
// Store the response in a variable
|
|
const responseData = data;
|
|
|
|
console.log(responseData);
|
|
|
|
// Do something with the response data
|
|
sessionStorage.setItem("peopleData", JSON.stringify(responseData));
|
|
populateUsers(responseData);
|
|
})
|
|
.catch(error => {
|
|
console.error('Error:', error);
|
|
});
|
|
}
|
|
|
|
function populateUsers(items) {
|
|
|
|
//const URLparams = URLSearchParams(window.location.search);
|
|
|
|
|
|
const table = document.getElementById("tableBody");
|
|
|
|
table.innerHTML = "";
|
|
|
|
|
|
|
|
items.forEach(item => {
|
|
let row = table.insertRow();
|
|
|
|
let name = row.insertCell(0);
|
|
name.innerHTML = item.name;
|
|
let rank = row.insertCell(1);
|
|
rank.innerHTML = item.rank;
|
|
let unit = row.insertCell(2);
|
|
unit.innerHTML = unit.rank;
|
|
let joinDate = row.insertCell(3);
|
|
joinDate.innerHTML = item.joinDate
|
|
|
|
row.addEventListener("click", () => {
|
|
window.location.href = `../Profile Page/page2.html?id=${item.id}`;
|
|
});
|
|
row.addEventListener("mouseover", () => {
|
|
row.style.cursor = "pointer";
|
|
row.classList.add("hover");
|
|
})
|
|
row.addEventListener("mouseout", () => {
|
|
row.classList.remove("hover");
|
|
})
|
|
})
|
|
}
|
|
|
|
// const items1 = [
|
|
// { name: "Ajdj100", unit: "Echo", rank: "1SG", joinDate: "3/7/2022" },
|
|
// { name: "EagleTrooper", unit: "Alpha", rank: "SSG", joinDate: "long long ago" },
|
|
// ];
|
|
|
|
|
|
// console.log(items);
|