Modèle:FiltreModule : Différence entre versions

[version vérifiée][version vérifiée]
 
(15 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
{{#switch:{{{Type|}}}
 
{{#switch:{{{Type|}}}
 +
|Text=
 +
{{FiltreÉlément
 +
|Élément=input
 +
|id={{{id}}}
 +
|type=text
 +
|placeholder={{{placeholder|}}}
 +
|Nom={{{Nom|}}}
 +
}}
 
|Range=
 
|Range=
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=button
 
|Élément=button
|id={{lcfirst:{{{id|{{{Nom|}}}}}}}}-range
+
|id={{{id}}}-range
|Nom=Filtrer par {{lcfirst:{{{Nom|}}}}}
+
|Nom={{{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; max-height: 180px; overflow-y: auto;">
+
<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; max-height: 180px; overflow-y: auto;" {{#if:{{{param|}}}|data-param="{{{param}}}"}}>
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=number
 
|Élément=number
|id={{lcfirst:{{{id|{{{Nom|}}}}}}}}-min
+
|id={{{id}}}-min
 
|Nom={{ucfirst:{{{Nom|}}}}} min.
 
|Nom={{ucfirst:{{{Nom|}}}}} min.
 +
|min={{{min|}}}
 
|max={{{max|}}}
 
|max={{{max|}}}
 
}}
 
}}
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=number
 
|Élément=number
|id={{lcfirst:{{{id|{{{Nom|}}}}}}}}-max
+
|id={{{id}}}-max
 
|Nom={{ucfirst:{{{Nom|}}}}} max.
 
|Nom={{ucfirst:{{{Nom|}}}}} max.
 
|value={{{max|}}}
 
|value={{{max|}}}
 +
|min={{{min|}}}
 
|max={{{max|}}}
 
|max={{{max|}}}
 
}}
 
}}
 
</div>
 
</div>
 +
<div class="tabber-noactive" style="position: absolute; top: -10px; right: 0; border: 2px green solid; border-radius: 100%; padding: 0 6px; justify-content: center; font-weight: bold; color: green; background: lightgreen;">0</div>
 
|Checkbox=
 
|Checkbox=
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=button
 
|Élément=button
|id={{{id|{{{Nom|}}}}}}
+
|id={{{id}}}
|Nom=Filtrer par {{{Nom|}}}
+
|Nom={{{Nom|}}}
 
}}
 
}}
<div id="{{{id|{{{Nom|}}}}}}" 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; max-height: 180px; overflow-y: auto;">
+
<div id="{{{id}}}" 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; max-height: 180px; overflow-y: auto;" {{#if:{{{param|}}}|data-param="{{{param}}}"}}>
 
{{#if:{{{Checkbox1|}}}|
 
{{#if:{{{Checkbox1|}}}|
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=checkbox
 
|Élément=checkbox
|filter={{FiltreCorrespondance|{{{id|{{{Nom|}}}}}}|{{{Checkbox1}}}}}
+
|id={{{id}}}-{{lcfirst:{{{id1|{{{Checkbox1}}}}}}}}
|id={{{id|{{{Nom|}}}}}}-{{lcfirst:{{{id1|{{{Checkbox1}}}}}}}}
 
 
|Nom={{{Checkbox1}}}
 
|Nom={{{Checkbox1}}}
 
}}
 
}}
Ligne 38 : Ligne 48 :
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=checkbox
 
|Élément=checkbox
|filter={{FiltreCorrespondance|{{{id|{{{Nom|}}}}}}|{{{Checkbox2}}}}}
+
|id={{{id}}}-{{lcfirst:{{{id2|{{{Checkbox2}}}}}}}}
|id={{{id|{{{Nom|}}}}}}-{{lcfirst:{{{id2|{{{Checkbox2}}}}}}}}
 
 
|Nom={{{Checkbox2}}}
 
|Nom={{{Checkbox2}}}
 
}}
 
}}
Ligne 45 : Ligne 54 :
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=checkbox
 
|Élément=checkbox
|filter={{FiltreCorrespondance|{{{id|{{{Nom|}}}}}}|{{{Checkbox3}}}}}
+
|id={{{id}}}-{{lcfirst:{{{id3|{{{Checkbox3}}}}}}}}
|id={{{id|{{{Nom|}}}}}}-{{lcfirst:{{{id3|{{{Checkbox3}}}}}}}}
 
 
|Nom={{{Checkbox3}}}
 
