smarthome:fhem:tabletui:skipmans:musik_seite [Skipman 's Wiki]

Meine Internet Radio / Musik Seite
<!DOCTYPE html>
<html>
<head>

</head>
<!--<h1>Neugie's Home</h1>-->

<!--************** hier kommen die Widgets hin ****************
+++++++++++++++++++Index Seite+++++++++++++++++++++++++++++++++ 
+
+
+
-->

<body style="background-color:PapayaWhip ;">
<div class="gridster">
	<ul>
		<li data-row="1" data-col="1" data-sizex="10" data-sizey="1" class="align-center">
			<div class="sheet">
				<div class="row">
					<div class="large align-center inline cell-35">
						<div data-type="clock" data-format="l" class="large inline yellow"></div>
						<div data-type="clock" data-format=" j. F Y" class="large inline yellow"></div>
					</div>
					<div class="large align-center inline cell-30">
						<div data-type="clock" data-format="H:i" class="large inline yellow"></div>
					</div>
					<div class="large align-center inline cell-35">
						<div data-type="label" data-pre-text="Aussen : " data-device="tempAussen" data-get="temperature" data-unit="" data-post-text="°C | " data-fix="1" class="yellow large inline"></div>
						<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherDay" class="large inline yellow"></div>
						<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain12" data-pre-text="" data-post-text="%" class="large inline yellow"></div>
					</div>
				</div>
			</div>
		</li>	
		<li data-row="2" data-col="1" data-sizex="1" data-sizey="9" class="">
				<div data-type="switch"
				data-icon="fa-power-off"
				data-device="PlayerKueche"
				data-on-color="green"
				data-off-color="red"
				data-set-on="on"
				data-set-off="off"
				data-on-background-color=""
				data-off-background-color=""
				class="big top-space">
			</div>
			<div data-type="switch"
				data-icon="link"
				data-device="PlayerKueche"
				data-get="synced"
				data-get-on='["KuechePlayer,max2play","none"]'
				data-icons='["fa-link","fa-unlink"]'
				data-on-color="white"
				data-off-color="white"
				data-background-icon="fa-square-o"
				data-set-on="sync max2play"
				data-set-off="unsync PlayerKueche"
				data-on-background-color="grey"
				data-off-background-color="grey"
				class="big top-space">
			</div>

		</li>
		<li data-row="2" data-col="2" data-sizex="9" data-sizey="1" class="centered">
			<div class="sheet">
				<div class="row">
					<div class="cell-10 left-align large left-space">
						<div data-type="label" class="">Artist</div>
						<div data-type="label" class="">Title</div>
					</div>
					<div class="cell-65 left-align large left-space">
						<div data-type="label" data-pre-text=":  -   " data-device="PlayerKueche" data-get="currentArtist" class="truncate"></div>
						<div data-type="label" data-pre-text=":  -   " data-device="PlayerKueche" data-get="currentTitle" class="truncate"></div>
					</div>
				</div>
			</div>
		</li>
		<li data-row="3" data-col="2" data-sizex="5" data-sizey="8" class="centered">
			<div class="centered">
			<div data-type="image" data-device="PlayerKueche" data-get="coverarturl" data-size="60%" class="top-space center"></div>
			</div>
		</li>
		<li data-row="3" data-col="7" data-sizex="4" data-sizey="2" class="">
			<div data-type="select"
			 data-device="PlayerKueche"
			 data-alias="ftuiFavoritesAlias"
			 data-list="ftuiFavoritesItems"
			 data-get="favorites"
			 data-set="favorites"
			 data-delimiter=":"
			 data-cmd="set"	class="large center white">
		</li>
		<li data-row="5" data-col="7" data-sizex="4" data-sizey="2" class="">
			<div class="sheet">
				<div class="row">
					<div class="align-center cell-25">
						<div data-type="switch"
							data-device="PlayerKueche"
							data-set-on="prev"
							data-set-off="prev"
							data-icon="fa-backward"
							data-background-icon="fa-square-o"
							data-on-background-color="gray"
							data-off-background-color="gray"
							data-on-color="white"
							data-off-color="white"
							class="narrow big right">
						</div>
					</div>
					<div class="align-center cell-25">
						<div data-type="switch"
							data-device="PlayerKueche"
							data-get="playStatus"
							data-set-on="play"
							data-set-off="pause -1"
							data-icon="fa-play"
							data-get-on='["play","pause -1","stopped","off"]'
							data-icons='["fa-pause","fa-play","fa-play","fa-play"]'
							data-background-icon="fa-square-o"
							data-on-background-color="gray"
							data-off-background-color="grey"
							data-on-color="white"
							data-off-color="white"
							class="narrow big">
						</div>
					</div>
					<div class="align-center cell-25">
						<div data-type="switch"
							data-device="PlayerKueche"
							data-set-on="next"
							data-set-off="next"
							data-icon="fa-forward"
							data-background-icon="fa-square-o"
							data-on-background-color="gray"
							data-off-background-color="grey"
							data-on-color="white"
							data-off-color="white"
							class="narrow big left">
					</div>
					</div>
					<div class="align-center cell-25">
						<div data-type="switch"
							data-device="PlayerKueche"
							data-set-on="stop"
							data-set-off="stop"
							data-icon="fa-stop"
							aria-hidden="true"
							data-background-icon="fa-square-o"
							data-on-background-color="gray"
							data-off-background-color="gray"
							data-on-color="white"
							data-off-color="white"
							class="narrow big">
						</div>
					</div>
				</div>
			</div>
		</li>
		<li data-row="7" data-col="7" data-sizex="4" data-sizey="2" class="">
			<div class="sheet">
				<div class="row">
					<div class="align-center cell-25">
						<div data-type="push"
							data-device="PlayerKueche"
							data-set-on="volumeDown"
							data-icon="fa-volume-down"
							data-background-icon="fa-square-o"
							data-on-color="white"
							data-off-color="white"
							data-on-background-color="green"
							data-off-background-color="gray"
							class="narrow big right">
						</div>
					</div>
					<div class="align-center cell-25">
					<div data-type="label" data-post-text=" %" data-device="PlayerKueche" data-get="volume" class="bigger blue bold"></div>
					</div>
					<div class="align-center cell-25">
						<div data-type="push"
							data-device="PlayerKueche"
							data-set-on="volumeUp"
							data-icon="fa-volume-up"
							data-background-icon="fa-square-o"
							data-on-color="white"
							data-off-color="white"
							data-on-background-color="green"
							data-off-background-color="gray"
							class="narrow big left">
						</div>
					</div>
					<div class="align-center cell-25">
						<div data-type="switch"
							data-device="PlayerKueche"
							data-set-off="mute"
							data-set-on="mute"
							data-get="volume"
							data-icon="fa-volume-off"
							data-background-icon="fa-square-o"
							data-on-color="red"
							data-off-color="white"
							data-on-background-color="grey"
							data-off-background-color="gray"
							class="narrow big">
						</div>
					</div>
				</div>
			</div>
		</li>
		<li data-row="9" data-col="7" data-sizex="1" data-sizey="2" class="">
			<div data-type="image" data-url="./images/radio/Do912.jpg" data-size="90%"
				data-fhem-cmd="set PlayerKueche favorites Dortmund_912" class="align-center cell">
			</div>
		</li>
		<li data-row="9" data-col="8" data-sizex="1" data-sizey="2" class="">
			<div data-type="image" data-url="./images/radio/FFHHitRadio80er.jpg" data-size="90%"
				data-fhem-cmd="set PlayerKueche favorites FFH_Die_80er" class="align-center cell">
			</div>		
		</li>
		<li data-row="9" data-col="9" data-sizex="1" data-sizey="2" class="">
			<div data-type="image" data-url="./images/radio/RadioBerlin.jpg" data-size="95%"
				data-fhem-cmd="set PlayerKueche favorites RBB_radioBERLIN" class="align-center cell">
			</div>		
		</li>		
		<li data-row="9" data-col="10" data-sizex="1" data-sizey="2" class="">
			<div data-type="image" data-url="./images/radio/the80s.jpg" data-size="95%""
				data-fhem-cmd="set PlayerKueche favorites Sydney_The_80s" class="align-center cell">
			</div>		
		</li>
		<li data-row="11" data-col="1" data-sizex="10" data-sizey="2" data-template="nav.html" class=""></li>
	</ul>
</div>
</body>
</html>