Modèle:Test1 : Différence entre versions
| [version vérifiée] | [version vérifiée] |
| (3 révisions intermédiaires par 2 utilisateurs non affichées) | |||
| 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> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;"> | ||
{{FiltreModule | {{FiltreModule | ||
| Ligne 37 : | Ligne 36 : | ||
|value6=5 | |value6=5 | ||
}} | }} | ||
| − | </div>}} | + | </div>}} {{#if:{{{Élément|}}}|<div style="font-weight: bold;">Élément</div> |
| − | {{#if:{{{Élément|}}}|<div style="font-weight: bold;">Élément</div> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;"> | ||
{{FiltreModule | {{FiltreModule | ||
| Ligne 66 : | Ligne 64 : | ||
|value7=aucun | |value7=aucun | ||
}} | }} | ||
| − | </div>}} | + | </div>}} {{#if:{{{Type|}}}|<div style="font-weight: bold;">Type</div> |
| − | {{#if:{{{Type|}}}|<div style="font-weight: bold;">Type</div> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;"> | ||
{{FiltreModule | {{FiltreModule | ||
| Ligne 104 : | Ligne 101 : | ||
|value10=aucun | |value10=aucun | ||
}} | }} | ||
| − | </div>}} | + | </div>}} {{#if:{{{Dégâts|}}}|<div style="font-weight: bold;">Dégâts</div> |
| − | {{#if:{{{Dégâts|}}}|<div style="font-weight: bold;">Dégâts</div> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;"> | ||
{{FiltreModule | {{FiltreModule | ||
Version actuelle datée du 13 décembre 2024 à 14:20
Filtrer les monstres
