Translations for pagination doesn't contain numbers

[Saibamen]

Is it a duplicated question?
No

Describe the bug
Translations for pagination doesn't contain numbers

To Reproduce
Steps to reproduce the behavior:

1. Go to dashboard
2. Scroll to the bottom
3. See Showing to of records

Expected behavior
Showing X to Y of Z records

Info
Uptime Kuma Version:
Using Docker?: No
Docker Version: --
Node.js Version (Without Docker only): 14.17.3
OS: Windows
Browser: Chrome

Screenshots

CC: @cmandesign (i18n for pagination was added in #487)

[Saibamen]

Changed
"Showing {from} to {to} of {count} records"
to
"Showing {{from}} to {{to}} of {{count}} records"

so the i18n keys are correct, but how to fix rendering?

[gaby]

I don't even think these are necessary. Look how clean Google looks without any data below the page numbers:

[Saibamen]

matfish2/vue-pagination-2#83

Without count:

[gaby]

That looks way better. The arrows should also be simplify.

Comparing to Google's design.

• The left arrows shouldn't be render if on Page 1.
• Same applies if there's only 1 page, don't render the arrows.

[Saibamen]

For this we should implement own template (https://github.com/matfish2/vue-pagination-2/tree/vue3#custom-template)

Now I just added chunksNavigation: "scroll", option:

[deefdragon]

• The left arrows shouldn't be render if on Page 1.
• Same applies if there's only 1 page, don't render the arrows.

I prefer disabling/greying out instead of not rendering. It makes it easy to keep your mouse in the same place when navigating the pages. It might not be reasonable given the minor difference between disabled and enabled in UK tho.

[chakflying]

I guess we can make it opacity: 0 so that it still takes up the same space. I agree that the difference between active and disabled is not very clear.

[Saibamen]

I was waiting for #790 to delete lang keys

I will create PR today

[Saibamen]

PR: #809