Modèle:Tabber : Différence entre versions
[version vérifiée] | [version vérifiée] |
(17 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 2 : | Ligne 2 : | ||
|1= | |1= | ||
{{LoadJavascript|Script=tabber}} | {{LoadJavascript|Script=tabber}} | ||
− | <div class="tabber-container" data- | + | <div class="tabber-container" data-toggle="{{#if:{{{toggle|}}}|1|0}}" data-url="{{#if:{{{url|}}}|0|1}}"> |
<div style="display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; {{#if:{{{noBg|}}}||background: rgba(0,0,0,.1); border: 1px black solid;}} padding: 5px; {{#if:{{{Center|}}}|justify-content: center; width: fit-content;}}{{#if:{{{Cadre|}}}|border-bottom: 1px black;}}{{#if:{{{Center2|}}}|margin: 0 auto;}}"> | <div style="display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; {{#if:{{{noBg|}}}||background: rgba(0,0,0,.1); border: 1px black solid;}} padding: 5px; {{#if:{{{Center|}}}|justify-content: center; width: fit-content;}}{{#if:{{{Cadre|}}}|border-bottom: 1px black;}}{{#if:{{{Center2|}}}|margin: 0 auto;}}"> | ||
{{#forargs: Bo | {{#forargs: Bo | ||
| key | | key | ||
| value | | value | ||
− | |<div id=" | + | |<div id="{{#var:value}}" class="button {{#ifeq:{{#var:key}}|{{{numActive|1}}}|tabber-active}}" data-position="{{#expr:{{#var:key}}-1}}">{{#var:value}}</div> |
}} | }} | ||
</div> | </div> | ||
Ligne 21 : | Ligne 21 : | ||
|2= | |2= | ||
{{LoadJavascript|Script=tabber}} | {{LoadJavascript|Script=tabber}} | ||
− | <div class="tabber-container" data- | + | <div class="tabber-container" data-toggle="{{#if:{{{toggle|}}}|1|0}}" data-url="{{#if:{{{url|}}}|0|1}}"> |
<div style="display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; padding: 5px; justify-content: center; width: fit-content; margin: 0 auto;"> | <div style="display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; padding: 5px; justify-content: center; width: fit-content; margin: 0 auto;"> | ||
{{#forargs: Bo | {{#forargs: Bo | ||
| key | | key | ||
| value | | value | ||
− | |<div id=" | + | |{{#if:{{#var:value}}|<div id="{{#var:value}}" class="button {{#ifeq:{{#var:key}}|{{{numActive|1}}}|tabber-active}}" data-position="{{#expr:{{#var:key}}-1}}">{{#var:value}}</div>}} |
}} | }} | ||
</div> | </div> | ||
Ligne 33 : | Ligne 33 : | ||
| key | | key | ||
| value | | value | ||
− | | | + | |{{#if:{{#var:value}}|<div class="{{#ifeq:{{#var:key}}|{{{numActive|1}}}|tabber-active}}">{{#if:{{{noList{{#var:key}}|}}}|{{#var:value}}|<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); justify-content: left; grid-gap: 5px;">{{#var:value}}</div>}}</div>}} |
}} | }} | ||
</div> | </div> | ||
</div> | </div> | ||
}} | }} | ||
− | <noinclude>Utilisé dans | + | <noinclude>Utilisé dans [[Modèle:Objets]] et [[Modèle:Objets/InformationsGenerales]]</noinclude> |
Version actuelle datée du 25 mai 2024 à 21:35
Utilisé dans Modèle:Objets et Modèle:Objets/InformationsGenerales