decidim-archive / design

⚠️ [DEPRECATED] Design of the Decidim framework

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Proposal management panel novelties

Xfolchf opened this issue · comments

Just to be sure, we are talking about this kind of pages that need some sort of sorting interface, right? @carolromero, @decidim/product:

screen shot 2018-01-17 at 16 08 59

@javierarce Yes! That panel, with a search box as well an the possibility to select many and execute different actions on the selected ones

Ok, here are some screens with the new interface (or, to seem the more comfortably, here: https://marvelapp.com/1331hdig)

This is a regular screen with nothing selected:

no selection

The sorting of the columns is accomplished by clicking on the labels. The first time you click on one of them, makes the order descending, the second click, ascending.
sort

This solution comes from discourse forums and allow us to have a minimal interface without cluttering the UI (I've tried other options like having a filter line, having the up and down triangles visible all the time… but they complicate the interface).

Once we select one or more rows, we show possible actions (in the image a delete button, but we could have other actions)
all selected
n selected

Finally, the search and filter options (both of them are already implemented). Optionally, in case there's an active search, the message in read will appear to allow removing the applied filters and search term:

search

@javierarce brilliant!

Can we ask something else, it is just one more step: there are different actions that can be performed other than "delete", would it be possible to design something that accommodates different actions? or just they simply appear as different buttons next to Delete? If so, should we define a color (say green) for those actions that are not negative (like "delete") or creative (like "new") but involve transformations (like "change category", "approve", "move", etc.)?

Thanks!

Regarding your last suggestion: absolutely. My idea in case we had several different actions for a give set of items was to have a selector like this:

actions

Upon clicking the button we would show a list with all the possible actions (we can use the same design as we have now for the list)

Excellent! 😄

Just saw this PR decidim/decidim#2585 … I'll update this issue with the right placement of the category form in the new design.

Here's the solution for the "recategorization" of items. To save space we could also put the remove button inside of the list of available actions:

apply categories

actions

looks great!

👍 will use it in issue decidim/decidim#2291