Feat: Tags Manager

[chakflying]

Description

• View tags and monitors belonging to that tag
• Edit tag name & color
• Delete a tag (option to delete monitors with that tag?)

Type of change

• User interface (UI)
• New feature (non-breaking change which adds functionality)

Checklist

• My code follows the style guidelines of this project
• I ran ESLint and other linters for modified files
• I have performed a self-review of my own code and tested it
• I have commented my code, particularly in hard-to-understand areas
  (including JSDoc for methods)
• My changes generate no new warnings
• My code needed automated testing. I have added them (this is optional task)

Screenshots (if any)

[karelkryda]

It looks amazing

[ashfn]

I'm thinking maybe instead of editing it there, there is just a list of the tags, with an edit button and a delete button and the edit button opens up a modal where you can edit it and see a list of monitors in the list and remove them, change the color using any hex color, and Maybe it would be cool if you could add an icon as well? and then you can save it there.

[chakflying]

There seems to be a lack of high quality color picker library for Vue 3 that supports dark mode. The one from Vuetify looks nice, but I'm not sure if we should pull in something that big. We could maintain our own, but I'm not sure if it's worth the trouble.

[Phyroks]

+1

[bengivre]

What is the issue not to merge that ?

[ghost]

What is the current status? When can we expect the function?

[chakflying]

Improved design according to suggestions, the color dropdown will now detect the custom hex color and display accordingly. Screenshots are also updated. It's not a lot of functionality but I think it's complicated enough as it is, maybe with edge cases I did not think of.

• no custom color picker
• no option to delete monitors with a tag
• does not handle individual values set with each monitorTag

[chakflying]

I also realized all the "Saved" messages from the server are not translated when they are displayed in the UI? Might want to add a way to handle this when displaying a toast.

[louislam]

I also realized all the "Saved" messages from the server are not translated when they are displayed in the UI? Might want to add a way to handle this when displaying a toast.

Yes, @karelkryda had opened a pr for server side translation.
#2232

[bengivre]

We are getting there, thank you <3

[shynekomaid]

Awesome!

[louislam]

Thanks, work as expected.