argo-cd icon indicating copy to clipboard operation
argo-cd copied to clipboard

UI: Application <List|Tiles> View - Group by <cluster|project|namespace>

Open shaul75 opened this issue 2 years ago • 1 comments

Summary

I'd love to have the ability to display applications in a "group-by" view, using the deployment destination options (cluster|project|namespace).

Motivation

Lets say I want to view everything deployed in a particular project across clusters, I'd apply the project filter. all relevant applications are displayed, but they are not visually distinguishable and not organized according to clusters or namespaces.

Proposal

The implementation obviously involves a lot of UI/UX considerations to implement some more sophisticated display, one I could imagine is displaying it similar to the "app of apps" pattern where the root is the group by clause.

Though I also have a rather simple proposal much easier to implement.

Differentiate the Application box in CSS according to the cluster, project and namespace by automatically adding an appropriate CSS classes to the div.

This would allow customizing it by the cluster operators by deploying custom CSS colors per their desires (https://argo-cd.readthedocs.io/en/stable/operator-manual/custom-styles/)

shaul75 avatar Nov 17 '23 17:11 shaul75

Hi

Here we have multiple apps and each deployed on multiple targets (cluster/namespaces), so it would be great to have a grouping system by project and by target cluster

For inspiration, I can give you this screenshot of the karma tool (alert manager visualization) : https://github.com/prymitive/karma/blob/main/docs/img/screenshot.png

WTFKr0 avatar May 16 '24 15:05 WTFKr0