Improve date selection for reports

[nijel]

Is your feature request related to a problem? Please describe.

Current reporting period selection is not user-friendly:

Describe the solution you'd like

I'd like to see something like this:

[msanden]

Can I claim this issue?

[nijel]

Sure, you're welcome.

[rajat641]

Hi @nijel , Can I work on this. There is no update on this for a long time.

[nijel]

You're welcome! Yes, there are about two hundredths of issues without an update for a long time ;-)

[rajat641]

Hi @nijel ,
Today I explored on how to implement the above change and managed to find an already written JS component implementing the above feature. Here is the reference link http://www.daterangepicker.com/#config.
It looked somehow like this on my local machine-

Please ignore the styling details as it's just done for demonstration/clarification purposes to you.
It doesn't have a This Year and Next Year option(as given in the requirements image attached above) and I tried adding it but I did work out as its predefined.

I'm not sure If I can change styling or not as its already predefined. I haven't worked on UX before so please let me know if I'm following the right path or I have to write everything from scratch or maybe learn something else. I thought of using some Bootstrap/JQuery Plugin but I am not very confident about my approach.

[nijel]

Writing from scratch is certainly not needed, this one seems like a good choice (it has compatible license and it seems to be using Bootstrap, so hopefully it will not require much of additional styling).

We use yarn to manage the deps, see https://docs.weblate.org/en/latest/contributing/frontend.html for more info on that and other frontend development hints (I've just pushed some improvements to that, it will take few minutes to be fully up to date).

[WofWca]

Is it that not user-friendly? Nowadays browsers have pretty solid date pickers built in.

Maybe it's about simply making the inputs less W I D E.

[nijel]

The date selection itself is okay, but seeing directly chosen date range would be definitely nicer than current drop-down and two inputs...

[akhilsahuji]

@nijel is this feature is still needed ?

can i work on it ?

[nijel]

Yes, nobody has contributed this so far.

[akhilsahuji]

@nijel could you hint me on reproducing the report section mentioned above? I have set up the demo project, but I am unable to locate the specific report section shown in the screenshot.

[akhilsahuji]

i am guessing that we are talking about Translation progress reporting 🤞

[nijel]

Yes, Insights / Translation reports in the menu. Currently, there is a dropdown for range selection and two date inputs. Instead, there should be just two date inputs sent to the backend and client-side selection of the ranges. It should probably also include time to make it explicit (this is a frequent question we get).

Here are some additional examples of how it could look:

[harriebird]

Hi guys, check my PR #11826 for this issue.

[nijel]

Implemented by #11826

[github-actions]

Thank you for your report; the issue you have reported has just been fixed.

• In case you see a problem with the fix, please comment on this issue.
• In case you see a similar problem, please open a separate issue.
• If you are happy with the outcome, don’t hesitate to support Weblate by making a donation.