Help with Libary Browser plugin

Plugins
1

Hi all,

I’ve just buyed an Allo Boss kit and I’m very satisfied of sound quality and the easy of use of Volumio.

I have a pretty large collection on my NAS, I would like to create a plugin to enhance the browsing of folder in Library.
I would like to add an alphabetical list to the upper navigation bar, in order to speed up the search for folders but I can’t find a way to achieve it.
I’ve read Plugin’s docs and I’m searching through the theme code for some event\hook\something to use for adding my code, but I don’t know what is the simplest way to add this feature… Can someone help me?

Thanks in advance :slight_smile:

k.

2

I’ve made a little patch to Volumio-UI, there is a new button in menu (only if browsing media-library) which allows to go through the list by clicking on the first letter of filter. It’s a quick and dirty code, but maybe should be a starting point for something better :wink:

https://pastebin.com/Pen2Jsew

Thanks,

k.

3

If you want to help on that, that is quite interesting to get a PR to add such functionality
Let me know if you need some help,

4

I’m still testing it, there are some things I have to fix before a PR (such as mobile view), some screenshot:

https://imgur.com/a/DV7pV5C

I have very little knowledge of AngularJs, but I’m reading the docs for improving, there will be surely a better way to achieve that feature :laughing:

k.

PS: grazie e complimenti per il progetto!

5

MMM IMHO it won’t work much on the usability side…
Maybe you can give a look at this PR and take inspiration:
github.com/volumio/Volumio2-UI/pull/305

6

I know, I’ts just a little bit more of a test, now that I know is possible, I’ll integrate it better in the UI… I thought it was possible to make it with a plugin, but I need to work with theme and app. I’m not a developer (I work as sysadmin) but with enough time I’ll try to do something usable (I hope… :wink: )

k.

7

A little graphic refactor, now the alphabetical navigation bar is inside a modal dialog, so it’s usable from mobile devices, here some screenshots:

https://imgur.com/a/YtozijL

I’ll test on my device and then if it works fine, I’ll create a PullRequest…

By the way, if anyone would like to test (and debug it), here’s the patch, apply to Volumio2-UI: https://pastebin.com/dPGw75Ca

k.

8

Oh… nice. This is very cool and will help navigating a big library A LOT. If I get a chance I’ll apply the patch and test.

9

Sorry for the late response, but here’s the PR: github.com/volumio/Volumio2-UI/pull/536

I’ve been using it daily for about a month without problems, but it require some better coding knowledge :wink:

Thanks!

k.