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

Refactor

Browse Source
This commit is contained in:
dginovker 2020-12-09 10:52:03 -05:00
parent 5866a14ca1
commit a790b58b5f
2 changed files with 68 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
services/m=hiscore/helpers.js
View File

@ -1,5 +1,5 @@
var REQUIRE = REQUIRE || {}; var hiscores = hiscores || {};
REQUIRE.sName = [ hiscores.sName = [
"Attack", "Attack",
"Defence", "Defence",
"Strength", "Strength",
@ -26,12 +26,50 @@ REQUIRE.sName = [
"Summoning" "Summoning"
] ]
REQUIRE.linkLeftTabSkillNames = () => { hiscores.linkLeftTabSkillNames = () => {
REQUIRE.sName.forEach((skill, index) => { hiscores.sName.forEach((skill, index) => {
row = document.getElementsByClassName(` ${skill} ico`)[0].addEventListener("click", function (e) { row = document.getElementsByClassName(` ${skill} ico`)[0].addEventListener("click", function (e) {
e.preventDefault(); e.preventDefault();
console.log(skill, index); console.log(skill, index);
loadSkillTable(index); hiscores.loadSkillTable(index);
}); });
}); });
}
hiscores.initializePageArrows = () => {
document.getElementById("button-up").addEventListener("click", function (e) {
e.preventDefault();
if (hiscores.page > 0) {
hiscores.page--;
}
hiscores.populateDefaultHSTable();
});
document.getElementById("button-down").addEventListener("click", function (e) {
e.preventDefault();
hiscores.page++;
hiscores.populateDefaultHSTable();
});
}
hiscores.initalizeRightsideButtons = () => {
document.getElementById("search_button").addEventListener("click", function (e) {
e.preventDefault();
if (document.getElementById('search_name').value) {
hiscores.loadUserTable(document.getElementById('search_name').value)
}
else {
hiscores.loadDefaultHSTable();
}
});
document.getElementById("search_rank_submit").addEventListener("click", function (e) {
e.preventDefault();
if (document.getElementById('search_rank').value) {
hiscores.loadUserTable(defaultTableData[document.getElementById('search_rank').value - 1].username)
document.getElementById("scores_head_skill").innerText = defaultTableData[document.getElementById('search_rank').value - 1].username + "'s ";
}
else {
hiscores.loadDefaultHSTable();
}
});
} }

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

@ -1,6 +1,6 @@
var REQUIRE = REQUIRE || {}; var hiscores = hiscores || {};
let page = 0; hiscores.page = 0;
let currentSkillId = ""; let currentSkillId = "";
const apiURL = "http://localhost:3000"; const apiURL = "http://localhost:3000";
@ -8,33 +8,33 @@ const apiURL = "http://localhost:3000";
let tableData = []; let tableData = [];
let defaultTableData = []; let defaultTableData = [];
function loadDefaultHSTable() { hiscores.loadDefaultHSTable = () => {
fetch(`${apiURL}/highscores/getPlayersByTotal`) fetch(`${apiURL}/highscores/getPlayersByTotal`)
.then(response => response.json()) .then(response => response.json())
.then(result => { .then(result => {
console.log(result[0]); console.log(result[0]);
tableData = result; tableData = result;
defaultTableData = result; defaultTableData = result;
populateDefaultHSTable(); hiscores.populateDefaultHSTable();
}) })
.catch(error => console.log('error', error)); .catch(error => console.log('error', error));
} }
function populateDefaultHSTable() { hiscores.populateDefaultHSTable = () => {
for (let i = 1; i <= 24; i++) { for (let i = 1; i <= 24; i++) {
row = document.getElementsByClassName(`row row${i}`)[0]; row = document.getElementsByClassName(`row row${i}`)[0];
const playerData = tableData[i + 24 * page - 1]; const playerData = tableData[i + 24 * hiscores.page - 1];
row.childNodes[1].replaceWith(document.createElement("td")); row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol"; row.childNodes[1].className = "rankCol";
row.childNodes[1].innerHTML = i + 24 * page; row.childNodes[1].innerHTML = i + 24 * hiscores.page;
row.childNodes[3].replaceWith(document.createElement("td")); row.childNodes[3].replaceWith(document.createElement("td"));
row.childNodes[3].className = "alL"; row.childNodes[3].className = "alL";
row.childNodes[3].innerHTML = `<a href="./hiscores.html">${playerData ? playerData.username : ""}</a>`; row.childNodes[3].innerHTML = `<a href="./hiscores.html">${playerData ? playerData.username : ""}</a>`;
row.childNodes[3].addEventListener("click", function (e) { row.childNodes[3].addEventListener("click", function (e) {
e.preventDefault(); e.preventDefault();
loadUserTable(playerData.username); hiscores.loadUserTable(playerData.username);
}); });
row.childNodes[5].replaceWith(document.createElement("td")); row.childNodes[5].replaceWith(document.createElement("td"));
@ -47,14 +47,14 @@ function populateDefaultHSTable() {
} }
} }
function loadUserTable(username) { hiscores.loadUserTable = (username) => {
fetch(`${apiURL}/highscores/playerSkills/${username.toLowerCase()}`) fetch(`${apiURL}/highscores/playerSkills/${username.toLowerCase()}`)
.then(response => response.json()) .then(response => response.json())
.then(result => { .then(result => {
document.getElementById('search_name').style.color = 'black'; document.getElementById('search_name').style.color = 'black';
console.log(result[0]); console.log(result[0]);
tableData = result; tableData = result;
populatePlayerHSTable(); hiscores.populatePlayerHSTable();
document.getElementById("scores_head_skill").innerText = username + "'s "; document.getElementById("scores_head_skill").innerText = username + "'s ";
}) })
.catch(error => { .catch(error => {
@ -63,7 +63,7 @@ function loadUserTable(username) {
}); });
} }
function populatePlayerHSTable() { hiscores.populatePlayerHSTable = () => {
for (let i = 1; i <= 24; i++) { for (let i = 1; i <= 24; i++) {
row = document.getElementsByClassName(`row row${i}`)[0]; row = document.getElementsByClassName(`row row${i}`)[0];
@ -73,10 +73,10 @@ function populatePlayerHSTable() {
row.childNodes[3].replaceWith(document.createElement("td")); row.childNodes[3].replaceWith(document.createElement("td"));
row.childNodes[3].className = "alL"; row.childNodes[3].className = "alL";
row.childNodes[3].innerHTML = `<a href="./hiscores.html">${REQUIRE.sName[i - 1]}</a>`; row.childNodes[3].innerHTML = `<a href="./hiscores.html">${hiscores.sName[i - 1]}</a>`;
row.childNodes[3].addEventListener("click", e => { row.childNodes[3].addEventListener("click", e => {
e.preventDefault(); e.preventDefault();
loadSkillTable(i - 1); hiscores.loadSkillTable(i - 1);
}) })
row.childNodes[5].replaceWith(document.createElement("td")); row.childNodes[5].replaceWith(document.createElement("td"));
@ -89,36 +89,36 @@ function populatePlayerHSTable() {
} }
} }
function loadSkillTable(skillId) { hiscores.loadSkillTable = (skillId) => {
fetch(`${apiURL}/highscores/playersBySkill/${skillId}`) fetch(`${apiURL}/highscores/playersBySkill/${skillId}`)
.then(response => response.json()) .then(response => response.json())
.then(result => { .then(result => {
console.log(result[0]); console.log(result[0]);
tableData = result; tableData = result;
currentSkillId = skillId; currentSkillId = skillId;
populateSkillHSTable(); hiscores.populateSkillHSTable();
}) })
.catch(error => console.log('error', error)); .catch(error => console.log('error', error));
} }
function populateSkillHSTable() { hiscores.populateSkillHSTable = () => {
document.getElementById("scores_head_skill").innerText = REQUIRE.sName[currentSkillId]; document.getElementById("scores_head_skill").innerText = hiscores.sName[currentSkillId];
document.getElementById("scores_head_icon").src = `../../site/img/hiscores/skill_icon_${REQUIRE.sName[currentSkillId].toLowerCase()}1eccb.gif`; document.getElementById("scores_head_icon").src = `../../site/img/hiscores/skill_icon_${hiscores.sName[currentSkillId].toLowerCase()}1eccb.gif`;
for (let i = 1; i <= 24; i++) { for (let i = 1; i <= 24; i++) {
row = document.getElementsByClassName(`row row${i}`)[0]; row = document.getElementsByClassName(`row row${i}`)[0];
const playerData = tableData[i + 24 * page - 1]; const playerData = tableData[i + 24 * hiscores.page - 1];
row.childNodes[1].replaceWith(document.createElement("td")); row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol"; row.childNodes[1].className = "rankCol";
row.childNodes[1].innerHTML = i + 24 * page; row.childNodes[1].innerHTML = i + 24 * hiscores.page;
row.childNodes[3].replaceWith(document.createElement("td")); row.childNodes[3].replaceWith(document.createElement("td"));
row.childNodes[3].className = "alL"; row.childNodes[3].className = "alL";
row.childNodes[3].innerHTML = `<a href="./hiscores.html">${playerData ? playerData.username : ""}</a>`; row.childNodes[3].innerHTML = `<a href="./hiscores.html">${playerData ? playerData.username : ""}</a>`;
row.childNodes[3].addEventListener("click", function (e) { row.childNodes[3].addEventListener("click", function (e) {
e.preventDefault(); e.preventDefault();
loadUserTable(playerData.username); hiscores.loadUserTable(playerData.username);
}); });
row.childNodes[5].replaceWith(document.createElement("td")); row.childNodes[5].replaceWith(document.createElement("td"));
@ -131,45 +131,8 @@ function populateSkillHSTable() {
} }
} }
// Handle page arrows hiscores.initializePageArrows();
document.getElementById("button-up").addEventListener("click", function (e) { hiscores.initalizeRightsideButtons();
e.preventDefault(); hiscores.linkLeftTabSkillNames();
if (page > 0) {
page--;
}
populateDefaultHSTable();
});
document.getElementById("button-down").addEventListener("click", function (e) {
e.preventDefault();
page++;
populateDefaultHSTable();
});
// Handle text field buttons hiscores.loadDefaultHSTable();
document.getElementById("search_button").addEventListener("click", function (e) {
e.preventDefault();
if (document.getElementById('search_name').value) {
loadUserTable(document.getElementById('search_name').value)
}
else {
loadDefaultHSTable();
}
});
document.getElementById("search_rank_submit").addEventListener("click", function (e) {
e.preventDefault();
if (document.getElementById('search_rank').value) {
loadUserTable(defaultTableData[document.getElementById('search_rank').value - 1].username)
document.getElementById("scores_head_skill").innerText = defaultTableData[document.getElementById('search_rank').value - 1].username + "'s ";
}
else {
loadDefaultHSTable();
}
});
// Handle Skill Names
REQUIRE.linkLeftTabSkillNames();
loadDefaultHSTable();