Dashticz - Logitech Media Server

[pvm]

Dashticz supports the Logitech Media Players in Domoticz (which can be the popular picoreplayer which I use myself on a raspberry pi with hifiberry amp)

This enables control of the music player(s):

LMSPlayer.png (52.4 KiB) Viewed 1907 times

(this image includes the CSS change as documented on the Dashticz wiki to increase the button sizes)

To use, add a block with your device id (in my case 107 to config.js)
blocks[107] = {}
blocks[107]['width'] = 12;
blocks[107]['icon'] = 'fa-music';

columns[1]['blocks'] = ['107']

[pvm]

@Rob Geerts,

Can you extend the LMS block with volume control?

LMSVolume.PNG (49.74 KiB) Viewed 1905 times

I replaced your code with the following to get to this result

Code: Select all

else if(device['HardwareType']=='Logitech Media Server'){
									html+=iconORimage(idx,'fa-music','','on icon','',2);
									html+='<div class="col-xs-10 col-data">';
									html+='<strong class="title">'+device['Name']+'</strong><br />';
									html+='<span class="h4">'+device['Data']+'</span>';
									html+='<div>';
										html+='<a href="javascript:controlLogitech('+device['idx']+',\'Rewind\');"><em class="fa fa-arrow-circle-left fa-small"></em></a> ';
										html+='<a href="javascript:controlLogitech('+device['idx']+',\'Stop\');"><em class="fa fa-stop-circle fa-small"></em></a> ';
										if(device['Status']=='Playing') {
												html+='<a href="javascript:controlLogitech('+device['idx']+',\'Pause\');"><em class="fa fa-pause-circle fa-small"></em></a> ';
										}
										else {
											html+='<a href="javascript:controlLogitech('+device['idx']+',\'Play\');"><em class="fa fa-play-circle fa-small"></em></a> ';
										}
										html+='<a href="javascript:controlLogitech('+device['idx']+',\'Forward\');"><em class="fa fa-arrow-circle-right fa-small"></em></a>';
										html+='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'; 
										html+='<a href="javascript:controlLogitech('+device['idx']+',\'VolumeDown\');"><em class="fa fa-minus-circle fa-small"></em></a>';
										html+='&nbsp;'; 
										html+='<a href="javascript:controlLogitech('+device['idx']+',\'VolumeUp\');"><em class="fa fa-plus-circle fa-small"></em></a>';
									html+='</div>';
									html+='</div>';

									$('div.block_'+idx).addClass('with_controls');
								}

[robgeerts]

Fixed in latest beta! Thanks!

[wino58]

Hi all

Just started with dashticz, and it's awesome.
I have a picore player on the dashboard , but after i made the buttons a litle bigger , they doesn't fit in the block.
How can i make this block of the picore player a litle higher , so the buttons fit in it.

[pvm]

I solved that by adding some padding:

Code: Select all

.block_107{
    padding-bottom: 80px !important;
}

[wino58]

Thanks for quick reply, it works

[madpatrick]

Hi,

Works great, but is it possible to change the buttons to a custom icon ?