Text that convert interval seconds to days, hours, minutes, seconds

[bernarddt]

⚠️ Please verify that this feature request has NOT been suggested before.

• I checked and didn't find similar feature request

🏷️ Feature Request Type

UI Feature

🔖 Feature description

I would find it very useful if the GUI where you enter the intervals will also convert the interval from seconds to "days, hours, minutes and seconds" (depending if it is larger than each) and display the result under the text box like where the explanation is under the URL box, but under the interval box like here:

✔️ Solution

This just helps with monitors that are longer durations than seconds, so having an interval set to 90 will show a text like "1 Minute, 30 Seconds" or 3600 seconds will be "1 Hour, 0 Minutes, 0 Seconds".

I use large intervals that are some days or weeks apart, so having the seconds converted would help a lot to see that I'm using the correct value.

❓ Alternatives

No response

📝 Additional Context

No response

[CommanderStorm]

#3394 will add a similar feature to the backend.
I don't know if adding dayjs to the frontend is tolerable from a size-perspective though.

[CommanderStorm]

RelativeTimeFormat.format and converting down to the best fitting unit seems like a solid choice.
Using dayjs is fine to.
The datetime mixins live here: https://github.com/louislam/uptime-kuma/blob/master/src/mixins/datetime.js

[PritamP20]

I Could work on this, we should change the time show in seconds to the interval right, like min or hr, please assign to me

[Vaibhav-tech22]

Hi I would like to work on this, if it is still open. we can show time from seconds to hours/minutes that would be much more readable

[Vaibhav-tech22]

@bernarddt should this be done only for displaying the intervals or while taking the input too.

[Vivek-Py]

@CommanderStorm I have raised a PR to resolve this issue.

[bernarddt]

@bernarddt should this be done only for displaying the intervals or while taking the input too.

The idea is that it shows on the input screen like in the screenshot. This just help that you can see that your input is correct without having to save first. But it could show in other places as well.