Difference between revisions of "Template:Segmented control"

From Co-Optitude Wiki
Jump to navigation Jump to search
Line 12: Line 12:
 
{{#vardefine:segmentCount|0}}
 
{{#vardefine:segmentCount|0}}
 
{{#vardefine:i|1}}
 
{{#vardefine:i|1}}
{{#while:|{{#if:{{{{{#var:i}}|}}}|true}}|<nowiki/>{{#vardefine:segmentCount|{{#expr:{{#var:segmentCount}}+1}}}}
+
{{#while:|{{{{{#var:i}}|}}} }}
{{#vardefine:i|{{#expr:{{#var:i}}+1}}}}
+
  |<nowiki/>
 +
  {{#vardefine:segmentCount|{{#var:i}}}}
 +
  {{#vardefine:i|{{#expr:{{#var:i}}+1}}}}
 
}}
 
}}
 
<div class="rsToggleContainer" style="text-align: center;">
 
<div class="rsToggleContainer" style="text-align: center;">
 
{{#vardefine:i|1}}
 
{{#vardefine:i|1}}
{{#while:|{{#ifexpr:{{#var:i}}<={{#var:segmentCount}}|true}}
+
{{#while:|{{#expr:{{#var:i}}<={{#var:segmentCount}}}}
|<nowiki />
+
  |<nowiki />
   {{#vardefine:orderClass|rsSegmentMiddle }}
+
   Loop {{#var:i}}
  {{#ifexpr:{{#var:i}}=1|{{#vardefine:orderClass|rsSegmentFirst}}}}
+
   {{#vardefine:i|{{#expr:{{#var:i}}+1}} }}
  {{#ifexpr:{{#var:i}}={{#var:segmentCount}}|{{#vardefine:orderClass|rsSegmentLast}}}}
+
}}
   {{#vardefine:segment|{{{{{#var:i}}|}}}}}
+
</div></includeonly>
  {{#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}} }}
 
  {{#vardefine:segmentClasses|rsSegment {{#var:orderClass}} {{#if:{{#var:segmentSelected}}|rsSegmentSelected}}}}
 
  {{#vardefine:segmentIconHTML|{{#if:{{#var:segmentImage}}|<span class="rsSegmentIcon">[[File:{{#var:segmentImage}}|20px|none|link={{#var:segmentLink}}]]</span>}} }}
 
  {{#vardefine:segmentFillHTML|<div class="rsSegmentFill"><span class="rsSegmentTitle">{{#var:segmentIconHTML}}}}<span class="rsSegmentTitleText">{{#var:segmentTitle}}</span></span></div>}}
 
<div class="{{#var:segmentClasses}}">{{#if:{{#var:segmentSelected}}|{{#var:segmentFillHTML}}|[[{{#var:segmentLink}}|{{#var:segmentFillHTML}}]]}}</div>{{#vardefine:i|{{#expr:{{#var:i}}+1}} }} }}</div></includeonly>
 

Revision as of 19:30, 28 March 2020

Usage example:

{{SegmentedControl
  |Title;Wiki page name
  |Title$icon.png;Wiki page name
  |Selected title
  |etc}}