Modèle:Test1 : Différence entre versions

[version non vérifiée][version vérifiée]
(Page blanchie)
(Balise : Blanchiment)
 
(45 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{LoadJavascript|Script=element}}
 
{{Form|style=position: relative; display: flex; gap: 20px; align-items: center; flex-wrap: nowrap; height: 35px; font-size: 1.1em;|id=filter-form|content=
 
{{Input|id=filter-name|name=filterName|style=grid-area: 1 / -1; width: 100%; height: 100%; padding: 3px 20px 3px 52px; margin: 0; border-radius: 999px;|labelStyle=height: 100%; flex-grow: 1; padding: 0; margin: 0; display: grid; align-items: center;|placeholder=Rechercher un {{#switch:{{PAGENAME}}|Monstres=un monstre|Pierres Metin=une pierre Metin}}|text={{Svg|style=height: 100%; grid-area: 1 / -1; z-index: 10; padding: 0 10px; background: rgba(0, 0, 0, .16); border-radius: 999px;|height=24|viewBox=0 -960 960 960|width=24|data=search}}}}
 
{{Button|style=height: 100%; padding: 0 10px; border-radius: 999px; border-bottom-width: 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>
 
}}
 
<div style="position: absolute; top: calc(100% + 5px); right: 0; background: white; border: 1px solid #ccc; padding: 10px; border-radius: 8px; width: 500px; text-align: left; z-index: 10; max-height: 300px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px;">
 
{{#if:{{{Niveau|}}}|<div>Intervalle de niveau</div>
 
<div style="display: flex; align-items: center; gap: 20px; padding: 0 5px;">{{Input|type=number|value=1|style=padding: 0; width: 60px; height: 24px;|labelStyle=padding: 0;}} <span>&le;</span> <span>Niveau</span> <span>&le;</span> {{Input|type=number|value=135|style=padding: 0; width: 60px; height: 24px;|labelStyle=padding: 0;}}</div>}}
 
{{#if:{{{Rang|}}}|<div>Rang</div>
 
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;" data-filter-by="rank">
 
{{FiltreModule
 
|id=rank
 
|Type=Checkbox2
 
  
|Checkbox1=<span style="text-overflow: ellipsis; overflow: hidden;>1 🔹</span>
 
|id1=1
 
 
|Checkbox2=<span style="text-overflow: ellipsis; overflow: hidden;>2 🔹🔹</span>
 
|id2=2
 
 
|Checkbox3=<span style="text-overflow: ellipsis; overflow: hidden;>3 🔹🔹🔹</span><span style="color: rgb(159, 159, 159); font-size: 12px; margin-left: auto;">(127)</span>
 
|id3=3
 
 
|Checkbox4=<span style="text-overflow: ellipsis; overflow: hidden;>4 🔹🔹🔹🔹</span><span style="color: rgb(159, 159, 159); font-size: 12px; margin-left: auto;">(127)</span>
 
|id4=4
 
 
|Checkbox5=<span style="text-overflow: ellipsis; overflow: hidden;>Boss 🌟</span><span style="color: rgb(159, 159, 159); font-size: 12px; margin-left: auto;">(127)</span>
 
|id5=5
 
 
|Checkbox6=<span style="text-overflow: ellipsis; overflow: hidden;>5 🌟🌟</span><span style="color: rgb(159, 159, 159); font-size: 12px; margin-left: auto;">(127)</span>
 
|id6=6
 
}}
 
</div>}}
 
{{#if:{{{Élément|}}}|<div>Élément</div>
 
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; padding: 0 5px;">
 
{{FiltreModule
 
|id=elem
 
|Type=Checkbox2
 
 
|Checkbox1=[[Image:Elementfeu.png|25px|link=]]<span style="text-overflow: ellipsis; overflow: hidden;>Feu</span><span style="color: rgb(159, 159, 159); font-size: 12px; margin-left: auto;">(127)</span>
 
|id1=fire
 
 
|Checkbox2=[[Image:Elementglace.png|25px|link=]]<span style="text-overflow: ellipsis; overflow: hidden;>Glace</span><span style="color: rgb(159, 159, 159); font-size: 12px; margin-left: auto;">(127)</span>
 
|id2=ice
 
 
|Checkbox3=[[Image:Elementfoudre.png|25px|link=]]<span style="text-overflow: ellipsis; overflow: hidden;>Foudre</span><span style="color: rgb(159, 159, 159); font-size: 12px; margin-left: auto;">(127)</span>
 
|id3=lightning
 
 
|Checkbox4=[[Image:Elementvent.png|25px|link=]]<span style="text-overflow: ellipsis; overflow: hidden;>Vent</span><span style="color: rgb(159, 159, 159); font-size: 12px; margin-left: auto;">(127)</span>
 
|id4=wind
 
 
|Checkbox5=[[Image:Elementobscurite.png|25px|link=]]<span style="text-overflow: ellipsis; overflow: hidden;>Obscurité</span><span style="color: rgb(159, 159, 159); font-size: 12px; margin-left: auto;">(127)</span>
 
|id5=darkness
 
 
|Checkbox6=[[Image:Elementterre.png|25px|link=]]<span style="text-overflow: ellipsis; overflow: hidden;>Terre</span><span style="color: rgb(159, 159, 159); font-size: 12px; margin-left: auto;">(127)</span>
 
|id6=earth
 
 
|Checkbox7=<span style="text-overflow: ellipsis; overflow: hidden;>Aucun</span><span style="color: rgb(159, 159, 159); font-size: 12px; margin-left: auto;">(127)</span>
 
|id7=none
 
}}
 
</div>}}
 
</div>
 
}}<noinclude>[[Catégorie:Nouveaux modèles]]</noinclude>
 

Version actuelle datée du 21 décembre 2024 à 18:45