volumio / volumio2-ui Goto Github PK

Some accented caracters display is wrong "é" "è" "ê"

Feature request: In v1.55 clicking on browse will bring up a menu (similar to foobar's library) where music is sorted by artist/album and clicking on each subheading would filter the songs.

Currently in RC2, if music is on a NAS, Instead of seeing the music after clicking browse, you'll have to click on Music Library -> NAS -> (NAS folder name) -> unsorted list of music

I was wondering if it would be possible to bring back pieces of the old interface (less clicks to get a list of artists/albums) and/or move favorites/webradio into their own tab

I tried upcycle my old Kindle and opened volumio UI in the browser but this device has no websocket implementation. Maybe there are more device with this disadvantage.

So there could be a static page which reloads
30 seconds by HTML meta tag. It should be enough to show the current playing song and the next in the playlist.

The kindles previous/next page buttons could eventually be used for interaction...

The result of research cannot be played : nothing happen

Just an idea, why don't we add the letters of the alphabet running down the left of right of the screen next to the scroll bar, that makes it easier to jump to a place in the list. This would be especially useful on large libraries.

Attached an image of what I mean.

in RC2 from the main interface, it is possible to click on the '...' icon to bring up an option for 'go to album' and 'go to artist'.

once either one of those is triggered, im guessing a json query is sent in the background and the page navigates to /browse

My suggestion is to make the 'Playing [Song] by [Artist] from [Album]' from the /browse page a link that would be clickable to run the same query. Also make the Artist/Album a link on the main page to run this query.

I mount the folder twice :
using cifs
using nfs
The size displayed differs in webUI
In the console you can see that it contains the same things.
Have you noticed the same ?

You can't change the song in the playback window (even with other in the queue) if your are not playing a song (stop or pause)

I'm going to collate all of my feedback for RC1 here. The system works beautifully for me so 90% of my feedback is UI based.

1. Volume icon on the mobile UI should go green when active and the volume slider is out.
2. Next/Back icons should also do the same as above when they are touched on the mobile UI.
3. Multi room dock image and text not centred.
4. Consistency with capitals throughout the UI.
5. Network status randomly shows red tick.
6. The setting 'Mixer control' is confusing and needs some help documentation.
7. Alarm modal needs some place holder text when no alarms present.
8. Sleep modal inputs are not aligned.
9. Suggestion: When hovering over album art in Queue display a play button overlay. Double click works but this is not clear.
10. When clicking on another device in the multiroom dock, it displays two of the current device. (Will get a screen shot for this).
11. Is it possible to display the bitrate of a radio stream in the playback knob?
12. I occasionally get partial or failed album art loads.
13. Mute still doesn't work for me.
14. System setting to change the background image would be really really awesome!
15. Control a hrefs all need a title tag adding to them for usability.
16. Album title in now playing coloured volumio green would really satisfy my OCD.
17. If you have a lot of items in the queue it can take a long time to load during which the UI is completely unresponsive, Maybe a loading swirl is needed to show something is happening?
18. Need a space after the artist in the play queue, Its currently Artist- Album should be Artist - Album.
19. Input and Buttons when connecting to wireless network are not aligned.
20. If you connect to wired and wireless networks at the same time, the network status columns are not aligned.
21. A force refresh button would be very helpful for wireless networks.
22. There is no way to clear a search once you have done one. Need the ability to clear the form and undo the search.
23. I notice in the search form code there is the magnifier icon but it does not display in the input field.
24. The volume knob just does not work! It's horrible to use at the moment, quite a few reports about this already.
25. A button to completely clear the queue would be very helpful.
26. Jump to top button that appears when scrolling through long lists would also be helpful.

Most are pretty minor, overall its a massive step forward from 1.*

Amazing work!!

when selecting a song a the bottom of the list, selection box is hidden (right bottom corner)

I have just test the last build.
I know it is far from being finished, but I just want to report a strange behaviour, when I change something ( the volume or next song) on a device, lets say my computer, the page is not refreshed on a other device (my phone). And if I refresh, I get a "cannot get /playback". The only way is to remove "playback" from the address.

I think it could be convenient in the result of a search to have a "go to artist" or "go to album" or "display this artist" or something like that

Sometime it works well and rather fast and sometime it is very slow : the browser ask to interrupt the script several time. I can't see the difference between the occurrence... I'll try to undesrtand...

Hi,

I've been following volumio for a long time, and although loading it only as a test on my pi (oh the shame), and thinking of building a proper one for wayy too long - being a front-end designer I would love to help this new AWESOME, forward looking version to shape up.

I have only skimmed at the code, but some things do worry me a little (bootstrap3), and I would like to know what are the target browser platforms as well as technical considerations defined for the development of volumio 2.0.

As an example, looking at the index.html, it would seem to be => IE10 and probably evergreen browsers. This would pull to question the use of flexbox, as it solves some layout problems with simpler more maintainable code.

Also the use of bootstrap instead of a custom codebase could be questioned, as bootstrap 3 generally needs a lot of resets with heavy modifications.
Might as well use foundation for Apps as it is already built on Angular and built on mixins which makes building a more customized, easier to maintain stylesheet.
Could also go more in depth and build with bourbon, perhaps susy and/or other more specialized libraries (ex: animate.css) as well as more custom code.

Other useful features to add would be automatic sass documentation (http://sassdoc.com) as well as feature detection (modernizr) to create more specialized rules and easily allow for progressive enhancement.

I hope my view on a few things doesn't clash with the active development community and I'm quite keen on getting my hands dirty and contribute with my knowledge to this wonderful project.

Regards,

1 - go to Music Library and go to NAS folder choose an album and add to queue
2 - go in the queue , double clic on the first song - it starts to play
3 - go in the playback window, you can't change the song (next) and button are not selected properly
4 - remove /playback to the address bar and press enter, now you can select a other song in the queue. but each time you have to remove playback, or queue or other page address to refresh

Maybe it's too early, but webUI is not displayed correctly on small screen. See attached image

When the duration end by zero, the display misses the zero

The search tool does not return the content of a cue file

Accordig to volumio/Volumio2#104 (comment) list should be refreshed when adding/removing a share.

There also should be some infos displayed to the user if mount failed...

when going to the network setting page, with an ethernet connection, it displays 4 lines for the network status

The hidden wireless network and wireless settings appears on the network settings page even on a device without a wireless adapter

When browsing My music, if you go to bottom of list (not only the bottom, true in any case) and then you enter in an artist folder and now press the back button of the webUI, you're back to the top of the list and have to scroll to return where you were

More of a feature request really.

Would be nice to be able to switch between a list and a grid view when viewing the music library to show off album art. I was watching this demo of the Naim Mu-So Qb interface yesterday https://www.youtube.com/watch?v=4PScUe8ra6M and thought it looked really smart.

Plex also does something similar; https://www.youtube.com/watch?v=iRuQs7qwJ0c

Just noticed that if you accidentally press the skip track button while playing web radio with the new knob effect it breaks and goes a bit weird.

Could we have and open sourced design documentation and assets (moodboards, wireframes, patterns, templates, logos, icons, etc) so any contributor could have access and contribute here as well?

This way the assets, documentation and guidelines can developed alongside the code.

Is there an easy way to change the favicon depending on the player state?

I was thinking it would be nice to dynamically change the favicon to show if the player is in a play or pause state. Favicons attached.

The track and volume knobs are contained in a div with the class knobOpacity. I'm not sure what this is adding, it makes the volumio green appear darker on the knobs.

The opacity of the various elements can be set in the knob options, so not sure why overall it needs it?

whatever the name you give to the player, the title of the window (or the tab ) of the browser is always "volumio". Can we get a least the given name and better the given name followed by the song played in the top border of the web browser ?

I haven't actually tested wifi yet, but i noticed in a couple of screenshots of other peoples installs the wifi icon isn't very clear when the signal is low.

I've produced a set of revised icons that are hopefully a bit clearer.

I am away from my machine to commit and create a PR so I have attached them here in case someone else can do it for me.

White on white isn't very clear is it.. they are there.. honest!

wifiIcons.zip

When the title is to long it exceeds the rectangle

with the last commit 159b313 there is a problem with the configuration menu : it is hidden by some element and can't be selected

edit : not only the right menu, the play back next button as well

Loving the new UI (RC1), but really miss the consume mode option. Is this due to be added in the next RC or can it be added please.

From browse window, when selecting play or add to queue.... popup message is displayed twice

Should we remove the uppercase text transform on panel-title, control labels and source titles to improve readability?

As suggested here; https://volumio.org/forum/volumio2-suggestions-and-designs-t3521-10.html#p18039

I agree, I don't really like the uppercase.

If there are no playlists added to the system, then when you click the playlist dropdown in the alarm modal is just disappears. Which obviously isn't very helpful.

Maybe replace it with a Create Playlist option or a button?

Attached here for @kurtommy

touchicons.zip

If you need any more or there are some missing let me know.

So this is for discussion really

I was thinking, would the multi room panel be better moved to another menu/location?

This is where my thinking has come from. I add music to the library all the time, but i have trouble keeping track of what is new. Replacing the multi room panel with a Recently Added panel that allows me to scroll through what is new in my library. Or quick access to favourite albums and radio stations without leaving the playback screen.

We could have another icon next to the cog for settings that opens a separate menu with a list of multi room devices. Its current location seems too prominent for what will be a seldom used feature for a lot of people?

Is there a way and an interest of compiling myself the webUI so that having all the last work progress done ?

It looks great!

But, it needs to only appear if something it actually playing and it would be good if it was present on the settings pages too.

The bitrate indicate in Khz instead of Hz or a comma is needed

In the browse tab or queue tab, the contrast between the artist/ album and the background is not important enough : it is difficultly readable on smartphone (with standard screen) when the sun shine...
Maybe a other choice of color to improve readability could be something to consider.
something like the picture (this just a suggestion) is more readble

in the window "my music" when configuring a new share, there is a line to open "advanced options" but no one to closed it.

In the queue there is no way to know :

• which song is played
• which song has been played ( color change ? or italic ? or something else ?)

Just notes of things that should be fixed before RC2
-No feedback when saving Spotify settings, needs some kind of confirmation
-Spop name should be Spotify in installed plugins list
-'Back to Plugins' button is horrible with terrible placement
-Spotify password input should be a password field not text
-Spotify settings has the page title 'Network' which makes no sense
-Plugin Uninstall modal could do with some text in it, or it just looks weird
-Cannot uninstall spotify plugin
-Still have the problem with plugin switches being in a indeterminate state
-No way to uninstall a plugin that has been uploaded like the brutefir plugin
-Wireless network list still has an issue with the last item in the list being 'Network Name' with a connect button (this is a desiderata, to connect to hidden network)
-Add alarm modal is still a horrible mess of different vertical alignments
-Move shuffle/random back to the playback window, it does not work well from a UX point of view on the queue page

I did some work on the settings pages making them look like my mock ups on the development branch.

I've looked at doing the same on the browse page as per this mock up; but i keep breaking things. :/

Could you take a look @kurtommy?

I apply the last update from webUI. and also a git pull of /volumio. Now the config for my music came back to the version before mpasteur 's PR (except the size )! Missing field to configure properly the mount...

something has changed in random play : when clicking previous track, it is a random track. Previously, only next track was playing a random track, previous was playing ... prévious.

Socket.io seems to be loaded from CDN. We need to have it locally (it won't work if no internet).
This explains the failed test sessions I had