Add links to tactical overview headers

[jrauh01]

Add links on the tactical overview chart headers that open the lists that the donut charts represents considering the active filters.

Closes #820

[flourish86]

lgtm so far.

We also discussed the hover effect for the donut label. Are you going to add that as well?

[flourish86]

Haha, found it. icingaweb2/#5400

[jrauh01]

Haha, found it. icingaweb2/#5400

Sorry, could have written it here. 😅

[sukhwinder33445]

The blue numbers don’t fit here. The .action-link (ActionLink class) is used for links which trigger an action, such as opening a modal. This is just a regular link, and visually it also looks odd.

What do you suggest @flourish86?

I suggest using a style similar to what the Hostgroups list uses:

Suggestion:

On Hover:

[flourish86]

What do you suggest @flourish86?

"Not Fitting" is a quite subjective.

The current solution already was my suggestion. The idea was to make it obvious that the number is clickable and the icing-blue highlight is the most obvious we have in our ui. So it was the best compromise we came up with (underlining them would make it harder too read, besides that we don't really have that elsewhere consistently

Suggestion:

On Hover:

I see suggestion has two issues in comparison with the current one

1) the element looks quite oddly spaced (esp. in hover state)

to fix that I would rather suggest to align the label and the value horizontally (see mockup), since it makes better use of the space.

2) It's not obvious, that it's clickable without hovering.

• This applies to the "Total" element in the host group list items as well, but at least it is surrounded with clickable elements, which is not the case for Tactical Overview tiles
• It is too similar to the heading.