search

nextcloud / dashboard

ARCHIVED, new Dashboard is in the server
https://nextcloud.com/dashboard
GNU Affero General Public License v3.0
58 stars 29 forks source link

Advice/feedback on a descent way to add a setting panel for the next design of the dashboard: #32

Closed ArtificialOwl closed 6 years ago

ArtificialOwl commented 6 years ago

@nextcloud/designers

Hello,

I am rewriting from scratch the whole framework of the dashboard, the idea is to split each elements into Widgets, so the user can add/remove/move/resize each elements in his dashboard:

https://github.com/nextcloud/dashboard/tree/gridstack (there is some instruction in README about the installation process of the app)

The design issue

selection_033

You open the left panel using the Cog-Wheel. When you open the left panel, it 'unlocks' the widgets so you can add/remove/move/resize them. When you close the left panel, the grid is saved and you cannot move the widgets anymore.

If you open the left panel and click on a Widget, it should display the settings for this widget in the left Panel.

There is actually 2 testing widget:

The first one (Lorem Ipsum) is just a bunch of text, but let's imagine it displays your last mails: you will need to setup the IMAP server/login/password. Open the left panel, add the widget, and click on the widget while the left panel is still opened. You should see some input field, what do you think of this ?

The second widget (Disk space) have no option available.

Note: This is a WIP and in the final version you should not be able to add more than one identical widget: when a widget is enabled in your dashboard, it should be removed from the 'Add new widget' list. Right now you can spam the same widget all over the dashboard, this is an unwanted feature.

jancborchardt commented 6 years ago

Let’s step back a bit, and first think of a design concept. :)

The use of the app-navigation for configuration seems very strange. Remember, it’s a navigation.

I would simply expect there to be a 3-dot icon on every widget, with an entry for "Edit settings". That would then either open a modal / app-sidebar, or (more fancy) "rotate" the widget around and show its backside, where the settings are displayed.

There’s always an empty block with "Add new widget" on the right or bottom of the other widgets.

ArtificialOwl commented 6 years ago

I used the app-navigation to have the dashboard app working on small device (smartphone). I though also about the fancy rotation too, I am just afraid of the space needed by the settings for that widget.

What do you mean by modal / app-sidebar ? a panel that would open on the side of the widget ?

jancborchardt commented 6 years ago

@daita well, the space needed will be the same, no matter what container you use. But the navigation is not the proper element for this.

What do you mean by modal / app-sidebar ? a panel that would open on the side of the widget ?

Modal = modal like for the filepicker app-sidebar = app-sidebar element like in Files or Talk or Calendar, on the right side.

ArtificialOwl commented 6 years ago

Yup, navigation is definitively not the right way.

Thanks for your feedback !

jancborchardt commented 6 years ago

Opened new issue for further feedback: https://github.com/nextcloud/dashboard/issues/33

Closing this hence :)