Make the interface of ETmoses something like ETmodel

[grdw]

This is the current layout:

This leaves lots of whitespace near the edges. Which makes this a really sad screenshot:

The chart on the middle-right is really really cramped while there's lots of space at the left and right.

I would prefer to change the layout to something like ETmodel:

This is just a really quick drawing I made so don't take it to seriously - it's just to get the idea accross. The idea was to create something similar to Gitlab:

Another reason for this change is - when there's going to be more charts in the future (which I guess it will) it will only become more and more of a hassle to fit them into the small stroke in the middle.

Including @ChaelKruip @antw @dennisschoenmakers

[ChaelKruip]

I like it that you are looking into this @grdw!

Also, the technology 'matrix' could use a big re-design IMO. Is this part of this effort as well?

[grdw]

Also, the technology 'matrix' could use a big re-design IMO. Is this part of this effort as well?

Not for now but this could be like a kickstarter for that; at least there will be more 'space' available to make nicer designs. 😄

[antw]

I'm not sure I follow why moving the menu to the left would make more space for charts? Most people are not using maximised 27" displays. I am, but my browser window is just wide enough to accommodate the Moses and ETModel UIs (that screenshot also has roughly the same whitespace as the site does when maximised on a 15" 1800p HiDPI display).

I've always found the left-aligned menu on ETModel to be quite limiting, because it reduces available horizontal screen space which could be dedicated to sliders or charts. But it's there by necessity as there are far too many items for a top-aligned menu.

[grdw]

Let's go back to the origin of the problem than. I understand the concern @antw is sketching.

I find this to be a not so optimal use of the 'chart'. It just looks really cramped in a tiny box. I know it was my original idea to set them side by side but right now I think it just looks bad. My original thought would be that if I make use of all the whitespace I see on my wide screen (which is where the thought went south), it wouldn't look so cramped.

Come to think of it - I get a better idea. Use tabs to split the view into two. This way you can show really large topologies properly and the chart will be wide like on the "load_profiles/show" page.

** Obviously here 'Households 1' needed to be selected in the tab menu but again - for the sake of the idea.

[antw]

I find this to be a not so optimal use of the 'chart'. It just looks really cramped in a tiny box.

I agree, and having the load chart the full width of the page would be really nice. I'm definitely with you there. 😆

What about if we reduced the topology diagram to be like the simple version on the import form (no labels, nodes closer together, show labels when hovering the node) and show the full-size topology in a separate tab as suggested, or when pressing a "maximise" button?

I think the topology needs to be visible somewhere on the load chart page, otherwise viewing the loads of different nodes will become a frustrating experience of constantly switching tabs.

[grdw]

Some Firefox HTML hackerdiehackie shows my perference:

I would love it if the first thing people see when they arrive on the show page is this. When they click on a node it will appear as a new tab and you see the chart "full width" (not 3D yet ... ).