Circel-Menü für Harmony Hub, div.

dieda · 08 Februar 2016, 23:25:12

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.

roman1528 · 09 Februar 2016, 00:24:53

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

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^^

roman1528 · 09 Februar 2016, 00:42:08

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

dieda · 09 Februar 2016, 23:34:03

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

roman1528 · 10 Februar 2016, 00:57:21

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:

Code Auswählen


<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

Grüße^^

dieda · 10 Februar 2016, 22:46:17

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:

Code Auswählen

</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.

FHEM Forum

Circel-Menü für Harmony Hub, div.

dieda

roman1528

roman1528

dieda

roman1528

dieda