Sortierung und Listen Filter

SmartListSort v2 – Einsatzmöglichkeiten

1) Sortierung

• data-date-created, data-date-updated (ISO oder DD.MM.YYYY)
• data-alpha (Fallback: Textinhalt)
• data-number, data-price (deutsche Zahlen)
• Beliebiges Feld: attr:<key>:asc|desc (liest data-<key>)

2) Filter

• Custom-Dropdown (Multi) mit Checkboxen: data-role="filter" data-key="location" data-multi="true"
• Standalone-Checkbox-Gruppe: Container-ID + key in checkboxGroups
• Ranges: je Feld ein Paar minId/maxId in rangePairs
• Logik: Innerhalb eines Keys OR, zwischen Keys AND; Ranges und Suche werden zusätzlich per AND verknüpft.

3) Suche

• Mehrere Inputs möglich (AND zwischen Inputs)
• Durchsucht frei definierte Keys (z. B. alpha, craftsman, city, plz)
• Sonst: data-search + Textinhalt
• Umlaute normalisiert (ä→ae, ö→oe, ü→ue, ß→ss)

4) Sichtbarkeit

• reorder: Alles sichtbar; nur Reihenfolge geändert
• filter-hide: Nicht-matching Elemente werden ausgeblendet
• show-on-select: Anfangs unsichtbar; wird sichtbar, wenn Filter/Range/Suche aktiv ist

5) Reset

Button mit data-reset-target="#container" setzt Dropdowns, Checkboxen, Ranges und Suche zurück & stellt Ursprungsreihenfolge her.

6) Markup-Konventionen

• Keine <select>, keine <a>; nur .sls-dropdown, .sls-toggle, .sls-menu, .sls-item.
• Checkbox im Dropdown: <div class="sls-item" data-value="X"><input type="checkbox"> X</div>
• Standalone-Checkboxen: innerhalb eines Containers, z. B. #chk-city; Werte per data-value oder value.
• Range-Paare: zwei <input type="number"> (min/max), IDs in rangePairs registrieren.
• Datenfelder an Items: z. B. data-price, data-width, data-length, data-location, data-city, …