Modèle:Test1 : Différence entre versions
| [version vérifiée] | [version vérifiée] |
| Ligne 1 : | Ligne 1 : | ||
{{LoadJavascript|Script=element}} {{LoadJavascript|Script=filter}} | {{LoadJavascript|Script=element}} {{LoadJavascript|Script=filter}} | ||
{{Form|style=position: relative; display: flex; align-items: center; flex-wrap: nowrap; height: 35px; font-size: 1.1em; margin: 15px auto; width: 500px; max-width: 100%;|id=filter-form|content= | {{Form|style=position: relative; display: flex; align-items: center; flex-wrap: nowrap; height: 35px; font-size: 1.1em; margin: 15px auto; width: 500px; max-width: 100%;|id=filter-form|content= | ||
| − | {{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= | + | {{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}}}} |
{{Button|id=open-filter|style=height: 100%; padding: 0 10px; border-bottom-width: 1px; margin-left: -1px;|text=<div style="display: flex; align-items: flex-end; gap: 5px;">{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=filter|title=Filtrer les monstres}} Filtrer</div> | {{Button|id=open-filter|style=height: 100%; padding: 0 10px; border-bottom-width: 1px; margin-left: -1px;|text=<div style="display: flex; align-items: flex-end; gap: 5px;">{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=filter|title=Filtrer les monstres}} Filtrer</div> | ||
}} | }} | ||
| Ligne 8 : | Ligne 8 : | ||
{{#if:{{{Niveau|}}}|<div style="font-weight: bold;">Intervalle de niveau</div> | {{#if:{{{Niveau|}}}|<div style="font-weight: bold;">Intervalle de niveau</div> | ||
<div style="display: flex; align-items: center; gap: 3px 0;"> | <div style="display: flex; align-items: center; gap: 3px 0;"> | ||
| − | {{Input|id=level-min|name=levelMin|type=number|min=1|max=135|value=1|style=margin-right: 0;|labelStyle=display: block; padding-left: 0;|data=filter+level|data2=value+min}} | + | {{Input|id=level-min|name=levelMin|type=number|min=1|max={{{maxLevel|135}}}|value=1|style=margin-right: 0;|labelStyle=display: block; padding-left: 0;|data=filter+level|data2=value+min}} |
<div style="font-family: system-ui; padding: 0 10px;">—</div> | <div style="font-family: system-ui; padding: 0 10px;">—</div> | ||
| − | {{Input|id=level-max|name=levelMax|type=number|min=1|max=135|value=135|labelStyle=display: block; padding-left: 0;|data=filter+level|data2=value+max}} | + | {{Input|id=level-max|name=levelMax|type=number|min=1|max={{{maxLevel|135}}}|value={{{maxLevel|135}}}|labelStyle=display: block; padding-left: 0;|data=filter+level|data2=value+max}} |
</div>}} | </div>}} | ||
{{#if:{{{Rang|}}}|<div style="font-weight: bold;">Rang</div> | {{#if:{{{Rang|}}}|<div style="font-weight: bold;">Rang</div> | ||
Version du 11 décembre 2024 à 11:39
Filtrer les monstres
