Difference between revisions of "Template:Segmented control"
Jump to navigation
Jump to search
| Line 13: | Line 13: | ||
<div class="rsToggleContainer"> | <div class="rsToggleContainer"> | ||
{{#vardefine:i|1}}{{#while:|{{#ifexpr:{{#var:i}}<={{#var:segmentCount}}|true}} | {{#vardefine:i|1}}{{#while:|{{#ifexpr:{{#var:i}}<={{#var:segmentCount}}|true}} | ||
| − | | <nowiki /> | + | | <nowiki />{{#vardefine:orderClass|rsSegmentMiddle }}{{#ifexpr: {{#var:i}} = 1| {{#vardefine:orderClass|rsSegmentFirst }} }}{{#ifexpr: {{#var:i}} = {{#var:segmentCount}} | {{#vardefine:orderClass|rsSegmentLast}} }}{{#vardefine:segment|{{{ {{#var:i}} |}}} }}{{#vardefine:titleAndImage|{{#explode:{{#var:segment}}|;|0}} }}{{#vardefine:segmentLink|{{#explode:{{#var:segment}}|;|1}} }}{{#vardefine:segmentTitle|{{#explode:{{#var:titleAndImage}}|$|0}} }}{{#vardefine:segmentImage|{{#explode:{{#var:titleAndImage}}|$|1}} }}{{#vardefine:segmentSelected|{{#if:{{#var:segmentLink}}||true}} }}<div class="rsSegment {{#var:orderClass}} {{#if:{{#var:segmentSelected}}| rsSegmentSelected}}">{{#if:{{#var:segmentSelected}}|[[{{#var:segmentLink}}|<div class="rsSegmentFill"><span class="rsSegmentTitle">{{#var:segmentTitle}}</span></div>]]|<div class="rsSegmentFill"><span class="rsSegmentTitle">{{#var:segmentTitle}}</span></div>}}</div>{{#vardefine:i|{{#expr:{{#var:i}}+1}} }} }} |
| − | {{#vardefine:orderClass|rsSegmentMiddle }} | ||
| − | {{#ifexpr: {{#var:i}} = 1| {{#vardefine:orderClass|rsSegmentFirst }} }} | ||
| − | {{#ifexpr: {{#var:i}} = {{#var:segmentCount}} | {{#vardefine:orderClass|rsSegmentLast}} }} | ||
| − | {{#vardefine:segment|{{{ {{#var:i}} |}}} }} | ||
| − | {{#vardefine:titleAndImage|{{#explode:{{#var:segment}}|;|0}} }} | ||
| − | {{#vardefine:segmentLink|{{#explode:{{#var:segment}}|;|1}} }} | ||
| − | {{#vardefine:segmentTitle|{{#explode:{{#var:titleAndImage}}|$|0}} }} | ||
| − | {{#vardefine:segmentImage|{{#explode:{{#var:titleAndImage}}|$|1}} }} | ||
| − | {{#vardefine:segmentSelected|{{#if:{{#var:segmentLink}}| | ||
| − | <div class="rsSegment {{#var:orderClass}} {{#if:{{#var:segmentSelected}}| rsSegmentSelected}}">{{#if:{{#var:segmentSelected}}|[[{{#var:segmentLink}}|<div class="rsSegmentFill"><span class="rsSegmentTitle">{{#var:segmentTitle}}</span></div>]]|<div class="rsSegmentFill"><span class="rsSegmentTitle">{{#var:segmentTitle}}</span></div>}}</div> | ||
| − | {{#vardefine:i|{{#expr:{{#var:i}}+1}} }} | ||
| − | }} | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
Revision as of 17:30, 28 March 2020
Usage example:
{{SegmentedControl
|Title;Wiki page name
|[Image.png]Title;Wiki page name
|Selected title
|etc}}