History navigation: calendar, or enter date

[nadjet09]

The slide bar for history navigation is useful if user is navigating same day, but when dealing with large tracking history, it become a pain and time consuming to go to another date. You'll have to keep sliding and sliding may 20 ~ 30 time in order to get to a diffrent date if it is not 2 days far from your selection.

I suggest to mainly use calendar to select the date range and inside that date range you can use the slide bar for a fine filtering and navigation.

Please and thank you.

[nadjet09]

Just wanted to add more context about the navigation bar, hope this image makes it more clear.

[tacruc]

I agree, a rework of the filter would be nice. Unfortunately, my PhD thesis eats my time.
If anyone wants to give it a try I can help.

[nadjet09]

thank you so much for considering it, and good luck with your PhD

[nadjet09]

Just wanted to upvote this, to see if it's still under consideration, it's useful to add this feature to history navigation of the location trackings

[tacruc]

Sorry unfortunately still out of time.

[nadjet09]

No worries, I've cloned tried to paly abit with the source code, I have some c/cpp embedded system background, but never did any Javascript programming, and felt a bit lost to reverse engineering your code, do you have any recommendations for me where should I start? I can continue with the help of claude ai or chatgpt to make it work at the end.

[tacruc]

I'm currently on my phone. So exuseexcuse Me for the bad formatted message. Here are some quick helpful links here.
You probably want to get some basic knowledge about vue.
https://vuejs.org/guide/quick-start

The frontend is written in vue2 (which is outdated).

The slider component is implemented in:
https://github.com/nextcloud/maps/blob/master/src/components/map/Slider.vue

The

maps/src/views/App.vue

Line 267 in de794ad

sliderStart: 0,

binds all components together. Here the sliderStart and sliderEnd stores the selected range.

For building the Vue App you need the two commands.
npm build
And
npm run watch

[nadjet09]

Thank you so much, rhe instructions are clear, I'll take a look on vuejs

[tacruc]

By the way: https://github.com/juliusknorr/nextcloud-docker-dev
is super helpful for a development setup.