Dynamic layout / sizing about kube-ops-view HOT 12 OPEN

The strict vertical layout of clusters is a huge waste of screen space as can be seen in this screenshot:

from kube-ops-view.

I am working on it. Here is very early stage (only scaling node height and bars): https://media.giphy.com/media/1BgNwU0jJkeDrQKCrH/giphy.gif

from kube-ops-view.

Yeah, I had no better solution... I have another idea, we can gather information about the largest node (the number of pods is the largest) and use it as a template for all nodes.
For instance, let's say that the largest node has 115 pods, we can get Sqrt of this (10.724) and create a grid 11x11 (now we have six pods per row) for pods in this node (and for every other). It has one drawback; if you had many small nodes (with a small number of pods) it would look somehow strange.

from kube-ops-view.

👍 Looks better than the variable height and if we keep the minimum size as before the layout would be the same for people with small notes.

from kube-ops-view.

@hjacobs What do you think about it?

• https://media.giphy.com/media/9rewXU06ZFbxcjFfCj/source.mp4
• https://media.giphy.com/media/lcM2I2oQ1HTAwWSMAc/source.mp4
• https://media.giphy.com/media/fHolINczeJZoSkCSnJ/source.mp4

The last one looks somehow crazy, but I added so many pods there ;D

from kube-ops-view.

I don't really like how the different node heights cause the "ragged" look, I would prefer to have something more aligned (but I have no good idea to achieve this).

from kube-ops-view.

Let's try it out..

from kube-ops-view.

Looks much better, methinks:

Nodes on the second screen look strange... so we could keep minimal width/height.

from kube-ops-view.

I have improved the gap between kube-system pods and others.

from kube-ops-view.

Another improvement: #217

from kube-ops-view.

The current version looks really good. What I'm missing is the ability to change the rectangle of the cluster. ATM it's always in a 4:3 scale but my monitor is 16:9 so there's always some space wasted. Can you detect what the screen ratio is and adapt the rectangle or give the user the ability to scale the rectangle?

Here's an example:

from kube-ops-view.

Hi! I need to resize the layout, could you please tell me how to add more columns, is an environment or what? thaks

from kube-ops-view.