Template:GettingStartedNav: Difference between revisions
Template page
More actions
Create Getting Started navigation template |
fix dot classes - show all 10 dots, fix missing space in class names |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
<!-- | <!-- | ||
getting started nav bar | |||
shows progress dots + prev/next links | |||
params: | |||
current = phase number (1-10) | |||
current = | prevlink = full page name for prev phase (leave blank for phase 1) | ||
prevlink = | prevtitle = display name for prev phase | ||
prevtitle = | nextlink = full page name for next phase (leave blank for phase 10) | ||
nextlink = | nexttitle = display name for next phase | ||
nexttitle = | |||
--> | --> | ||
<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"><!-- | ||
--><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"> | ||