Skip to content

Commit

Permalink
fire icon updatess
Browse files Browse the repository at this point in the history
  • Loading branch information
@mgcountss
mgcountss committed Sep 15, 2024
1 parent 51e129c commit 9d10d63
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 39 deletions.
1 change: 0 additions & 1 deletion top50/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,6 @@ h2 {
margin-right: 0.2vw;
margin-left: 0.2vw;
src: url('../../fonts/Roboto-Regular.ttf') format('truetype');
display: flex;
height: 100%;
}

Expand Down
2 changes: 1 addition & 1 deletion top50/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -511,7 +511,7 @@ <h3>How to setup NightBot & LCEDIT for streams: <a
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
</script><style id="styles"></style>

</body>

Expand Down
75 changes: 38 additions & 37 deletions top50/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,14 @@ let specificChannels = [];
let pickingChannels = false;
let quickSelecting = false;
let odometers = [];
function escapeHTML(text) {
return text
.replace(/&/g, "&amp;")
.replace(/</g, "&lt;")
.replace(/>/g, "&gt;")
.replace(/"/g, "&quot;")
.replace(/'/g, "&#039;");
}
function abb(n) {
let s = Math.sign(n);
n = Math.abs(n);
Expand Down Expand Up @@ -620,45 +628,47 @@ function update(doGains = true) {
document.getElementById("card_" + slowest).children[2].innerText = "" + data.slowestIcon + " " + data.data[i].name
}
}
/*<option value="replace">Replace Rank</option>
<option value="before">Before Rank</option>
<option value="after">After Rank</option>
<option value="above">Above Rank</option>
<option value="below">Below Rank</option>
<option value="left">Left of Name</option>
<option value="right">Right of Name</option>
<option value="replaceName">Replace Name</option>*/
if (data.fireIcons.enabled) {
let firePosition = data.fireIcons.firePosition;
if (firePosition == 'before' || firePosition == 'after') {
document.getElementById("styles").innerHTML = `.num { display: flex; }`;
} else {
document.getElementById("styles").innerHTML = ``;
}
for (let q = 0; q < data.fireIcons.created.length; q++) {
if (data.fireIcons.created[q].threshold <= data.data[i].count) {
let icon = data.fireIcons.created[q].icon;
let firePosition = data.fireIcons.firePosition;
let fire = document.createElement('img');
fire.classList = 'fireIcon';
fire.style = `height: 1.5vw; width: 1.5vw; scale: ${data.fireIcons.fireScale};
border-radius: ${data.fireIcons.fireBorderRadius}%; border: solid ${data.fireIcons.fireBorderWidth}px ${data.fireIcons.fireBorderColor};`;
fire.src = icon;
if (firePosition == 'above') {
currentCard.children[2].prepend(fire);
fire.style = `height: 1.5vw; width: 1.5vw; scale: ${escapeHTML(data.fireIcons.fireScale)};
border-radius: ${escapeHTML(data.fireIcons.fireBorderRadius)}%; border: solid ${escapeHTML(data.fireIcons.fireBorderWidth)}px ${escapeHTML(data.fireIcons.fireBorderColor)};`;
fire.src = escapeHTML(icon);
if (firePosition == 'replace') {
currentCard.children[0].innerHTML = fire.outerHTML;
} else if (firePosition == 'before') {
currentCard.children[0].innerHTML = fire.outerHTML + `<div>#${num}</div>`;
} else if (firePosition == 'after') {
currentCard.children[0].innerHTML = `<div>#${num}</div>` + fire.outerHTML;
} else if (firePosition == 'above') {
currentCard.children[0].innerHTML = fire.outerHTML + `<br><div>#${num}</div>`;
} else if (firePosition == 'below') {
currentCard.children[2].append(fire);
currentCard.children[0].innerHTML = `<div>#${num}</div><br>` + fire.outerHTML;
} else if (firePosition == 'left') {
currentCard.children[2].prepend(fire);
currentCard.children[2].innerHTML = fire.outerHTML + currentCard.children[2].innerHTML;
currentCard.children[0].innerHTML = `<div>#${num}</div>`;
} else if (firePosition == 'right') {
currentCard.children[2].append(fire);
} else if (firePosition == 'replace') {
currentCard.children[2].innerText = icon;
currentCard.children[2].innerHTML = currentCard.children[2].innerHTML + fire.outerHTML;
currentCard.children[0].innerHTML = `<div>#${num}</div>`;
} else if (firePosition == 'replaceName') {
currentCard.children[2].innerText = icon;
} else if (firePosition == 'before') {
currentCard.children[2].innerText = icon + data.data[i].name;
} else if (firePosition == 'after') {
currentCard.children[2].innerText = data.data[i].name + icon;
} else if (firePosition == 'above') {
currentCard.children[2].prepend(fire);
currentCard.children[2].innerHTML = fire.outerHTML;
currentCard.children[0].innerHTML = `<div>#${num}</div>`;
} else {
currentCard.children[0].innerHTML = `<div>#${num}</div>`;
}
}
}
} else {
currentCard.children[0].innerHTML = `<div>#${num}</div>`;
}
} else {
currentCard.id = 'card_'
Expand Down Expand Up @@ -2458,29 +2468,20 @@ const saveFireIcon = async () => {
loadFireIcons();
}

function escapeHTML(text) {
return text
.replace(/&/g, "&amp;")
.replace(/</g, "&lt;")
.replace(/>/g, "&gt;")
.replace(/"/g, "&quot;")
.replace(/'/g, "&#039;");
}

const loadFireIcons = () => {
let div = document.getElementById('fireIcons');
div.innerHTML = '';
for (let i = 0; i < data.fireIcons.created.length; i++) {
let fireIcon = data.fireIcons.created[i];
let icon = fireIcon.icon;
if (icon) {
icon = `<img src="${escapeHTML(icon)}" style="height: 1em; width: 1em;">`
icon = `<img src="${escapeHTML(icon)}" style="height: 1.5em; width: 1.5em;">`
}
let include = fireIcon.include.length > 0 ? `Include: ${fireIcon.include.join(', ')}` : '';
let html = `
<div style="display: flex; justify-content: space-between; color: #FFF; padding: 0.5em; margin: 0.5em 0; border-radius: 0.2em;">
<div style="display: flex; align-items: center;">
<div style="color: #FFF; padding: 0.2em; border-radius: 0.2em;">${escapeHTML(icon)}</div>
<div style="color: #FFF; padding: 0.2em; border-radius: 0.2em;">${icon}</div>
<div style="margin-left: 0.5em;">${escapeHTML(fireIcon.name)}</div>
<div style="margin-left: 0.5em;"><b>Threshold: ${escapeHTML(fireIcon.threshold)}</b></div>
</div>
Expand Down

0 comments on commit 9d10d63

Please sign in to comment.