Template:GettingStartedNav: Difference between revisions
Template page
More actions
Create Getting Started navigation template |
fix expression errors - add default values for current param |
||
| Line 1: | Line 1: | ||
<!-- | <!-- | ||
GettingStartedNav - phase navigation bar | |||
shows progress dots + prev/next buttons | |||
usage: {{GettingStartedNav|current=3|prevlink=Getting Started/Discover Menhirs Fate|prevtitle=Discover Menhirs Fate|nextlink=Getting Started/Create Your Character|nexttitle=Create Your Character}} | |||
params: | |||
current = | current = phase number (1-10) | ||
prevlink = | prevlink = full page name of prev phase (omit for phase 1) | ||
prevtitle = | prevtitle = display title of prev phase | ||
nextlink = | nextlink = full page name of next phase (omit for phase 10) | ||
nexttitle = | nexttitle = display title of next phase | ||
--> | --> | ||
<div class="gs-nav" role="navigation" aria-label="Getting Started guide navigation"> | <div class="gs-nav" role="navigation" aria-label="Getting Started guide navigation"> | ||
<div class="gs-nav-progress" aria-label="Phase {{{current}}} of 10"> | <div class="gs-nav-progress" aria-label="Phase {{{current|1}}} of 10"> | ||
{{#ifexpr: {{{current}}} >= 1 |<span class="gs-nav-dot{{#ifexpr: {{{current}}} > 1 | gs-nav-dot--done|{{#ifeq:{{{current}}}|1| gs-nav-dot--active|}}}}"></span>}}<!-- | {{#ifexpr: {{{current|1}}} >= 1 |<span class="gs-nav-dot{{#ifexpr: {{{current|1}}} > 1 | gs-nav-dot--done|{{#ifeq:{{{current|1}}}|1| gs-nav-dot--active|}}}}"></span>}}<!-- | ||
-->{{#ifexpr: {{{current}}} >= 2 |<span class="gs-nav-dot{{#ifexpr: {{{current}}} > 2 | gs-nav-dot--done|{{#ifeq:{{{current}}}|2| gs-nav-dot--active|}}}}"></span>}}<!-- | -->{{#ifexpr: {{{current|1}}} >= 2 |<span class="gs-nav-dot{{#ifexpr: {{{current|1}}} > 2 | gs-nav-dot--done|{{#ifeq:{{{current|1}}}|2| gs-nav-dot--active|}}}}"></span>}}<!-- | ||
-->{{#ifexpr: {{{current}}} >= 3 |<span class="gs-nav-dot{{#ifexpr: {{{current}}} > 3 | gs-nav-dot--done|{{#ifeq:{{{current}}}|3| gs-nav-dot--active|}}}}"></span>}}<!-- | -->{{#ifexpr: {{{current|1}}} >= 3 |<span class="gs-nav-dot{{#ifexpr: {{{current|1}}} > 3 | gs-nav-dot--done|{{#ifeq:{{{current|1}}}|3| gs-nav-dot--active|}}}}"></span>}}<!-- | ||
-->{{#ifexpr: {{{current}}} >= 4 |<span class="gs-nav-dot{{#ifexpr: {{{current}}} > 4 | gs-nav-dot--done|{{#ifeq:{{{current}}}|4| gs-nav-dot--active|}}}}"></span>}}<!-- | -->{{#ifexpr: {{{current|1}}} >= 4 |<span class="gs-nav-dot{{#ifexpr: {{{current|1}}} > 4 | gs-nav-dot--done|{{#ifeq:{{{current|1}}}|4| gs-nav-dot--active|}}}}"></span>}}<!-- | ||
-->{{#ifexpr: {{{current}}} >= 5 |<span class="gs-nav-dot{{#ifexpr: {{{current}}} > 5 | gs-nav-dot--done|{{#ifeq:{{{current}}}|5| gs-nav-dot--active|}}}}"></span>}}<!-- | -->{{#ifexpr: {{{current|1}}} >= 5 |<span class="gs-nav-dot{{#ifexpr: {{{current|1}}} > 5 | gs-nav-dot--done|{{#ifeq:{{{current|1}}}|5| gs-nav-dot--active|}}}}"></span>}}<!-- | ||
-->{{#ifexpr: {{{current}}} >= 6 |<span class="gs-nav-dot{{#ifexpr: {{{current}}} > 6 | gs-nav-dot--done|{{#ifeq:{{{current}}}|6| gs-nav-dot--active|}}}}"></span>}}<!-- | -->{{#ifexpr: {{{current|1}}} >= 6 |<span class="gs-nav-dot{{#ifexpr: {{{current|1}}} > 6 | gs-nav-dot--done|{{#ifeq:{{{current|1}}}|6| gs-nav-dot--active|}}}}"></span>}}<!-- | ||
-->{{#ifexpr: {{{current}}} >= 7 |<span class="gs-nav-dot{{#ifexpr: {{{current}}} > 7 | gs-nav-dot--done|{{#ifeq:{{{current}}}|7| gs-nav-dot--active|}}}}"></span>}}<!-- | -->{{#ifexpr: {{{current|1}}} >= 7 |<span class="gs-nav-dot{{#ifexpr: {{{current|1}}} > 7 | gs-nav-dot--done|{{#ifeq:{{{current|1}}}|7| gs-nav-dot--active|}}}}"></span>}}<!-- | ||
-->{{#ifexpr: {{{current}}} >= 8 |<span class="gs-nav-dot{{#ifexpr: {{{current}}} > 8 | gs-nav-dot--done|{{#ifeq:{{{current}}}|8| gs-nav-dot--active|}}}}"></span>}}<!-- | -->{{#ifexpr: {{{current|1}}} >= 8 |<span class="gs-nav-dot{{#ifexpr: {{{current|1}}} > 8 | gs-nav-dot--done|{{#ifeq:{{{current|1}}}|8| gs-nav-dot--active|}}}}"></span>}}<!-- | ||
-->{{#ifexpr: {{{current}}} >= 9 |<span class="gs-nav-dot{{#ifexpr: {{{current}}} > 9 | gs-nav-dot--done|{{#ifeq:{{{current}}}|9| gs-nav-dot--active|}}}}"></span>}}<!-- | -->{{#ifexpr: {{{current|1}}} >= 9 |<span class="gs-nav-dot{{#ifexpr: {{{current|1}}} > 9 | gs-nav-dot--done|{{#ifeq:{{{current|1}}}|9| gs-nav-dot--active|}}}}"></span>}}<!-- | ||
--><span class="gs-nav-dot{{#ifeq:{{{current}}}|10| gs-nav-dot--active|{{#ifexpr: {{{current}}} < 10 ||gs-nav-dot--done}}}}"></span> | --><span class="gs-nav-dot{{#ifeq:{{{current|1}}}|10| gs-nav-dot--active|{{#ifexpr: {{{current|1}}} < 10 ||gs-nav-dot--done}}}}"></span> | ||
</div> | </div> | ||
<div class="gs-nav-buttons"> | <div class="gs-nav-buttons"> | ||