kube-ops-view icon indicating copy to clipboard operation
kube-ops-view copied to clipboard

Published 20 hours ago • verified publisher icon hjacobs

Dynamic layout / sizing

Open hjacobs opened this issue 8 years ago • 12 comments

Cluster and node sizes need to be completely dynamic. The current node box width/height is hardcoded.

hjacobs avatar Dec 16 '16 19:12 hjacobs

The strict vertical layout of clusters is a huge waste of screen space as can be seen in this screenshot: screenshot_2017-02-13_20-32-21

hjacobs avatar Feb 13 '17 19:02 hjacobs

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

tomislater avatar Feb 26 '19 22:02 tomislater

@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

tomislater avatar Feb 28 '19 22:02 tomislater

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).

hjacobs avatar Feb 28 '19 22:02 hjacobs

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.

tomislater avatar Mar 01 '19 09:03 tomislater

Let's try it out..

hjacobs avatar Mar 01 '19 10:03 hjacobs

Looks much better, methinks: screenshot 2019-03-02 at 14 30 32 screenshot 2019-03-02 at 14 29 27 screenshot 2019-03-02 at 14 28 25 screenshot 2019-03-02 at 14 28 00

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

tomislater avatar Mar 02 '19 13:03 tomislater

screenshot 2019-03-02 at 14 36 46

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

tomislater avatar Mar 02 '19 13:03 tomislater

:+1: 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.

hjacobs avatar Mar 02 '19 14:03 hjacobs

Another improvement: #217

tomislater avatar Mar 12 '19 17:03 tomislater

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: Screenshot_2019-05-15_11-37-59_cropped

XenGi avatar May 15 '19 09:05 XenGi

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

guillermodep avatar Jan 03 '20 12:01 guillermodep