serg2-mirrors/GDBrowser
1
0
Fork 0
Code Issues 8 Pull requests 10 Projects Releases Packages Wiki Activity Actions

Live comments now update likes

Browse source 
oops i also forgot the last 2 colors in the icon kit
This commit is contained in:
GDColon 2020-11-26 22:45:11 -05:00
parent 0b5363bed9
commit 8b5d20dafa
3 changed files with 11 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
html/comments.html
View file

@ -229,6 +229,8 @@ fetch(`../api${!history ? window.location.pathname : "/comments/" + lvl.playerID
res.forEach((x, index) => {
$(`#date-${x.ID}`).html(x.date)
$(`#likes-${x.ID}`).html(x.likes)
$(`#thumb-${x.ID}`).attr('style', x.likes < 0 ? 'transform: translateY(25%); margin-right: 0.4%' : '').attr('src', `../assets/${x.likes < 0 ? "dis" : ""}like.png`)
if ($(`.comment[commentID=${x.ID}]`).length) return // auto mode, ignore duplicates
let bgCol = index % 2 ? "evenComment" : "oddComment"
@ -265,9 +267,9 @@ fetch(`../api${!history ? window.location.pathname : "/comments/" + lvl.playerID
<div class="commentLikes">
${history ? `<h3 style="margin-right: 1.5vh; pointer-events: all;" class="gold inline"><a href="../${x.levelID}">(${x.levelID})</a></h3>` : ""}
<div class="inline gdButton likeComment" commentID="${x.ID}" ${x.levelID ? `levelID="${x.levelID}"` : ""}">
<img class="inline gdButton" ${x.likes < 0 ? "style='transform: translateY(25%); margin-right: 0.4%'" : ""} src="../assets/${x.likes < 0 ? "dis" : ""}like.png" height=20%>
<img id="thumb-${x.ID}" class="inline gdButton" ${x.likes < 0 ? "style='transform: translateY(25%); margin-right: 0.4%'" : ""} src="../assets/${x.likes < 0 ? "dis" : ""}like.png" height=20%>
</div>
<h3 class="inline">${x.likes}</h3>
<h3 id="likes-${x.ID}" class="inline">${x.likes}</h3>
</div>
</div>`
@ -290,9 +292,9 @@ fetch(`../api${!history ? window.location.pathname : "/comments/" + lvl.playerID
<div class="commentLikes">
${history ? `<h3 style="margin-right: 0.5vh; pointer-events: all;" class="gold inline"><a href="../${x.levelID}">(${x.levelID})</a></h3>` : ""}
<div class="inline gdButton likeComment" commentID="${x.ID}"${x.levelID ? `levelID="${x.levelID}"` : ""}>
<img class="inline" ${x.likes < 0 ? "style='transform: translateY(15%); margin-right: 0.4%'" : ""} src="../assets/${x.likes < 0 ? "dis" : ""}like.png" height=27%>
<img id="thumb-${x.ID}" class="inline" ${x.likes < 0 ? "style='transform: translateY(15%); margin-right: 0.4%'" : ""} src="../assets/${x.likes < 0 ? "dis" : ""}like.png" height=27%>
</div>
<h3 class="inline">${x.likes}</h3>
<h3 id="likes-${x.ID}" class="inline">${x.likes}</h3>
</div>
</div>`

8
html/iconkit.html
View file

@ -343,20 +343,20 @@ fetch('./api/icons').then(res => {
$("#cp2").on('input change', function() {
picking[1] = true; colorBG(2, $(this).val(), true);
$(".color1").removeClass("iconSelected"); $("#done").show()
$(".color2").removeClass("iconSelected"); $("#done").show()
})
$("#cpG").on('input change', function() {
picking[2] = true; colorBG('G', $(this).val(), true);
$(".color1").removeClass("iconSelected"); $("#done").show()
$(".colorG").removeClass("iconSelected"); $("#done").show()
})
$("#cpW").on('input change', function() {
picking[3] = true; colorBG('W', $(this).val(), true);
$(".color1").removeClass("iconSelected"); $("#done").show()
$(".colorW").removeClass("iconSelected"); $("#done").show()
})
$("#done").click(function() {
$("#done img").click(function() {
$("#done").hide()
if (picking[0]) selectedCol1 = $('#cp1').val().slice(1)
if (picking[1]) selectedCol2 = $('#cp2').val().slice(1)

2
index.js
View file

@ -36,7 +36,7 @@ let sampleIcons = require('./misc/sampleIcons.json')
let colorList = require('./icons/colors.json')
let forms = { "player": "cube", "bird": "ufo", "dart": "wave" }
let whiteIcons = fs.readdirSync('./icons').filter(x => x.endsWith("extra_001.png")).map(function (x) { let xh = x.split("_"); return [xh[1] == "ball" ? "ball" : forms[xh[0]] || xh[0], +xh[xh[1] == "ball" ? 2 : 1]]})
let colorOrder = [0, 1, 2, 3, 16, 4, 5, 6, 13, 7, 8, 9, 29, 10, 14, 11, 12, 17, 18, 15, 27, 32, 28, 38, 20, 33, 21, 34, 22, 39, 23, 35, 24, 36, 25, 37, 30, 26, 31, 19]
let colorOrder = [0, 1, 2, 3, 16, 4, 5, 6, 13, 7, 8, 9, 29, 10, 14, 11, 12, 17, 18, 15, 27, 32, 28, 38, 20, 33, 21, 34, 22, 39, 23, 35, 24, 36, 25, 37, 30, 26, 31, 19, 40, 41]
app.use(compression());
app.use(express.json());