From 23942224d4c4b2e5872bebccc55f37dc5f121dad Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Sun, 30 Mar 2025 14:26:28 +0200
Subject: [PATCH] Added asc/desc sort toggle in the filter form
---
frontend/src/components/Map.vue | 2 +-
frontend/src/components/filter/Form.vue | 13 ++++++++++++-
2 files changed, 13 insertions(+), 2 deletions(-)
diff --git a/frontend/src/components/Map.vue b/frontend/src/components/Map.vue
index 6c1a807..422e9df 100644
--- a/frontend/src/components/Map.vue
+++ b/frontend/src/components/Map.vue
@@ -474,7 +474,7 @@ export default {
this.hasPrevPage = true
}
- newQuery.order = 'desc'
+ newQuery.order = newQuery.order || 'desc'
this.setQuery(
{
...newQuery,
diff --git a/frontend/src/components/filter/Form.vue b/frontend/src/components/filter/Form.vue
index 2fd1572..0547be5 100644
--- a/frontend/src/components/filter/Form.vue
+++ b/frontend/src/components/filter/Form.vue
@@ -99,6 +99,17 @@
</div>
</div>
+ <div class="order-container">
+ <label for="order">Order</label>
+ <select id="order"
+ name="order"
+ v-model="newFilter.order"
+ :disabled="disabled">
+ <option value="asc">Oldest points first</option>
+ <option value="desc">Newest points first</option>
+ </select>
+ </div>
+
<div class="resolution-container">
<label for="resolution">
<p class="title">
@@ -239,7 +250,7 @@ export default {
},
handleSubmit() {
- this.$emit('refresh', this.newFilter)
+ this.$emit('refresh', new LocationQuery(this.newFilter))
if (this.newResolution !== this.resolution) {
this.$emit('set-resolution', this.newResolution)
}