Dashticz - Logitech Media Server

Dashticz, alternative dashboard based on HTML, CSS, jQuery

Moderators: htilburgs, robgeerts

Post Reply
pvm
Posts: 925
Joined: Tuesday 17 June 2014 22:14
Target OS: NAS (Synology & others)
Domoticz version: Stable
Location: NL
Contact:

Dashticz - Logitech Media Server

Post by pvm » Sunday 12 November 2017 21:15

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
LMSPlayer.png (52.4 KiB) Viewed 352 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']
Synology NAS, PI3, ZWave, Xiamo zigbee devices, BTLE plant sensor

pvm
Posts: 925
Joined: Tuesday 17 June 2014 22:14
Target OS: NAS (Synology & others)
Domoticz version: Stable
Location: NL
Contact:

Re: Dashticz - Logitech Media Server

Post by pvm » Sunday 12 November 2017 21:18

@Rob Geerts,

Can you extend the LMS block with volume control?
LMSVolume.PNG
LMSVolume.PNG (49.74 KiB) Viewed 350 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');
								}
Synology NAS, PI3, ZWave, Xiamo zigbee devices, BTLE plant sensor

User avatar
robgeerts
Posts: 1140
Joined: Saturday 24 January 2015 23:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: Son, NL
Contact:

Re: Dashticz - Logitech Media Server

Post by robgeerts » Monday 13 November 2017 17:17

Fixed in latest beta! Thanks!
Creator of Dashticz, Do you appreciate my work and want to buy me a beer? You can send Bitcoins to 17Qy4bsLM9J238fCZt5kaRc2bD5S1Aw6og or donate via PayPal: https://www.paypal.me/robgeerts

wino58
Posts: 2
Joined: Tuesday 28 November 2017 17:50
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: Dashticz - Logitech Media Server

Post by wino58 » Wednesday 29 November 2017 12:10

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.
Attachments
PiCorel.PNG
PiCorel.PNG (5.86 KiB) Viewed 212 times

pvm
Posts: 925
Joined: Tuesday 17 June 2014 22:14
Target OS: NAS (Synology & others)
Domoticz version: Stable
Location: NL
Contact:

Re: Dashticz - Logitech Media Server

Post by pvm » Wednesday 29 November 2017 21:54

I solved that by adding some padding:

Code: Select all

.block_107{
    padding-bottom: 80px !important;
}
Synology NAS, PI3, ZWave, Xiamo zigbee devices, BTLE plant sensor

wino58
Posts: 2
Joined: Tuesday 28 November 2017 17:50
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: Dashticz - Logitech Media Server

Post by wino58 » Thursday 30 November 2017 0:17

Thanks for quick reply, it works

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest