Status Page customization

[ijonjic11]

Hello,

It would be cool to be able to change status page language,or make some sort of translate mappings. It would be super usefull for those who will use supercheck as the part of existing app portfolio (which is all in another language) and wants to translate things like "Major Outage" to wanted language.

[krish-kant]

Hi @ijonjic11, I am looking into this, seems like a good feature to have.. I will get back soon.

[ijonjic11]

Hi @krish-kant,

Thank you for such a fast reply. I will extend my idea a little bit more.

So, what I want to achieve is to be able to translate entire status page to another language,that includes:

-Impact and status naming

• Text under Impact value - for example: When imapact is: Major Outage there is following text under it: Services are currently unavailable
• Subscribe button
• Month and day naming
• "No incidents reported."
• All text under subscribe button
  -"Uptime over the past 90 days"
• Uptime bar (Today, "uptime" word in the middle, 90 "days ago")
• Text in mail notification

Basically, all things that facing the real users should be customizable.

Maybe asking too much,and If I do, please can you help do this manually. I found the files that need to be changed but after that I've stuck on rebuilding image again.

P.S. All functions should stay the same under the hood, this is just cosmetic proposition that would be cool.

Thank you in advance!

[krish-kant]

@ijonjic11 does this cover the language you are interested in? I'll add ability to select language in settings for status pages.

{ code: "en", label: "English", nativeLabel: "English" },
{ code: "ar", label: "Arabic", nativeLabel: "العربية" },
{ code: "cs", label: "Czech", nativeLabel: "Čeština" },
{ code: "da", label: "Danish", nativeLabel: "Dansk" },
{ code: "de", label: "German", nativeLabel: "Deutsch" },
{ code: "es", label: "Spanish", nativeLabel: "Español" },
{ code: "fi", label: "Finnish", nativeLabel: "Suomi" },
{ code: "fr", label: "French", nativeLabel: "Français" },
{ code: "hi", label: "Hindi", nativeLabel: "हिन्दी" },
{ code: "hu", label: "Hungarian", nativeLabel: "Magyar" },
{ code: "it", label: "Italian", nativeLabel: "Italiano" },
{ code: "ja", label: "Japanese", nativeLabel: "日本語" },
{ code: "ko", label: "Korean", nativeLabel: "한국어" },
{ code: "nl", label: "Dutch", nativeLabel: "Nederlands" },
{ code: "no", label: "Norwegian", nativeLabel: "Norsk" },
{ code: "pl", label: "Polish", nativeLabel: "Polski" },
{ code: "pt", label: "Portuguese", nativeLabel: "Português" },
{ code: "ro", label: "Romanian", nativeLabel: "Română" },
{ code: "ru", label: "Russian", nativeLabel: "Русский" },
{ code: "sv", label: "Swedish", nativeLabel: "Svenska" },
{ code: "tr", label: "Turkish", nativeLabel: "Türkçe" },
{ code: "uk", label: "Ukrainian", nativeLabel: "Українська" },
{ code: "zh", label: "Chinese (Simplified)", nativeLabel: "中文" },

[ijonjic11]

Hi,

I need Croatian(nativeLabel: Hrvatski).

Can you add that one too?

[krish-kant]

@ijonjic11 please check the requested changes on https://demo.supercheck.dev

These will be included in next official release in few days but if you want to test them locally too you can use below version and restart docker compose.

SUPERCHECK_VERSION=1.3.0-canary-6

New option to set language in status page settings:

let me know if you have any further feedback.

[ijonjic11]

Hello @krish-kant ,

This is AWESOME! Everything looks perfect, can you just take a look at this and fix it(if possible):

instead "dana prije" should be "90 dana prije".

Also, can you check favicon function? Still showing "green tick" favicon instead custom one.

Thank you once more!