Modèle:Tabber : Différence entre versions
[version vérifiée] | [version vérifiée] |
(Page créée avec « {{#if: {{{NTabber|}}} | <div class="tabber" style="width:{{{Larghezza|100%}}}">__NOTOC__ {{#loop: varTabber | 1 | {{{NTabber}}} | <div class="tabbertab" style="height... ») |
|||
(86 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
− | {{# | + | {{#switch: {{{ver|1}}} |
− | <div class="tabber" | + | |1= |
− | {{# | + | {{LoadJavascript|Script=tabber}} |
− | + | <div class="tabber-container" data-activation="{{#if:{{{activation|}}}||true}}" data-url="{{#if:{{{url|}}}||false}}"> | |
− | + | <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 | |
− | + | | key | |
+ | | 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 style="{{#if:{{{Cadre|}}}|border: 1px black solid; padding: 5px;|padding-top: 10px;}} {{#if:{{{noOverflow|}}}||overflow-x: auto;}}"> | ||
+ | {{#forargs: Co | ||
+ | | key | ||
+ | | value | ||
+ | |<div class="{{#ifeq:{{#var:key}}|{{{numActive|1}}}|tabber-active}}">{{#if:{{{Pourcentage{{#var:key}}|}}}|<div style="text-align: center; padding-bottom: 5px; font-weight: bold; border-bottom: 1px black solid; margin-bottom: 10px;">Pourcentage de réussite : {{{Pourcentage{{#var:key}}|}}}</div>}}{{#ifexpr:{{#if:{{{Fabrication|}}}|1|0}} or {{#if:{{{Fabrication{{#var:key}}|}}}|1|0}}|<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(324px, 1fr)); justify-items: center; gap: 5px;">{{#var:value}}</div>|{{#var:value}}}} | ||
+ | </div> | ||
+ | }} | ||
+ | </div> | ||
+ | </div> | ||
+ | |2= | ||
+ | {{LoadJavascript|Script=tabber}} | ||
+ | <div class="tabber-container" data-activation="{{#if:{{{activation|}}}||true}}" data-url="{{#if:{{{url|}}}||true}}"> | ||
+ | <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 | ||
+ | | key | ||
+ | | value | ||
+ | |{{#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 style="padding-top: 10px;"> | ||
+ | {{#forargs: Co | ||
+ | | key | ||
+ | | 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> | ||
}} | }} | ||
− | <noinclude> | + | <noinclude>Utilisé dans [[Modèle:Objets]] et [[Modèle:Objets/InformationsGenerales]]</noinclude> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | [[ | ||
− | [[ | ||
− | </noinclude> |
Version actuelle datée du 20 février 2024 à 01:18
Utilisé dans Modèle:Objets et Modèle:Objets/InformationsGenerales