<p></p>
<h3 dir="auto">Problem</h3>
<p dir="auto">Currently, we use a custom <code class="notranslate">PaginationMethods</code> module, which sorts and filters data using IDs. Sorting by other attributes (e.g., created_at or updated_at) does not work correctly, and implementing sorting with these attributes would require changes to <code class="notranslate">PaginationMethods</code>. Additionally, the Notes page does not currently use Turbo, but refactoring it to support sorting with pagination would allow seamless integration of this feature.</p>
<h3 dir="auto">Description</h3>
<p dir="auto"><code class="notranslate">PaginationMethods</code> could be modified module to handle sorting on attributes other than IDs, integrated with Turbo for pagination. This would allow us to add sorting to tables across the site. As an example, this feature could later be extended to the Notes page, where adding Turbo pagination would enhance the user experience with sortable columns and icons next to headers.</p>
<p dir="auto">I am eager to do some research and explore the best approach for this. Would appreciate any suggestions or ideas on how to proceed.</p>
<h3 dir="auto">Screenshots</h3>
<p dir="auto">On UI end integrating this into tables could look something like this(we would just add the sorting icons):<br>
<a href="https://github.com/user-attachments/assets/ca4cddfc-8060-437a-b49a-4eebdb56b554">Screenshot.2024-10-13.at.16.21.36.png (view on web)</a></p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/issues/5259">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLPHWWACGXRCXGUHAM3Z3KAUNAVCNFSM6AAAAABP3P6O2WVHI2DSMVQWIX3LMV43ASLTON2WKOZSGU4DIMBRG4YTMMA">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLJGINXOGON2IFRZ2VTZ3KAUNA5CNFSM6AAAAABP3P6O2WWGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHJUBHZBA.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/issues/5259</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/issues/5259",
"url": "https://github.com/openstreetmap/openstreetmap-website/issues/5259",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>