Announce: Material Skin

[cpd73]

Hi Craig. Is it possible to add an option to increase the font size and add the source to the mobile view? Fantastic job on the skin. It looks great on the wall but tough to read the song title, album etc. from a 7 feet a way or so.

I guess I could check on the available height and if over a certain size then maybe double the font size? Will think about this. Why add the source, what does it matter where its from? Also, not sure if LMS provides this info.

[grimmace92]

I guess I could check on the available height and if over a certain size then maybe double the font size? Will think about this. Why add the source, what does it matter where its from? Also, not sure if LMS provides this info.

Thanks. I like to know which service is providing the music. If you use multiple apps it would be nice to know which one is the active one. No big deal if you can't do it.

[cpd73]

yes i did clear the messages immediately before i tried to play the album

EDIT:Found out if I choose to play from 3 dots next to first track I get full playlist for the album. If I chose play at the top of the screen next to album name I get network error. So I guess I will use it the former way, although I had expected if I played the first song as I said it would play just that not the whole album (that is the way I had my settings)

I'm confused - doesn't take much :-) ... You navigate into 'New Music' (server provided categories?), select an album, its tracks are shown. if you press the |> icon in the toolbar that has the album name (and track count), you get a network error. If you select the first menu entry from the first tracks "..." menu (which should be 'Play now'), it adds all tracks? That's not right, and does not happen for me. If you select 'Play album starting at track' from the track's menu, then yes it will add all tracks and start playing from that track.

When I click on the |> icon in the toolbar, Material sends the following:

id	1
method	slim.request
params	[…]
0	b8:27:eb:99:a7:dd
1	[…]
0	playlistcontrol
1	cmd:load
2	album_id:7625

When I select 'Play now' from the first track:

	
id	1
method	slim.request
params	[…]
0	b8:27:eb:99:a7:dd
1	[…]
0	playlistcontrol
1	cmd:load
2	track_id:115390

I assume the setting you are referring to is the "Play Other Songs In Album" setting from the LMS settings. Material does not use this.

Anyhow, I need the above examples from your system to try and understand what's going on. When trying to get these from the network tab, ensure nothing is playing (that way Material polls less frequently, so less noise in the list of network messages).

[sbp]

issues on iPad version 10.3.3

Hi I have noticed two issues with Material Skin (version 0.2.8) on my older iPad (which is still running version 10.3.3 - as it can't be updated).

I have tested several browser (safari, chrome, Opera and Brave) - they all show the same.

First issue:
In "Manage Players" - there seems to be something that blocks the view? See here, the text is clipped:



Second issue:
In "Information" - A similar issues seems involved. See here:



As far as I remember it was working in some of the earliest versions of Material Skin.
Beside these two issues the skin is perfect on my iPad.

[cpd73]

Hi I have noticed two issues with Material Skin (version 0.2.8) on my older iPad (which is still running version 10.3.3 - as it can't be updated).

All I can suggest is that you keep trying older versions, until you get to the last version that worked. Then I can have a look at the changes that happened in the next version and see what might have caused this. Just tried on my wife's iPad mini, and those two dialogs work fine - but this is with iOS 12.1.1

[sbp]

Ok I have tested various versions of Material Skin, and version 0.7 is working fine whereas the issues described above was introduced from version 0.8 and forward.

[cpd73]

Ok I have tested various versions of Material Skin, and version 0.7 is working fine whereas the issues described above was introduced from version 0.8 and forward.

Wow! That's old. The other dialogs (settings, player settings) work OK? The only real changes I can see are; a) I removed "app" from "v-dialog", and b ) I changed a "div" element to a "v-card-text" But this was for all dialogs.

Perhaps you could try the following:

1. Install latest skin version
2. Edit manage-players.js and add " app" just after "fullscreen"
3. Restart LMS
4. Refresh your browser's cache
5. Try Manage Players dialog

Does that help with this dialog?

If not, what about:

1. Edit manage-players.js and remove " app" added above, change "v-card-text" to "div"
2. Restart LMS
3. Refresh your browser's cache
4. Try Manage Players dialog

...and now?

[Percival Sweetwater]

Group Players

Hi Craig,
Thanks for this excellent skin. It is an oasis of serenity in a desert of boredom.
I have, however, noticed a tiny glitch in the Group Players screen. I have a mixture of five Radios and Booms grouped together. Here the output volume is set at 50%. It seems to update every second. Randomly, some of the outputs will flicker with what looks like a floating point value, with about 13 places to the right of the decimal point, as seen here in the player called 'Sliven':



Sorry to be so pedantic. Keep up the good work!

[sbp]

Wow! That's old. The other dialogs (settings, player settings) work OK? The only real changes I can see are; a) I removed "app" from "v-dialog", and b ) I changed a "div" element to a "v-card-text" But this was for all dialogs.

Perhaps you could try the following:

1. Install latest skin version
2. Edit manage-players.js and add " app" just after "fullscreen"
3. Restart LMS
4. Refresh your browser's cache
5. Try Manage Players dialog

Does that help with this dialog?

No - this had no effect.

If not, what about:

1. Edit manage-players.js and remove " app" added above, change "v-card-text" to "div"
2. Restart LMS
3. Refresh your browser's cache
4. Try Manage Players dialog

...and now?

SUCCESS - now it is fine for the manage player menu.

But the "Information page" still has a problem.

[sbp]

OK I fixed the Information issue as well - by following your recipe:

In information.js.
I changed changed "v-card-text" to "div"
Cleared the cache and restated LMS - and now it is working fine in Information page as well.

[cpd73]

OK I fixed the Information issue as well - by following your recipe:

In information.js.
I changed changed "v-card-text" to "div"
Cleared the cache and restated LMS - and now it is working fine in Information page as well.

Is it only 'Manage Players' and 'Information' that are affected? What about 'Settings', 'Player Settings', the sync dialog, and random mix dialog? These also use "v-card-text"

[cpd73]

Hi Craig,
Thanks for this excellent skin. It is an oasis of serenity in a desert of boredom.
I have, however, noticed a tiny glitch in the Group Players screen. I have a mixture of five Radios and Booms grouped together. Here the output volume is set at 50%. It seems to update every second. Randomly, some of the outputs will flicker with what looks like a floating point value, with about 13 places to the right of the decimal point

Odd as Material is just using the value from LMS. Anyway, I've updated the code to round the value to the nearest integer.

[sbp]

Is it only 'Manage Players' and 'Information' that are affected? What about 'Settings', 'Player Settings', the sync dialog, and random mix dialog? These also use "v-card-text"

Strangely, all other screens are working fine, including these you mentioned

[MainSqueeze]

Ok I have tested various versions of Material Skin...

How does one install previous versions of Material Skin? My server is running LMS 7.9.1 on Debian Stable (Stretch). How would I go about rolling back to (say) version 2.0?

[grimmace92]

How does one install previous versions of Material Skin? My server is running LMS 7.9.1 on Debian Stable (Stretch). How would I go about rolling back to (say) version 2.0?

Go to Craig’s github page in the first post and all the previous version are there to download. Then you can manually overwrite the the existing plugin where LMS is installed.