Modèle:FiltreModule : Différence entre versions

[version non vérifiée][version vérifiée]
 
(6 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
{{#switch:{{{Type|}}}
 
{{#switch:{{{Type|}}}
 
|Text=
 
|Text=
{{FiltreÉlément
+
{{Input|id=filter-name|name=filterName|style=grid-area: 1 / -1; width: 100%; height: 100%; padding: 3px 20px 3px 46px; margin: 0; border-radius: 999px 0 0 999px;|labelStyle=height: 100%; flex-grow: 1; padding: 0; margin: 0; display: grid; align-items: center;|placeholder={{{placeholder|}}}|text={{Svg|style=grid-area: 1 / -1; z-index: 10; padding-left: 12px;|height=24|viewBox=0 -960 960 960|width=24|data=search}}}}
|Élément=input
 
|id={{{id}}}
 
|type=text
 
|placeholder={{{placeholder|}}}
 
|Nom={{{Nom|}}}
 
}}
 
 
|Range=
 
|Range=
{{FiltreÉlément
+
<div style="font-weight: bold;">{{{name}}}</div>
|Élément=button
+
<div style="display: flex; align-items: center; gap: 3px 0;">
|id={{{id}}}-range
+
{{Input|id={{{id}}}-min|name={{{id}}}Min|type=number|min=1|max={{{maxLevel|135}}}|value=1|style=margin-right: 0; width: 70px;|labelStyle=display: block; padding-left: 0;|data=filter+{{{id}}}|data2=value+min}}
|Nom={{{Nom|}}}
+
<div style="font-family: system-ui; padding: 0 10px;">&mdash;</div>
}}
+
{{Input|id={{{id}}}-max|name={{{id}}}Max|type=number|min=1|max={{{maxLevel|135}}}|value={{{maxLevel|135}}}|style=width: 70px;|labelStyle=display: block; padding-left: 0;|data=filter+{{{id}}}|data2=value+max}}
<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
 
|Élément=number
 
|id={{{id}}}-min
 
|Nom={{ucfirst:{{{Nom|}}}}} min.
 
|min={{{min|}}}
 
|max={{{max|}}}
 
}}
 
{{FiltreÉlément
 
|Élément=number
 
|id={{{id}}}-max
 
|Nom={{ucfirst:{{{Nom|}}}}} max.
 
|value={{{max|}}}
 
|min={{{min|}}}
 
|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=
 +
<div style="font-weight: bold;">{{{name}}}</div>
 +
<div class="label-hover" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));">
 
{{#if:{{{text1|}}}|
 
{{#if:{{{text1|}}}|
 
{{FiltreÉlément
 
{{FiltreÉlément
Ligne 104 : Ligne 83 :
 
}}
 
}}
 
}}
 
}}
 +
</div>
 
}}
 
}}
 
<noinclude>[[Catégorie:Nouveaux modèles]]</noinclude>
 
<noinclude>[[Catégorie:Nouveaux modèles]]</noinclude>

Version actuelle datée du 22 décembre 2024 à 15:55