git.shiar.nl
/
sc2-widget
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (from parent 1:
2e347c2
)
hover members from data attribute
author
Mischa POSLAWSKY
<perl@shiar.org>
Wed, 21 Aug 2019 23:03:56 +0000
(
01:03
+0200)
committer
Mischa POSLAWSKY
<perl@shiar.org>
Wed, 21 Aug 2019 23:23:48 +0000
(
01:23
+0200)
Not specific to ladders.
battle.css
patch
|
blob
|
history
widget.html
patch
|
blob
|
history
diff --git
a/battle.css
b/battle.css
index 6568fdc8e93cb5028981fb03edaf3d88167bb933..cf7c4d0b255246be6f990122527bc02d9136a270 100644
(file)
--- a/
battle.css
+++ b/
battle.css
@@
-89,7
+89,7
@@
li, li img {
.select > .select img {
border-color: #055CB3;
}
.select > .select img {
border-color: #055CB3;
}
-
.ladders li
:hover {
+
[data-members]
:hover {
background: #0C2643;
cursor: help;
}
background: #0C2643;
cursor: help;
}
diff --git
a/widget.html
b/widget.html
index c070def7b3363db632c73eb244fa65e1f16a0984..1184ab1c506ecd96774219d5f6e749cd4c1a1162 100644
(file)
--- a/
widget.html
+++ b/
widget.html
@@
-34,6
+34,7
@@
' tier' + tiernum(ladder.rank),
ladder.season ? ' old' : null,
].join('')}"
' 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>
@@
-49,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')
})
}