git.shiar.nl
/
sc2-widget
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
hover members from data attribute
[sc2-widget]
/
widget.html
diff --git
a/widget.html
b/widget.html
index 4424a53361c5662e240fb3787ad9093857a57f79..1184ab1c506ecd96774219d5f6e749cd4c1a1162 100644
(file)
--- a/
widget.html
+++ b/
widget.html
@@
-29,7
+29,12
@@
<h1>${clan.tag || clan.members[0].name}</h1>
<ul class=ladders>
${clan.ladders.map(ladder => `
<h1>${clan.tag || clan.members[0].name}</h1>
<ul class=ladders>
${clan.ladders.map(ladder => `
- <li class="rank ${ladder.league} tier${tiernum(ladder.rank)}${ladder.season && ' old'}"
+ <li class="rank ${[
+ ladder.league,
+ ' tier' + tiernum(ladder.rank),
+ ladder.season ? ' old' : null,
+ ].join('')}"
+ data-members="${ladder.members}"
title="Division ${ladder.division} (${ladder.wins}:${ladder.losses})">
${ladder.league} <small>#${ladder.rank}</small>
</li>
title="Division ${ladder.division} (${ladder.wins}:${ladder.losses})">
${ladder.league} <small>#${ladder.rank}</small>
</li>
@@
-45,19
+50,18
@@
</ul>
`
</ul>
`
- let i = 0
- document.querySelectorAll('.ladders li').forEach(ladder => {
- let laddermembers = clan.ladders[i++].members
+ document.querySelectorAll('[data-members]').forEach(li => {
+ let momberids = li.dataset.members.split(',')
let membercont = document.querySelector('.members')
let membercont = document.querySelector('.members')
- l
adder
.onmouseover = e => {
+ l
i
.onmouseover = e => {
membercont.classList.add('select')
membercont.classList.add('select')
-
laddermember
s.forEach(member => {
+
momberid
s.forEach(member => {
membercont.children[member].classList.add('select')
})
}
membercont.children[member].classList.add('select')
})
}
- l
adder
.onmouseout = e => {
+ l
i
.onmouseout = e => {
membercont.classList.remove('select')
membercont.classList.remove('select')
-
laddermember
s.forEach(member => {
+
momberid
s.forEach(member => {
membercont.children[member].classList.remove('select')
})
}
membercont.children[member].classList.remove('select')
})
}