yrtria/azerothcore-armory
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Activity Actions

feat(character/talents): add talent specialization selector

Browse source
This commit is contained in:
Axel Cocat 2022-01-12 19:41:32 +01:00
parent f979241e37
commit 4d63acf21d
2 changed files with 31 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

31
static/character-talents.html
View file

@ -40,22 +40,30 @@
</div> </div>
</div> </div>
<div id="spec-links">
<a href="#0" id="link-spec-0">Primary specialization</a>
&ensp;|&ensp;
<a href="#1" id="link-spec-1">Secondary specialization</a>
</div>
<div id="talents-spec-0"> <div id="talents-spec-0">
<div> <div>
<h3>Glyphs</h3> <h3>Glyphs</h3>
<div class="glyphs"></div> <div class="glyphs"></div>
</div> </div>
</div> </div>
<br> <div id="talents-spec-1" style="display: none;">
<br>
<br>
<div id="talents-spec-1">
<div> <div>
<h3>Glyphs</h3> <h3>Glyphs</h3>
<div class="glyphs"></div> <div class="glyphs"></div>
</div> </div>
</div> </div>
<div style="display: none;">
<!-- Hackfix for aowow's tooltip opening when the page loads -->
<a href="{{aowow}}/?spell=10"></a>
</div>
<script type="application/javascript"> <script type="application/javascript">
const talentsData = JSON.parse(`{{{data}}}`); const talentsData = JSON.parse(`{{{data}}}`);
@ -91,6 +99,7 @@
if (nbLearned === 0) { if (nbLearned === 0) {
$(`#talents-spec-${spec}`).hide(); $(`#talents-spec-${spec}`).hide();
$("#spec-links").hide();
continue; continue;
} }
@ -218,4 +227,18 @@
$arrow.css("background-position", bgPos); $arrow.css("background-position", bgPos);
$(container).append($arrow); $(container).append($arrow);
} }
$("#link-spec-0").on("click", () => {
$("#talents-spec-0").show();
$("#talents-spec-1").hide();
});
$("#link-spec-1").on("click", () => {
$("#talents-spec-1").show();
$("#talents-spec-0").hide();
});
if (location.hash === "#1") {
$("#link-spec-1").click();
}
</script> </script>

4
static/css/character-talents.css
View file

@ -127,3 +127,7 @@
flex-direction: column; flex-direction: column;
gap: 14px; gap: 14px;
} }
#spec-links {
margin-bottom: 32px;
}