|
|
Ligne 1 : |
Ligne 1 : |
| {{Filtre | | {{Filtre |
| |Niveau=Vrai | | |Niveau=Vrai |
| + | |Élément=Vrai |
| }} | | }} |
− | <div data-element="form" data-id="filter-form">
| + | |
− | <div style="position: relative; display: inline-block;">
| + | <div id="list-to-filter"> |
− | <div data-element="button" data-type="button" data-aria-controls="level-range" data-aria-haspopup="true" data-aria-expanded="false" data-style="padding: 10px 20px; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; cursor: pointer; user-select: none; display: inline-block;">Filtrer par niveau</div>
| + | <div data-niveau="5" data-élément="Feu">5 Feu</div> |
− | <div id="level-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;"> | |
− | <div data-element="label-input" data-id="level-min" data-type="number" data-min="0" data-max="135" data-value="0" data-style="display: inline-block; vertical-align: middle; margin-right: 10px; width: 40px; height: 20px; border: 1px solid #ccc; border-radius: 3px; appearance: none;">Niveau min.</div> | |
− | <div data-element="label-input" data-id="level-max" data-type="number" data-min="0" data-max="135" data-value="135" data-style="display: inline-block; vertical-align: middle; margin-right: 10px; width: 40px; height: 20px; border: 1px solid #ccc; border-radius: 3px; appearance: none;">Niveau max.</div>
| |
| </div> | | </div> |
− | </div>
| |
− | <div style="position: relative; display: inline-block;">
| |
− | <div data-element="button" data-type="button" data-aria-controls="level-range" data-aria-haspopup="true" data-aria-expanded="false" data-style="padding: 10px 20px; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; cursor: pointer; user-select: none; display: inline-block;">Filtrer par niveau</div>
| |
− | <div id="element" 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;">
| |
− | <div data-element="label-input" data-id="feu" data-type="checkbox" data-style="display: inline-block; vertical-align: middle; margin-right: 10px; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 3px; margin-left: 0;">Feu</div>
| |
− | <div data-element="label-input" data-id="glace" data-type="checkbox" data-style="display: inline-block; vertical-align: middle; margin-right: 10px; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 3px; margin-left: 0;">Glace</div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div id="list-to-filter"></div>
| |
| | | |
| | | |