Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI enhancements to plugin manager #2218

Merged
merged 12 commits into from Mar 14, 2017
Merged

UI enhancements to plugin manager #2218

merged 12 commits into from Mar 14, 2017

Conversation

declension
Copy link
Member

  • Add filter combo for plugin type (songsmenu, event, editing etc)
  • Use larger icons in keeping with other UI trends
  • Better padding, and increase window size to allow for extra width
  • Some minor tidying.

This fixes #1460.

 * Add filter combo for plugin type (songsmenu, event, editing etc)
 * Use larger icons in keeping with other UI trends
 * Better padding, and increase window size to allow for extra width
 * Some minor tidying.

 This fixes #1460.
@declension
Copy link
Member Author

Made it a PR as some UI changes are opinion-driven and we can discuss / improve.

@lazka especially, when you can get some time please see what you think.

@lazka
Copy link
Member

lazka commented Feb 2, 2017

Random thoughts:

  • I get lots of
Traceback (most recent call last):
  File "/home/lazka/Desktop/quodlibet/quodlibet/quodlibet/qltk/pluginwin.py", line 221, in cell_data2
    width, height)
GLib.Error: g-file-error-quark: Failed to open file '/org/gtk/libgtk/icons/24x24/actions/gtk-edit.png': No such file or directory (4)

while scrolling. haven't looked why.

  • I know that I always have a hard time adjusting to more/less padding, so while it looks to much to me I guess it just takes time. Is there some middle ground maybe?
  • The top search bar looks a bit crammed, especially with translations QUODLIBET_TEST_TRANS=##### ./quodlibet/quodlibet.py . Maybe we can use Gtk.SearchBar? https://developer.gnome.org/gtk3/stable/GtkSearchBar.html Can be seen in gnome-system-monitor if you press ctrl+f in the process list.

@declension
Copy link
Member Author

Not sure about the GLib.Errors - I don't seem to get them. Maybe need to test for existence of theme icons before using anyway?

I know that I always have a hard time adjusting to more/less padding, so while it looks to much to me I guess it just takes time. Is there some middle ground maybe?

Of course - I've just pushed a smaller version (I might prefer this also actually). Wanted to start the discussion...

The top search bar looks a bit crammed, especially with translations QUODLIBET_TEST_TRANS=##### ./quodlibet/quodlibet.py. Maybe we can use Gtk.SearchBar? https://developer.gnome.org/gtk3/stable/GtkSearchBar.html Can be seen in gnome-system-monitor if you press ctrl+f in the process list.

Agreed, and I did worry about translations. A few options (not mutually exclusive):

  • increase the width a bit more.
  • Use that Gtk.SearchBar - but not sure it affects the width much
  • Move to using two rows, i.e. move the search bar somewhere else
  • The option I've considered since the beginning - lose the new combo and use a real TreeView for the plugins with grouping by plugin type....

@lazka
Copy link
Member

lazka commented Feb 2, 2017

Not sure about the GLib.Errors - I don't seem to get them. Maybe need to test for existence of theme icons before using anyway?

I'll have a look later.

Of course - I've just pushed a smaller version (I might prefer this also actually). Wanted to start the discussion...

looks good to me now, thanks

The top search bar looks a bit crammed, especially with translations QUODLIBET_TEST_TRANS=##### ./quodlibet/quodlibet.py. Maybe we can use Gtk.SearchBar? https://developer.gnome.org/gtk3/stable/GtkSearchBar.html Can be seen in gnome-system-monitor if you press ctrl+f in the process list.

Agreed, and I did worry about translations. A few options (not mutually exclusive):

  • increase the width a bit more.
  • Use that Gtk.SearchBar - but not sure it affects the width much
  • Move to using two rows, i.e. move the search bar somewhere else

Yeah, I was thinking have the comboboxes always shown and slide in the search bar underneath.
Maybe with a search button on the right in addition to the ctrl+f shortcut.

Or we merge the two comboboxes. That would lose you the ability to e.g. show all activated cover plugins..

  • The option I've considered since the beginning - lose the new combo and use a real TreeView for the plugins with grouping by plugin type....

Probably less confusing.. but more work I guess.

pixbuf = GdkPixbuf.Pixbuf.new_from_file_at_size(filename,
width, height)
surface = get_surface_for_pixbuf(self, pixbuf)
render.set_property("surface", surface)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

scratch all that and just use render.set_property('stock-size', Gtk.IconSize.LARGE_TOOLBAR)

@declension
Copy link
Member Author

I played around with Treeview for the plugins instead, but it's still a bit ugly / clunky currently - not sure which is better really.

@lazka do you know if there's a way of having GTK+ render the group rows entirely differently to the "normal" ones (e.g. no / different columns)?

image

@lazka
Copy link
Member

lazka commented Feb 12, 2017

Hm, never needed that. What happens if you set props.visible=False for the cell renderers on the top level.

@declension
Copy link
Member Author

@lazka - thanks. Changing visible works, but:

  • is inherited by the children, so you have to override it (back to True) there
  • permanently adjusts the rendering once you expand one of the groups - i.e. pushes the alignment of the Group title out to the same place as the children (as above really)... so probably not usable here.

I guess the simpler way is to ditch the columns entirely (or make one) and make a single cell renderer that packs an HBox full of all the components, with some careful alignment to make it look consistent). Probably lose a few native view features though, not sure.

@ptitjes
Copy link
Collaborator

ptitjes commented Feb 26, 2017

@declension Are we sure the plugin type is the most understandable way to group for users ? I feel it is more a technical point of view and that we need some more semantic plugin attributes to group plugins together.

Just as an example, your screenshot tells me that maybe the covers type plugin instances and the songsmenu 'album art' could be grouped in the tree.

@ptitjes
Copy link
Collaborator

ptitjes commented Mar 1, 2017

And there is also the existing tag mechanism to take in account, BTW. See #2283.

 * Use native `Gtk.SearchEntry` (full `SearchBar` felt a bit weird in the end) and move below
 * Revert size changes
 * Add tooltips for the combo boxes
 * improve padding / margins
@declension
Copy link
Member Author

@lazka went with just a simple SearchEntry below in the end, works well and no width issues (full SearchBar felt a bit out of place there). Parking any TreeView discussions for now, too many things in flight. Tidied up some other GUI niggles whilst there too.

You happy for me to merge this?

@lazka
Copy link
Member

lazka commented Mar 7, 2017

I'm not a fan of the new window margin and search frame

# Conflicts:
#	quodlibet/quodlibet/qltk/pluginwin.py
...closer to original / current layout now
@declension
Copy link
Member Author

@lazka is that better BTW?

@lazka
Copy link
Member

lazka commented Mar 14, 2017

ok

@declension
Copy link
Member Author

@lazka OK thanks for reviewing - merging

@declension declension merged commit 72df55d into master Mar 14, 2017
@declension declension deleted the improve-plugin-manager branch March 14, 2017 15:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add more plugin groups in Plugin Window
3 participants