Modèle:FiltreModule : Différence entre versions

[version non vérifiée][version non vérifiée]
Ligne 1 : Ligne 1 :
 
{{#switch: {{{1|}}}
 
{{#switch: {{{1|}}}
|Bouton=
 
<div data-element="button" data-type="button" data-aria-controls="{{{id|{{{Nom|}}}}}}-range" data-aria-haspopup="true" data-aria-expanded="false" data-style="padding: 10px 20px; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; cursor: pointer; user-select: none; display: inline-block;">Filtrer par {{{Nom|}}}</div>
 
 
|Range=
 
|Range=
 +
{{FiltreÉlément
 +
|1=button
 +
|id={{{id|{{{Nom|}}}}}}-range
 +
|Nom=Filtrer par {{{Nom|}}}
 +
}}
 
<div id="{{{id|{{{Nom|}}}}}}-range" class="container tabber-noactive dropdown-menu" style="position: absolute; z-index: 10; top: 100%; left: 0; min-width: max-content; width: 170px; padding: 5px 0; margin: 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; flex-direction: column; gap: 5px;">
 
<div id="{{{id|{{{Nom|}}}}}}-range" class="container tabber-noactive dropdown-menu" style="position: absolute; z-index: 10; top: 100%; left: 0; min-width: max-content; width: 170px; padding: 5px 0; margin: 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; flex-direction: column; gap: 5px;">
<div data-element="label-input" data-id="{{{id|{{{Nom|}}}}}}-min" data-type="number" data-min="0" data-max="135" data-value="0" data-style="display: inline-block; vertical-align: middle; margin-right: 10px; width: 40px; height: 20px; border: 1px solid #ccc; border-radius: 3px; appearance: none;">{{ucfirst:{{{Nom|}}}}} min.</div>
+
{{FiltreÉlément
<div data-element="label-input" data-id="{{{id|{{{Nom|}}}}}}-max" data-type="number" data-min="0" data-max="135" data-value="135" data-style="display: inline-block; vertical-align: middle; margin-right: 10px; width: 40px; height: 20px; border: 1px solid #ccc; border-radius: 3px; appearance: none;">{{ucfirst:{{{Nom|}}}}} max.</div>
+
|1=number
 +
|id={{{id|{{{Nom|}}}}}}-min
 +
|Nom={{ucfirst:{{{Nom|}}}}} min.
 +
}}
 +
 
 +
{{FiltreÉlément
 +
|1=number
 +
|id={{{id|{{{Nom|}}}}}}-max
 +
|Nom={{ucfirst:{{{Nom|}}}}} max.
 +
}}
 
</div>
 
</div>
 
|Checkbox=
 
|Checkbox=

Version du 8 mars 2023 à 20:32