Mirrors/2009scape-website
1
0
Fork 0
mirror of https://github.com/2009scape/2009scape.github.io.git synced 2024-09-11 19:02:31 +02:00
Code Issues Projects Releases Wiki Activity

add player lookup

Browse Source
This commit is contained in:
dginovker 2020-12-09 09:50:18 -05:00
parent 7d2420ad28
commit 432b59cc84
2 changed files with 83 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
services/m=hiscore/hiscores.html
View File

@ -402,12 +402,12 @@ English
</div>
<div id="modeSelect_back" class="brown_box">
<div class="buttons">
<a id="button-left" href="http://services/m=hiscore/overall.ws?category_type=0&amp;table=0&amp;user=">
<a id="button-left" href="./hiscores.html">
<span class="lev1a"></span>
Skills
</a>
<a id="button-right"
href="http://services/m=hiscore/overall.ws?category_type=1&amp;table=0&amp;user=">
href="./hiscores.html">
<span class="lev1"></span>
Activities
</a>
@ -573,7 +573,23 @@ English
<td class="alL">2,481</td>
<td class="alL">777,809,896</td>
</tr>
<tr class="row row22" id="lastRow">
<tr class="row row22">
<td class="rankCol">22</td>
<td class="alL"><a
href="http://services/m=hiscore/hiscorepersonal.ws?user1=Phoenix%A0Odin">Phoenix<69>Odin</a>
</td>
<td class="alL">2,481</td>
<td class="alL">648,152,242</td>
</tr>
<tr class="row row23">
<td class="rankCol">22</td>
<td class="alL"><a
href="http://services/m=hiscore/hiscorepersonal.ws?user1=Phoenix%A0Odin">Phoenix<69>Odin</a>
</td>
<td class="alL">2,481</td>
<td class="alL">648,152,242</td>
</tr>
<tr class="row row24" id="lastRow">
<td class="rankCol">22</td>
<td class="alL"><a
href="http://services/m=hiscore/hiscorepersonal.ws?user1=Phoenix%A0Odin">Phoenix<69>Odin</a>
@ -604,7 +620,7 @@ English
<div class="search_small">
<form action="http://services/m=hiscore/hiscorepersonal.ws" method="post" class="no_margin">
<input id="search_name" class="textinput text" maxlength="12" type="text" name="user1" value="">
<input type="submit" name="submit" class="buttonmedium" value="Search">
<input id="search_button" type="submit" name="submit" class="buttonmedium" value="Search">
</form>
</div>
<div class="subsectionHeader search_title">Search by rank</div>

82
services/m=hiscore/hiscores.js
View File

@ -4,23 +4,25 @@ const apiURL = "http://localhost:3000";
let tableData = [];
fetch(`${apiURL}/highscores/getPlayersByTotal`)
.then(response => response.json())
.then(result => {
console.log(result[0]);
tableData = result;
populateDefaultHSTable();
})
.catch(error => console.log('error', error));
function loadDefaultHSTable() {
fetch(`${apiURL}/highscores/getPlayersByTotal`)
.then(response => response.json())
.then(result => {
console.log(result[0]);
tableData = result;
populateDefaultHSTable();
})
.catch(error => console.log('error', error));
}
function populateDefaultHSTable() {
for (let i = 1; i <= 22; i++) {
for (let i = 1; i <= 24; i++) {
row = document.getElementsByClassName(`row row${i}`)[0];
const playerData = tableData[i + 22 * page - 1];
const playerData = tableData[i + 24 * page - 1];
row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol";
row.childNodes[1].innerHTML = i + 22 * page;
row.childNodes[1].innerHTML = i + 24 * page;
row.childNodes[3].replaceWith(document.createElement("td"));
row.childNodes[3].className = "alL";
@ -41,35 +43,66 @@ function populateDefaultHSTable() {
}
function loadUserTable(username) {
fetch(`${apiURL}/highscores/playerSkills/${username}`)
fetch(`${apiURL}/highscores/playerSkills/${username.toLowerCase()}`)
.then(response => response.json())
.then(result => {
document.getElementById('search_name').style.color = 'black';
console.log(result[0]);
tableData = result;
populatePlayerHSTable();
})
.catch(error => console.log('error', error));
.catch(error => {
document.getElementById('search_name').style.color = 'red';
console.log('error', error)
});
}
sName = [
"Attack",
"Defence",
"Strength",
"Constitution",
"Ranged",
"Prayer",
"Magic",
"Cooking",
"Woodcutting",
"Fletching",
"Fishing",
"Firemaking",
"Crafting",
"Smithing",
"Mining",
"Herblore",
"Agility",
"Thieving",
"Slayer",
"Farming",
"Runecrafting",
"Hunter",
"Construction",
"Summoning"
]
function populatePlayerHSTable() {
for (let i = 1; i <= 22; i++) {
for (let i = 1; i <= 24; i++) {
row = document.getElementsByClassName(`row row${i}`)[0];
row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol";
row.childNodes[1].innerHTML = 0; //`sName[${i + 22 * page}]`;
row.childNodes[1].innerHTML = "0";
row.childNodes[3].replaceWith(document.createElement("td"));
row.childNodes[3].className = "alL";
row.childNodes[3].innerHTML = `rankCompared`;
row.childNodes[3].innerHTML = sName[i + 24 * page - 1];
row.childNodes[5].replaceWith(document.createElement("td"));
row.childNodes[5].className = "alL";
row.childNodes[5].innerHTML = tableData[i].static;
row.childNodes[5].innerHTML = tableData[i - 1].static;
row.childNodes[7].replaceWith(document.createElement("td"));
row.childNodes[7].className = "alL";
row.childNodes[7].innerHTML = Math.floor(tableData[i].experience).toLocaleString();
row.childNodes[7].innerHTML = Math.floor(tableData[i - 1].experience).toLocaleString();
}
}
@ -88,4 +121,15 @@ document.getElementById("button-down").addEventListener("click", function (e) {
populateDefaultHSTable();
});
populateDefaultHSTable();
// Handle text field buttons
document.getElementById("search_button").addEventListener("click", function (e) {
e.preventDefault();
if (document.getElementById('search_name').value) {
loadUserTable(document.getElementById('search_name').value)
}
else {
loadDefaultHSTable();
}
});
loadDefaultHSTable();