|Nom={{{Checkbox3}}}
 
}}
 
}}
Ligne 52 : Ligne 60 :
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=checkbox
 
|Élément=checkbox
|filter={{FiltreCorrespondance|{{{id|{{{Nom|}}}}}}|{{{Checkbox4}}}}}
+
|id={{{id}}}-{{lcfirst:{{{id4|{{{Checkbox4}}}}}}}}
|id={{{id|{{{Nom|}}}}}}-{{lcfirst:{{{id4|{{{Checkbox4}}}}}}}}
 
 
|Nom={{{Checkbox4}}}
 
|Nom={{{Checkbox4}}}
 
}}
 
}}
Ligne 59 : Ligne 66 :
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=checkbox
 
|Élément=checkbox
|filter={{FiltreCorrespondance|{{{id|{{{Nom|}}}}}}|{{{Checkbox5}}}}}
+
|id={{{id}}}-{{lcfirst:{{{id5|{{{Checkbox5}}}}}}}}
|id={{{id|{{{Nom|}}}}}}-{{lcfirst:{{{id5|{{{Checkbox5}}}}}}}}
 
 
|Nom={{{Checkbox5}}}
 
|Nom={{{Checkbox5}}}
 
}}
 
}}
Ligne 66 : Ligne 72 :
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=checkbox
 
|Élément=checkbox
|filter={{FiltreCorrespondance|{{{id|{{{Nom|}}}}}}|{{{Checkbox6}}}}}
+
|id={{{id}}}-{{lcfirst:{{{id6|{{{Checkbox6}}}}}}}}
|id={{{id|{{{Nom|}}}}}}-{{lcfirst:{{{id6|{{{Checkbox6}}}}}}}}
 
 
|Nom={{{Checkbox6}}}
 
|Nom={{{Checkbox6}}}
 
}}
 
}}
Ligne 73 : Ligne 78 :
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=checkbox
 
|Élément=checkbox
|filter={{FiltreCorrespondance|{{{id|{{{Nom|}}}}}}|{{{Checkbox7}}}}}
+
|id={{{id}}}-{{lcfirst:{{{id7|{{{Checkbox7}}}}}}}}
|id={{{id|{{{Nom|}}}}}}-{{lcfirst:{{{id7|{{{Checkbox7}}}}}}}}
 
 
|Nom={{{Checkbox7}}}
 
|Nom={{{Checkbox7}}}
 
}}
 
}}
Ligne 80 : Ligne 84 :
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=checkbox
 
|Élément=checkbox
|filter={{FiltreCorrespondance|{{{id|{{{Nom|}}}}}}|{{{Checkbox8}}}}}
+
|id={{{id}}}-{{lcfirst:{{{id8|{{{Checkbox8}}}}}}}}
|id={{{id|{{{Nom|}}}}}}-{{lcfirst:{{{id8|{{{Checkbox8}}}}}}}}
 
 
|Nom={{{Checkbox8}}}
 
|Nom={{{Checkbox8}}}
 
}}
 
}}
Ligne 87 : Ligne 90 :
 
{{FiltreÉlément
 
{{FiltreÉlément
 
|Élément=checkbox
 
|Élément=checkbox
|filter={{FiltreCorrespondance|{{{id|{{{Nom|}}}}}}|{{{Checkbox9}}}}}
+
|id={{{id}}}-{{lcfirst:{{{id9|{{{Checkbox9}}}}}}}}
|id={{{id|{{{Nom|}}}}}}-{{lcfirst:{{{id9|{{{Checkbox9}}}}}}}}
 
 
|Nom={{{Checkbox9}}}
 
|Nom={{{Checkbox9}}}
 +
}}
 +
}} {{#if:{{{Checkbox10|}}}|
 +
{{FiltreÉlément
 +
|Élément=checkbox
 +
|id={{{id}}}-{{lcfirst:{{{id10|{{{Checkbox10}}}}}}}}
 +
|Nom={{{Checkbox10}}}
 
}}
 
}}
 
}}
 
}}
 
</div>
 
</div>
 +
<div class="tabber-noactive" style="position: absolute; top: -10px; right: 0; border: 2px green solid; border-radius: 100%; padding: 0 6px; justify-content: center; font-weight: bold; color: green; background: lightgreen;">0</div>
 
}}
 
}}
 
<noinclude>[[Catégorie:Nouveaux modèles]]</noinclude>
 
<noinclude>[[Catégorie:Nouveaux modèles]]</noinclude>

Version actuelle datée du 27 octobre 2023 à 23:15