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