Sonataadminbundle: Make search results more ergonomic

[soullivaneuh]

I have a project with a lot of admin classes.

So when we do a global search, we have this kind of result:

As you can see (or not), only one box has a result. This is hard to find it.

I'm thinking of two solution:

• [ ] Colorize by default the boxes with results, with primary or info colors. An option to deactivate it may be added
• [ ] Add a show_empty_boxes option for search. If set to false, only boxes with results will be shown

Another idea?

[OskarStark]

Love your ideas 👍

maybe ordering them by the number of search results?

[soullivaneuh]

maybe ordering them by number of search results?

Not sure about that. Later, I would like to propose a feature to separate search result by section.

[ju1ius]

What's the point of showing empty boxes ?
The should never be shown IMO.

[ju1ius]

a feature to separate search result by section

The ability to query only a particular group would be also very nice.

[soullivaneuh]

The ability to query only a particular group would be also very nice.

Well, this will be a big change, let's start simple. :wink:

What's the point of showing empty boxes ?
The should never be shown IMO.

Empty boxes has link to create and/or go to list.

Plus, this permits to differentiate no-result boxes and not configured for search admins.

[soullivaneuh]

Two proposition for colorized boxes, please vote:

:+1: for this one:

:-1: for this one:

I prefer the first one, the color is more explicit.

[soullivaneuh]

And finally, the "Hide empty boxes" option would renders this:

What do you think?

[soullivaneuh]

Seems you prefer the first result for https://github.com/sonata-project/SonataAdminBundle/issues/3946#issuecomment-225869780.

But maybe primary color is to aggressive. I gave a try with info, it's smoother IMHO. Please vote:

:+1: for this:

:-1: for this:

[ju1ius]

Empty boxes has link to create and/or go to list.

Well then you could render boxes with results first, then the empty ones, so that relevant stuff comes first.

[soullivaneuh]

Or just have an option to allow empty box or not.

For my case, links on boxes are pointless. The option permits the users to have the choice.

[javiereguiluz]

And what about fading a bit the elements that contain no results?

Before

After

[OskarStark]

this looks awesome @javiereguiluz 👍

[soullivaneuh]

Nice idea @javiereguiluz! :+1:

Do you have the CSS part of what you did?

[core23]

Maybe we can use a library like Masonry to fill the empty spaces too

[OskarStark]

Maybe we can use a library like Masonry to fill the empty spaces too

Would be a cool feature 👍

[muspelheim]

@Soullivaneuh @OskarStark @core23 Hello, guys. Any news about this feature?

[core23]

Feel free to start @muspelheim 👍

[muspelheim]

@core23 ok, I will try to implement this.

I suggest implement 3 types of behaviors
1) show - all block will be show on result screen.
2) hide - hide empty blocks
3) fade - add opacity and gray color to empty blocks

• Masonry looks pretty good here.

[muspelheim]

So, I implement this feature and in bottom you can see the result:

show option

fade option

hide option

what do you think about it? may be need some changes?

sry, I replaced all private info, and some buttons was removed (counter of search results and buttons, but it here 🤕 )