Hallo in der Runde,
erst einmal ein dickes Lob an alle, die bei der Entwicklung mitgearbeitet haben. Habe mich ein wenig (schäm) eingelesen zum Thema, aber das reicht ja leider nicht... Seufz...
Habe auch schon ein schönes GUI hinbekommen, aber es gibt ja immer was zu optimieren.
So, aber nun zum Thema:
Circle-Menue
- für den Harmoney Hub, es sollen die Aktivitys ausgewählt werden können
- SamsungTV Input soll ausgewählt werden können
- Onkyo Input soll ausgewählt werden können
Dynamische Favoriten für die Squeezebox
- Wie stelle ich denn sowas dar? Ich möchte meine Vorlieben ja nicht ständig neu programmieren müssen (WAF- oder MAF-Faktor ;-)
Wie zeige ich an, dass ich sowas ausgewählt habe:
Zitat<div data-type="push" class="cell left"data-fhem-cmd="set Harmony_Wz activity Fire.TV" data-icon="fa-music" class=""cell""></div>
OK, ich weiß, das Circle-Menue ist da eleganter ... Aber da brauche ich noch einen Verständnis-Schubser...
Dann hätte ich noch gerne das Sofa als Icon von Nesges, den Müll-Button, ...KA, wie das geht... Schubser nötig.
Zitat von: dieda am 08 Februar 2016, 23:25:12
Dann hätte ich noch gerne das Sofa als Icon von Nesges, den Müll-Button, ...KA, wie das geht... Schubser nötig.
Moin.
Circle-Menu: Verwende ich nicht, weil es sich optisch nicht in meine Config einbinden lässt... Habe schon alles versucht aber es sieht immer blöd aus.
Vielleicht PopUp?
https://github.com/knowthelist/fhem-tablet-ui#popup-widgets (https://github.com/knowthelist/fhem-tablet-ui#popup-widgets)
An nesges Sofa-Icon häng ich mich jetzt dirket mal dran. Das möchte ich nämlich auch haben :)
Müll: Meine Signatur: Mein FTUI! Aber warte auf's Update. Da hat sich was geändert.
Grüße^^
Zitat von: roman1528 am 09 Februar 2016, 00:24:53
An nesges Sofa-Icon häng ich mich jetzt dirket mal dran. Das möchte ich nämlich auch haben :)
Ich habe mir gerade ein paar Icon's selbst zusammengesucht... Incl. Sofa von nesges. Habe also meinen eigenen Font erstellt.
Anhang:
den Ordner "roman" (aus der zip-Datei) in deinen Ordner /fhem/www/tablet/fonts/
In deinen <head>-Tag:
<link rel="stylesheet" href="/fhem/tablet/fonts/roman/style.css" />
Einfügen durch: data-icon="ro-sofa"
Du kannst auch im Ordner "roman" die demo.html öffnen. Da stehen alle drin :)
Grüße^^ und Danke nesges ::)
P.S. Bei mir funktioniert es nicht. Als würde er die Icons nicht finden oder umsetzen können :'( :'( :'( LÄUFT ... ZIP ist aktuell
Danke, werde es probieren.
Bleibt dann noch das Circlemenue ...
Da verzweifele ich noch...
Zitat<div data-type="circlemenu" class="cell circlemenu">
<ul class="menu">
<li><div data-type="push" data-icon="fa-wrench"></div></li>
<li><div data-type="push" data-device="MyAVR"
data-set="remoteControl input Video3"
date-set-on="input video3"
data-icon="">Video3</div></li>
<li><div data-type="push" data-device="MyAVR"
data-set="input game"
date-set-on="input game"
data-icon="">Game</div></li>
<li><div data-type="push" data-device="MyAVR"
data-set="input usb"
date-set-on="input net" "
data-icon="">Net</div></li>
<li><div data-type="push" data-device="MyAVR"
data-set="input radio"
data-icon="">Game</div></li>
<li><div data-type="push" data-device="MyAVR"
data-set="input tv +9"
data-icon="">9</div></li>
<li><div data-type="push" data-device="MyAVR"n
data-set="input net"
data-icon="">12</div></li>
</div>
Habe mal rumgetestet. Es ist ein Onkyo Pre2013
Wie die Befehle für den Onkyo nun genau aussehen weiß ich natürlich nicht... Das musst du dann schon richten.
Aber du hast bei dem einen z.B. data-set="input" data-set-on="input video3". Das ist doppelt gemoppelt und funzt so nie.
Besser:
<div data-type="circlemenu" class="cell circlemenu">
<ul class="menu">
<li><div data-type="push" data-icon="fa-wrench"></div></li>
<li><div data-type="push"
data-device="MyAVR"
data-set="input"
date-set-on="input video3"
data-icon="">Video3
</div>
</li>
<li><div data-type="push"
data-device="MyAVR"
data-set="input"
date-set-on="game"
data-icon="">Game
</div>
</li>
<li><div data-type="push"
data-device="MyAVR"
data-set="input"
date-set-on="net" "
data-icon="">Net
</div>
</li>
<li><div data-type="push"
data-device="MyAVR"
data-set="input"
data-set-on="radio"
data-icon="">Radio
</div>
</li>
<li><div data-type="push"
data-device="MyAVR"
data-set="input"
data-set-on="tv"
data-icon="">TV
</div>
</li>
</div>
Es macht nicht viel Sinn statt Icons einen Text ein zu geben. Bei TV mag es noch gehen.. Aber alles was länger ist passt nicht rein in das Push-Widget.
Zum Verständniss: Schau es dir nochmal genau an: https://github.com/knowthelist/fhem-tablet-ui#circle-menu (https://github.com/knowthelist/fhem-tablet-ui#circle-menu)
Grüße^^
Danke, habe da noch einen Schubser gebraucht...
In FHEM in der Listbox steht der Befehlt "remoteControl", kurz mal draufgeklickt und dann das Circle-Menue angepasst.
Sieht jetzt so aus:
</div>
<div class="left">
<div data-type="circlemenu" class="cell circlemenu">
<ul class="menu">
<li><div data-type="push" data-icon="fa-wrench"></div></li>
<li><div data-type="push" data-device="MyAVR"
data-set="remoteControl" data-set-on="input net"
data-icon="fa-wifi"></div></li>
<li><div data-type="push" data-device="MyAVR"
data-set="remoteControl" data-set-on="input game"
data-icon="fa-gamepad"></div></li>
<li><div data-type="push" data-device="MyAVR"
data-set="remoteControl" data-set-on="input tv"
data-icon="fa-television"></div></li>
<li><div data-type="push" data-device="MyAVR"
data-set="remoteControl" data-set-on="input sat"
data-icon="">S</div></li>
<li><div data-type="push" data-device="MyAVR"
data-set="remoteControl" data-set-on="input bd"
data-icon="">BR</div></li>
<li><div data-type="push" data-device="MyAVR"
data-set="remoteControl" data-set-on="input usb"
data-icon="fa-usb"></div></li>
</ul>
</div>
Dass das im Onkyo-Modul seht, da wäre ich nicht drauf gekommen.