[FHEM-Tablet-UI] User-Demos

[Masterfunk]

Hallo Detlef,

Schick gemacht. Wie machst Du das mit den APPs auf der rechten Seite?

Gruß Marcel

Ist ein ganz einfacher "open App" Aufruf an das AMAD Device.

Gruß Detlef

[Masterfunk]

@Masterfunk: könntest du die Dateien zu deiner Sonos/Media-Seite zur Verfügung stellen - die ist das Beste, das ich dazu je gesehen habe!

Das einfachste ist, Du sagst mir einfach, was Du noch brauchst.
Bin halt faul.

Gruß Detlef

[Octopus180]

@Masterfunk,

Auf was stellt du deine Oberflächen da, benutzt du ein Tablet , wenn ja mit welcher Auflösung) oder nur auf einem PC. Wenn ich richtig rechne hast du eine Fläche von 14 mal 12 Felder . Ist das richtig?

Gruß Peter

[Octopus180]

@Masterfunk,

Auf was stellt du deine Oberflächen da, benutzt du ein Tablet , wenn ja mit welcher Auflösung) oder nur auf einem PC. Wenn ich richtig rechne hast du eine Fläche von 14 mal 12 Felder . Ist das richtig?

Gruß Peter

[Octopus180]

Wollte nur einmal fragen, irgendwie hat mein Tablet daraus ein Doppeltposting gemacht.

[Masterfunk]

@Masterfunk,

Auf was stellt du deine Oberflächen da, benutzt du ein Tablet , wenn ja mit welcher Auflösung) oder nur auf einem PC. Wenn ich richtig rechne hast du eine Fläche von 14 mal 12 Felder . Ist das richtig?

Gruß Peter

Hallo Peter,

Es sind 14*9.
Das ganze wird auf meinem Wandtablet in der Küche angezeigt.
Es ist ein HP Slate21 mit 21" Diagonale bei Full HD Auflösung.
Hab mal ein Bild angehangen.

Gruß Detlef

[skuggy]

Hallo @bjoernbo, könntest du mir vielleicht den kompletten Code von der UI zur Verfügung stellen? Danke

[l2r]

besten Dank auch von mir @Masterfunk.

kleiner Hinweis noch für alle die die Sonosgeschichte nachbauene wollen.

Bitte diesen Post beachten und den dummy und das notify anlegen
https://forum.fhem.de/index.php/topic,49186.msg437869.html#msg437869


Gruß Michael

[Helmi55]

@Masterfunk
Gratulation sieht wirklich gut aus.

Gruß
Helmut

[Avatar]

für die Sonos Einbindung braucht du normalerweise kein Dummy bzw. Notify wie in dem Post:
https://forum.fhem.de/index.php/topic,49186.msg437869.html#msg437869
angegeben ist. Ich habe is wie folgt gelöst:

Grundsätzlich genügt es zwei Userredings bereitzustellen:

Code Auswählen Erweitern

FavTabletUI:LastActionResult.*?GetFavourites:.* { if (ReadingsVal("Sonos_Wohnzimmer", "LastActionResult", "") =~ m/.*?: (.*)/) {
my $returnvalue = $1;
$returnvalue =~ s/","/:/g;
$returnvalue =~ s/\"//g;
$returnvalue =~ s/" "/./g;
return $returnvalue }},
FavAliasTabletUI:LastActionResult.*?GetFavourites:.* {
if (ReadingsVal("Sonos_Wohnzimmer", "LastActionResult", "") =~ m/.*?: (.*)/) {
my $returnvalue = uri_escape($1);
$returnvalue =~ s/%22//g;
$returnvalue =~ s/%2C/:/g;
return $returnvalue;
}},

Für die Liste wird "FavTabletUI" und als Alias "FavAliasTabletUI" genutzt bzw. für Startfavorit benutzt.
Da die Favoritenliste in Sonos für alle Player gleiche ist, genügt es das userReading an einem SonosPlayer einzufügen.

Im Tablet UI kannst Du dies dann wie folgt benutzen:

Code Auswählen Erweitern

<div data-type="select"
       data-device="Sonos_Bad"
       data-list="Sonos_Wohnzimmer:FavAliasTabletUI"
       data-alias="Sonos_Wohnzimmer:FavTabletUI"
       data-get="Sonos_Wohnzimmer:FavTabletUI" 
       data-set="startFavourite" 
       class="cell small"></div></div>

Für diese Funktionalität braucht es kein Dummy, kein notify in dem sinne speziell um den player zu starten.

Grüsse
Eric

[l2r]

@Avatar: ist richtig. Ich hatte den Hinweis nur für alle die gegeben, die die media.hmtl von Masterfunk übernehmen und sich dann wundern, dass es nicht funktioniert.

Wie du es vorhast geht es natürlich auch

Gruß Michael

[sw85]

Hier mal das, was ich bisher so gebastelt hab.
Da geht auf jeden Fall noch was

[setstate]

@sw85: sieht ja schon sehr schön aus, aber ...
Gib mir mal bitte den Code-Teil (<li ...) für "Musik" von der 1-Übersicht. Ich will mal versuchen, die Positionen der Elemente etwas zu optimieren.

[sw85]

@setstate
Hast recht, die Anordnung ist zum Teil noch nicht so, wie ich es gerne hätte. Stehe mit CSS und den unterschiedlich divs bzw. class irgendwie auf Kriegsfuß 
Ich binde den Block wie folgt ein:

Code Auswählen Erweitern

<li data-row="5" data-col="7" data-sizex="4" data-sizey="2" data-template="mpd.html"></li>

Und die mpd.html:

Code Auswählen Erweitern

<body>
    <header>Musik</header>
            <div class="col-1-3 left-align">Radio</div>
<div data-type="switch" data-device="myMPD" data-icon="fa-music" class="col-1-3" data-get-on="play" data-get-off="stop"></div>
            <div data-type="select" data-device="myMPD" data-items='["1Live","SWR3"]' data-get="playlist" data-set="playlist" class="col-1-3" ></div>
            <div class="col-1-3 left-align">Volume</div>
             <div data-type="slider" data-device='myMPD' data-get='volume' data-set='volume' data-max="80" data-width="150" class="col-2-3 horizontal value" ></div>
</body>
</html>

[jnewton957]

Hier mal das, was ich bisher so gebastelt hab.
Da geht auf jeden Fall noch was

Hallo,

sieht doch schon ganz gut aus !!!

Kannst du mal bitte für deine Bad und Wohnzimmer Details (code <li...)  posten. Das sind doch keine normalen svg sondern highcharts
Auf jeden Fall sind die schön eingebettet.
Würde mich interessieren.

Danke
Jörg