55_InfoPanel.pm - Wer 02_RSS.pm mag, wird auch das hier lieben...

[betateilchen]

Die bunten "Button-Panels"
...
lassen sich seit heute nacht auch per 55_InfoPanel erzeugen,
...
Beispiel kommt heute abend.

Hier das Ergebnis:

(http://forum.fhem.de/index.php?action=dlattach;topic=32828.0;attach=26383)

Hier das zugehörige Layout (ok, die Kopfzeile ist individuell gestaltbar)

Code Auswählen Erweitern



#

rgb "7F7F7FFF" # grau
line - 0 50 800 50

@include ./FHEM/btip_tpl_kopfzeile.layout

buttonpanel

rgb "4D4D4DFF"
thalign "start"

boxcolor "FF0000FF"
button 11   0  55 160 135 0 0 {"Button11Link"} {"Button11Text"}
boxcolor "00FF00FF"
button 12 160  55 320 135 0 0 {"+http://www.google.de"} {"Google in new"}
boxcolor "FF0000FF"
button 13 320  55 480 135 0 0 {"-http://www.google.de"} {"Google in same"}
boxcolor "00FF00FF"
button 14 480  55 640 135 0 0 {"http://www.google.de"} {"Google invisible"}
boxcolor "FF0000FF"
button 15 640  55 800 135 0 0 {"Button15Link"} {"Button15Text"}

boxcolor "00FF00FF"
button 21   0 135 160 215 0 0 {"Button21Link"} {"Button21Text"}
boxcolor "FF0000FF"
button 22 160 135 320 215 0 0 {"Button22Link"} {"Button22Text"}
boxcolor "00FF00FF"
button 23 320 135 480 215 0 0 {"Button23Link"} {"Button23Text"}
boxcolor "FF0000FF"
button 24 480 135 640 215 0 0 {"Button24Link"} {"Button24Text"}
boxcolor "00FF00FF"
button 25 640 135 800 215 0 0 {"Button25Link"} {"Button25Text"}

boxcolor "FF0000FF"
button 31   0 215 160 290 0 0 {"Button31Link"} {"Button31Text"}
boxcolor "00FF00FF"
button 32 160 215 320 290 0 0 {"Button32Link"} {"Button32Text"}
boxcolor "FF0000FF"
button 33 320 215 480 290 0 0 {"Button33Link"} {"Button33Text"}
boxcolor "00FF00FF"
button 34 480 215 640 290 0 0 {"Button34Link"} {"Button34Text"}
boxcolor "FF0000FF"
button 35 640 215 800 290 0 0 {"Button35Link"} {"Button35Text"}

boxcolor "00FF00FF"
button 41   0 290 160 370 0 0 {"Button41Link"} {"Button41Text"}
boxcolor "FF0000FF"
button 42 160 290 320 370 0 0 {"Button42Link"} {"Button42Text"}
boxcolor "00FF00FF"
button 43 320 290 480 370 0 0 {"Button43Link"} {"Button43Text"}
boxcolor "FF0000FF"
button 44 480 290 640 370 0 0 {"Button44Link"} {"Button44Text"}
boxcolor "00FF00FF"
button 45 640 290 800 370 0 0 {"Button45Link"} {"Button45Text"}

boxcolor "999999FF"
button 51   0 370 160 430 0 0 {"Button51Link"} {"Button51Text"}
boxcolor "CCCCCCFF"
button 52 160 370 320 430 0 0 {"Button52Link"} {"Button52Text"}
boxcolor "999999FF"
button 53 320 370 480 430 0 0 {"Button53Link"} {"Button53Text"}
boxcolor "CCCCCCFF"
button 54 480 370 640 430 0 0 {"Button54Link"} {"Button54Text"}
boxcolor "999999FF"
button 55 640 370 800 430 0 0 {"Button55Link"} {"Button55Text"}



#



Die Moduldatei und das Beispiellayout wird heute abend eingecheckt.

[betateilchen]

Code Auswählen Erweitern

button 11   0  55 160 135 0 0 {"Button11Link"} {"Button11Text"}

Syntax kurz erklärt:

Code Auswählen Erweitern

button <id> <x1> <y1> <x2> <y2> <rx> <ry> <LinkTarget> <ButtonText>

• id = id des Elements
• x1,y1 = linke obere Ecke
• x2,y2 = rechte untere Ecke
• rx,ry = Radien für abgerundete Ecken

<LinkTarget> = URL, die aufgerufen werden soll.

Besonderheiten:

• die URL darf keine Leerzeichen enthalten! Ggf. muss mit %20 escaped werden
• beginnt die URL mit einem "+" wird die URL in einem neuen Fenster bzw. Tab geöffnet
• beginnt die URL mit einem "-" wird die URL im gleichen Fenster bzw. Tab geöffnet

<ButtonText> = Beschriftung des Buttons (wird immer einzeilig zentriert ausgegeben!)

Besonderheiten:

• Im Layout eines ButtonPanels muss einmal der Eintrag "buttonpanel" im Layout vorkommen
• Das Layout eines Buttonpanels darf keine textbox enthalten, sonst funktionieren die Buttons nicht!
• Ein Button bezieht seine Farbe aus "boxcolor"
• Der Buttontext bezieht seine Farbe aus "rgb"

[fh168]

ich hab die Datei buttonPanel.layout in /opt/fhem reingeschubst und mit

Code Auswählen Erweitern

define myPanel InfoPanel 192.168.178.6 buttonPanel.layout

lüppt!

Verschiebe ich die Datei in /opt/fhem/FHEM , damit ich diese mit dem eingebauten Fhem-Editor (own-modules & helper files) bearbeiten kann, kommt nach einem reread myPanel nur noch ein schwarzer Bildschirm. Er findet wohl die Layout-Datei nicht.

Was mache ich falsch? Oder ist es so gedacht, das man diese Datei nicht mit dem Fhem-Editor bearbeiten sollte? Oder muss der Pfad anders heißen?

Ansonsten Daumen hoch, mal sehen wie ich mit meinem Tablet ( http://blog.moneybag.de/a-sure-7-dual-core-android-4-2-2-tablet-ein-erfahrungsbericht/)  ein Vollbild hinbekomme, sodas bei einem Tastendruck das Bild nicht komplett wegscrollt.

Robin

[betateilchen]

Wenn Du den Speicherort der Datei änderst, musst Du das natürlich auch im DEF des devices angeben:

Code Auswählen Erweitern

define myPanel InfoPanel 192.168.178.6 ./FHEM/buttonPanel.layout

[betateilchen]

Ich finde viele Antworten sehr provokativ und arrogant.

Das könnte aber auch an der Art und Weise liegen, wie Du hier auftrittst, Deine Fragen stellst und auf Antworten reagierst. Da verliert jeder irgendwann die Lust, Dir überhaupt noch helfen zu wollen. Denk mal drüber nach.

Ich glaube, mangelnde Hilfbereitschaft sollte man mir eigentlich nicht vorwerfen, aber ich verschwende meine Zeit für Hilfestellung ungern an Fälle, in denen Leute einfach nur eine copy&paste-fähige Lösung bekommen wollen, ohne die Bereitschaft zu zeigen, überhaupt verstehen zu wollen, was sie eigentlich tun.

[betateilchen]

Tipp: Button mit Statusanzeige

Code Auswählen Erweitern


button 13 0 0 160 80 0 0 {"http://192.168.123.241:8083/fhem?XHR=1&cmd.az_Drucker=set%20az_Drucker%20toggle"} {"Drucker an"}
condition {ReadingsVal('az_Drucker','state','off') eq 'on'}
rgb "FF0000FF"
circle - 20 20 5 1
rgb "4D4D4DFF"
condition 1


erzeugt einen Button, in dem ein roter Punkt signalisiert, ob das Gerät eingeschaltet ist oder nicht:

(http://forum.fhem.de/index.php?action=dlattach;topic=32828.0;attach=26422)



Auf die gleiche Art und Weise kann man natürlich auch Text mit Informationen in den Button schreiben:

(http://forum.fhem.de/index.php?action=dlattach;topic=32828.0;attach=26424)

Code Auswählen Erweitern


boxcolor "FFFF00FF"
button 31 0 0 160 80 0 0 {"-wohnzimmer.html"} {"Wohn Heizkurve"}
thalign "middle"
text wz_IstTemp 80 60 {"Soll: ".ReadingsVal('wz_TC_Climate','desired-temp','?')."°C   Ist: ".ReadingsVal('wz_TC_Climate','measured-temp','?')."°C"}
thalign "start"


[hotwebnet]

Danke für die Info.......habe das 55_InfoPanel.pm nun auch laufen....
Danke betateilchen für die Bereitschellung......

[fh168]

Klappt bei mir jetzt auch.
Mit "Editor" meinte ich vorhin den Codemirror, den man so aktivieren kann.

Code Auswählen Erweitern

attr WEB JavaScripts codemirror/fhem_codemirror.js
attr WEB codemirrorParam { "theme":"blackboard", "lineNumbers":true }

Macht Spaß das InfoPanel!

Robin

[betateilchen]

Macht Spaß das InfoPanel!

Danke.

Da kommt aber noch mehr...

[fh168]

Bei mir ist die optik nicht formatfüllend (800 x600 ) ungefähr. Wie bekommt man das als Vollbild hin?
Und nach 60 Sekunden erscheint oben die Menübar vom Browser. Ich vermute, da macht er einen Refresh.

[hotwebnet]

mit attr myPanel size 1366x695 das ist meine Größe......

[betateilchen]

Anfängerfragen...

Die Größe der Ausgabe wird über das Attribut size festgelegt. Das musst Du entsprechend Deines Display festlegen. Falls das Attribut fehlt, wird als Ausgabe 800x600 verwenet.

Ja, standardmäßig wird nach 60 Sekunden ein refresh ausgeführt. Aber auch dafür gibt es ein Attribut, das man setzen kann.

Ich denke, Du solltest über einen anderen Browser nachdenken, der echten Fullscreen-Modus bietet.

[hotwebnet]

Ich mache das mit dem Fullbrowser mit Webviewcontrol das geht super....komplettes Bild , und dann wenn ich ans Pad gehe geht es automatisch an das mache ich mit tasker und idcam....

[fh168]

klappt fast perfekt.., nach unten scrollt der noch etwas .. hm. muss ich mal sehen.

Nach 60 s klappt kurz die Menubar von oben  runter, wie macht man die weg? Ist wohl ein Browserproblem oder? Ich nehme den Standard Android Browser mit der Weltkugel.

[betateilchen]

Im Standardbrowser von Android gibt es keinen echten fullscreen-Modus.