Reorganize properly the main left menu


#1

Hello,

I like the Nethserver webgui.
It’s clear, It’s simple, the minimalist design is good.

But I noticed that there’s things to improve or at few to standardize.

For exemple the help button, sometime is on the upper right, other time it could be at the bottom right.
Other exemple: the Disk Usage and the IPS which are on the left menu, when ntop is in TAB in the dashboard…
Why not put the Disk occupation and the IPS menu entry in a tab too?

Why “DHCP”, “DNS”, “NETWORK” are in “configuration” and not in “Gateway”.

I don`t want to make a revolution… But I simply want to make a “brainstorm” to standardize the webgui.

What do you think? What is your opinion?


(Filippo Carletti) #2

Those were in a tab in a previous release, but it had the side effect of slowing down logins, so they moved to a separate page.
I agree with your observations and I’d like to polish things in a future version.
Could this thread be the place to discuss future gui design?


(Alessio Fattorini) #3

Cool! Why not? I like the brainstorm approach suggested by @Jim

You’re right, @davidep is your man :smile:


(Davide Principi) #4

Could you provide some examples?

AFAIK, the typical layout is tables use buttons on the top, other forms on the bottom. But there can be exceptions/inconsistencies!

This should be quite easy to fix. Code example from “Organization” module, in nethserver-base:

The echo prints out the button line at the bottom of the form. If we move the line we move the buttons.

Please, feel free to open a PR on GitHub where you find UI inconsistencies!


(Alessio Fattorini) #5

That’s an helpful tips. What do you think @jim?


(Alessio Fattorini) #6

I moved 11 posts to a new topic: What about a customizable left menu?


What about a customizable left menu?
What about a customizable left menu?
What about a customizable left menu?
#7

What is a PR ?


(Gabriel GHEORGHIU) #8

Pull Request


#9

Thank you GG_jr


(Alessio Fattorini) #10

3 posts were split to a new topic: Header and the left menu for application


#11

The help button is on the upper right

And here it’s not on the upper right


#12

Now that Nethserver 6.7 is out.

What do you think about standardize this webgui? for pinning this Help button :laughing:

And to reoganize this left menu…
For exemple:

  1. To group all reports and log in one item menu ( REPORTS )
  2. To group all about local configuration ( like the servername, network interface, time…) ( LOCAL CONFIG )
  3. To group all services, and application in SERVICES, and treat all application as a service ( Shorewall, Proxy, Owncloud, Rundcube…
    4)) To group all utilities ( shellinabox, bandwidth monitor, disk usage, shutdown…) in TOOLS

Did you have a better way to organize this left menu?


(Alessio Fattorini) #13

Moved on feature and changed the title :grimacing:


What about a customizable left menu?
#14

“Reorganize properly”… Okay but you assume.
And I know your opinion about the actual menu… dirty :laughing:


(Gabriel GHEORGHIU) #15

Hi everybody,

My point of view (based on NS 6.7 rc1).

Is not the proper order. Just for grouping.

I will try in weekend to adapt to NS 6.7 final release.


(Alessio Fattorini) #16

Uh that’s a great work but maybe an image isn’t the best tool to co-operating together, a google spreadsheet (with blocks and rows) should suit better IMHO


(Gabriel GHEORGHIU) #17

I know. I will try in weekend to do that.


(Jose "Martin" Abeleira. AKA Marto) #18

I like it


(Stefan) #19

I like it as well. :+1:


(Gabriel GHEORGHIU) #20

Hello everybody!

Thank you Alessio, @mabeleira, @WillZen!

My point of view based on NS 6.7 (final).
Is not the proper order. Just for grouping.

NethServer 6.7 (final) installed from scratch as AiO - VM in VirtualBox.
All updates.
I have installed everything from Software center, without Languages.

It is possible that I have missed something in UI_6.7_final.xlsx.