Theme & Language Selector - Installation.

ok, I’ll look into that, (dolphin not updating)I can’t think what it might be off the top of my head but will check through the new code. I’ve got the languages working but the ‘browse’ tab on the bottom bar is being written to from somewhere else so it flashes the name in the language file then flips back to ‘Browse’. very frustrating! :blush: everything else appears to work though. :smiley:

@sog Sussex ,
Another thing, have a look at the attached screenshot: the current state of button isn’t displayed. When you click on it, you have the choice list. :confused: Is it a “normal” behaviour ? checked in Firefox / dolphin - android KK | chrome / opera - android KK | firefox / chromium - ubuntu
Good luck :wink:
screen-button-def.png

yep, I noticed that just after uploading the files, its sorted now. I’m just commenting out all the work I did on the languages as I cant get it to work on quite a few buttons. something else is writing to the buttons and I’m having trouble finding out what’s doing it. I’ll upload the files with the fix for the dropdown (it was the wrong colour too!) I’ve not delved too deep into the cover art but made a placeholder for the image behind the text and knobs, if the screen is in portrait mode it fills the width of the screen and if landscape it sits just below centre.

Screenshot (97).png

Wahou ! Really, I’m impressed ! I think this feature (album art) is one of THE missing feature ! And you did it ! I’m really impatient to test it :smiley: :wink: :sunglasses:

attempt 4! I keep losing my post!

the image above is a mock-up. to make sure when its developed it will easily integrate into the themes. I did put ‘mock-up’ in the image title but it doesn’t show very clearly. sorry to get your hopes up. I will look into it. MPD are talking about providing this info but it doesn’t seem high on their list of things to do. I’ll post the updated themes once I’ve commented out all the work I’ve done on the language selector (a few of the buttons are being written to by something else so the translations are being over-ridden) I did go into more detail but this is the 4th time I’ve written it! is there work going on on the server? my posts keep failing but my internet is fine?

oh!!! my fault for your previous post! I read it on my smartphone, and didn’t see the bottom of the image…
Nevermind, later :wink:

Nevermind… lol, :wink:

Here’s the latest files, I’ve not put them on the first post as I’ve made a couple of changes that may break the webui on some devices but I think it should work on all (the pages fade in on load to prevent the mess when the pages initially load. if the browser can’t handle the fade it should just load in the normal way…)

[edit] not working :frowning: removed.

ok, got it working! after trying the minefield that is ‘browser specific hacks’ I realised I could just fade the ‘fades’ button in on the settings page, that way if the browser doesn’t support it, it won’t show the button. :wink:

the ‘fades’ still need a bit of work, and some browsers are not yet ready for this type of fade, but at least it can be turned off.

here’s the latest files, (@Balbuze, you’ll need all the files except the images)

out of date files removed

Hi!
I see you are still working hard ! :laughing:
It works, even if I have to try it on other browser. I try to do that today.
I see that you have modified the 2d theme look (elliptic button-> rounded square) . I liked the previous…
For the fade, even if the effect is nice, I think (this is just my opinion) that it gives a slowness impression…So it’s a good think to keep a button to desactivate it…
Voilà!

oops, yes the 2d buttons are supposed to be round! my bad. the fades all need work, they all have a delay on them so I could easily see them, it takes about 0.2 seconds for the pages to finish loading on my tablet (faster on pc) so the fades will be about 0.4 seconds (they’re about 2.5 at the moment.)

the first ‘volumio’ screen with the near black background should only show when you go to the page from your browsers bookmark. it looks for a # in the page’s url so if the first fade does not work properly on your device set the bookmark to [your.pi.address]/index.php# and it won’t show. (it will still show when you power down volumio) it still needs work as it seems to partially load the page before showing on some devices. (it even ran backwards on some! but that’s sorted)

I’ll upload a more finished version once I’ve figured out the volumio splash screen problem. (with the round buttons too) got a load of visitors arriving very soon so won’t get much done today…

ok, here it is, ellipse buttons are back! splash screen now working (it disappears as soon as the page has loaded) and the fades are now much quicker.

**edit removed as wrong .js file.

hi!
I applied your last files. I cleared the cahce in dev.php page and now it stuck with the page with Volumio… I can still go through the menu (top right) but whatever the option I choose*, always the same page is displayed (firefox/xubuntu 14.10). I’m going to reboot the RPI and see what happend.

  • reboot option seems to work in the menu

After reboot, it still not works anymore…Only Volumio page is displayed… :frowning:

edit : I can go in the playlist page
edit 2 : on a mobile device you can scroll down the page (see screenshot)
Screenshot_2015-04-05-11-31-54.png
Screenshot_2015-04-05-11-30-37.png

ok, seriously my bad!!! I uploaded the wrong themeselector.js file!!! to verify, /www/js/themeselector.js should have 2 functions at the end named ‘hidesplash’ and ‘showsplash’ the one I uploaded is wrong! really sorry

here’s the correct files, I have updated a few files too so its worth using them all (the images remain unchanged)

out of date files removed

hello!
Now it works !
In the 2d theme, buttons are still rounded square.
I have noticed that in a mobile device, when you search the library, the first line is hidden by the number of results. Not sure it is due to your work, maybe it is the same in the base theme…
Another thing, I told you about the slowness about the search on the fly on my poor laptop :confused: In fact when I search the library, it’s quick enough, but when I search the playlist containing the whole library, it’s slow. Maybe due to the “on the fly” search?
Screenshot_2015-04-06-10-42-44.png

ahh, yes, I thought the square play buttons looked good but can put them back to rounded ends. I see what you mean in your pic, it has the same behaviour in the original volumio, also the volumio logo gets partially hidden behind the play buttons (if you set the browser to slightly wider than your phone pic), I’ll look into both, :nerd:

No no!
Lets buttons AS you want, you are the master of your work :smiley: I just because understood you changed back for elliptic ok, here it is, ellipse buttons are back! splash screen now working (it disappears as soon as the page has loaded) and the fades are now much quicker. . There is no problem for me :wink:

ahh, yes, my bad again! lol, I only changed the buttons under the knobs. I’ve tried and failed to get the problem in your last image fixed but even bringing the black bar down further when the buttons overflow it just hides the first entry… the only thing I can think of is changing [<- ### results for “search-string”] to [<- ### results] then there would be less chance of the button jumping down and you can still see what you searched for in the search box.

to do this edit line 417 of /var/www/js/volumio.api.js from

var text = "" + results + ' result' + s + ' for "<em class="keyword">' + keyword + '</em>"';

to

var text = "" + results + ' result' + s;

I noticed the search box was bigger than the button attached to it in your image so I’ve added a couple of lines of css. now the search boxes should always be the same height as the attached button. :nerd: I’ll hold off on posting updated files, got a few more bits to sort out yet… :nerd:

the volumio logo now shrinks a bit on narrow screens to stop it being partially covered :smiley:

oh and yes, it’s probably the ‘on the fly’ search that’s slowing things down. it’s a shame it cant be disabled on older tech. or maybe it can? I’ll look into it…

lol, @Balbuze I’ve just noticed why we didn’t understand each other re the colour of the buttons… they were the same colour as the ‘2d’ original, I just noticed my mistake! the 2d original buttons should be green but I missed the bit of css from the 2d original theme! doh! it will be fixed in the next update… coming very soon,… I just want to make the 2d/3d and fade buttons into toggles as suggested many posts ago! wish me luck lol… :nerd:

Hi!
I have modified the volumio.api.js file. Now the first result is no more hidden by the number of result. Not perfect but better and usable ! :wink:
Ok for the colors !
So now I whish Good luck !!! :slight_smile: