mirror of
https://github.com/2009scape/2009scape.github.io.git
synced 2024-10-27 06:02:31 +01:00
Refactor
This commit is contained in:
parent
5866a14ca1
commit
a790b58b5f
@ -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();
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
@ -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();
|
|
||||||
|
Loading…
Reference in New Issue
Block a user