Template:GettingStartedNav: Difference between revisions
Template page
More actions
fix expression errors - add default values for current param |
fix dot classes - show all 10 dots, fix missing space in class names |
||
| Line 1: | Line 1: | ||
<!-- | <!-- | ||
getting started nav bar | |||
shows progress dots + prev/next | shows progress dots + prev/next links | ||
params: | params: | ||
current = phase number (1-10) | current = phase number (1-10) | ||
prevlink = full page name | prevlink = full page name for prev phase (leave blank for phase 1) | ||
prevtitle = display | prevtitle = display name for prev phase | ||
nextlink = full page name | nextlink = full page name for next phase (leave blank for phase 10) | ||
nexttitle = display | nexttitle = display name for 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|1}}} of 10"> | <div class="gs-nav-progress" aria-label="Phase {{{current|1}}} of 10"><!-- | ||
--><span class="{{#ifeq:{{{current|1}}}|1|gs-nav-dot gs-nav-dot--active|{{#ifexpr:{{{current|1}}} > 1|gs-nav-dot gs-nav-dot--done|gs-nav-dot}}}}"></span><!-- | |||
-->{{# | --><span class="{{#ifeq:{{{current|1}}}|2|gs-nav-dot gs-nav-dot--active|{{#ifexpr:{{{current|1}}} > 2|gs-nav-dot gs-nav-dot--done|gs-nav-dot}}}}"></span><!-- | ||
-->{{# | --><span class="{{#ifeq:{{{current|1}}}|3|gs-nav-dot gs-nav-dot--active|{{#ifexpr:{{{current|1}}} > 3|gs-nav-dot gs-nav-dot--done|gs-nav-dot}}}}"></span><!-- | ||
-->{{# | --><span class="{{#ifeq:{{{current|1}}}|4|gs-nav-dot gs-nav-dot--active|{{#ifexpr:{{{current|1}}} > 4|gs-nav-dot gs-nav-dot--done|gs-nav-dot}}}}"></span><!-- | ||
-->{{# | --><span class="{{#ifeq:{{{current|1}}}|5|gs-nav-dot gs-nav-dot--active|{{#ifexpr:{{{current|1}}} > 5|gs-nav-dot gs-nav-dot--done|gs-nav-dot}}}}"></span><!-- | ||
-->{{# | --><span class="{{#ifeq:{{{current|1}}}|6|gs-nav-dot gs-nav-dot--active|{{#ifexpr:{{{current|1}}} > 6|gs-nav-dot gs-nav-dot--done|gs-nav-dot}}}}"></span><!-- | ||
-->{{# | --><span class="{{#ifeq:{{{current|1}}}|7|gs-nav-dot gs-nav-dot--active|{{#ifexpr:{{{current|1}}} > 7|gs-nav-dot gs-nav-dot--done|gs-nav-dot}}}}"></span><!-- | ||
-->{{# | --><span class="{{#ifeq:{{{current|1}}}|8|gs-nav-dot gs-nav-dot--active|{{#ifexpr:{{{current|1}}} > 8|gs-nav-dot gs-nav-dot--done|gs-nav-dot}}}}"></span><!-- | ||
-->{{# | --><span class="{{#ifeq:{{{current|1}}}|9|gs-nav-dot gs-nav-dot--active|{{#ifexpr:{{{current|1}}} > 9|gs-nav-dot gs-nav-dot--done|gs-nav-dot}}}}"></span><!-- | ||
--><span class=" | --><span class="{{#ifeq:{{{current|1}}}|10|gs-nav-dot gs-nav-dot--active|{{#ifexpr:{{{current|1}}} > 10|gs-nav-dot gs-nav-dot--done|gs-nav-dot}}}}"></span> | ||
</div> | </div> | ||
<div class="gs-nav-buttons"> | <div class="gs-nav-buttons"> | ||