webpgm2 mit Icons aufgehübscht
ivruebj
ersteinmal: 1000 Dank an Rudi und alle Aktiven für fhem. Ich nutze es nun schon seit mehreren Jahren ohne größere Probleme auf einer FB 7170 und freu mich immer über neue Möglichkeiten. (z.B. letztens: mal eben fernab auf einer Fähre auf dem Oslo-Fjord schon mal per Handy-WLAN-SSH-FB-pgm2 für die Rückkehr die Heizung im Häuschen in Schleswig-Holstein einschalten... :)
Und noch einmal 100 Dank obendrauf für den darkstyle-Look bei pgm2. Jetzt sieht Oberfläche auch noch klasse aus.
Weil ich es gerne bunt mag hab ich noch ein paar Icons zusammengeklaubt und -gebastelt und in in WEBFHEM ein paar Zeilen eingebaut.
Vor dem "Room" zeigt er nun ein Icon des Namens ico<room>.png an. Für die Anzeige eines Icons des "Detail" habe ich das comment-Attribut mißbraucht, in den ich den Dateinamen des Icons hinterlege, das er anzeigen soll. Falls die Idee gut ankommt könnte man ja hier für ein zukünftiges Release ein neues Attribut "Icon" vorsehen.
Anbei zwei Screenshots dazu..
Viele Grüße,
Jörg
Sini
ich nutze ebenfalls den Dark-Style und mir gefällts...
Grüße...
Sini
Rudolf Koenig
> -gebastelt und in in WEBFHEM ein paar Zeilen eingebaut.
Nette Icons. Spendierst Du sie? Bitte samt FHEMWEB diffs :)
> F�r die Anzeige eines Icons des "Detail" habe ich das comment-Attribut
> mi�braucht,
Mit "attr global userattr icon" koennte man icon ohne FHEMWEB Aenderung
verwenden.
ivruebj
UliM
und ja - es wär klasse wenn Du die icons bereitstellen könntest.
Sind die selbst gemalt oder haste die irgendwo gefunden? Wenn
Letzteres - wo?
Gruß, Uli
HORCHundKUCK
> Ja, ich stell die icons und Modifikationen gerne hier ein, werde es
> aber erst heute abend schaffen.
> To unsubscribe from this group, send email to
> fhem-users+...@googlegroups.com
Cooooool - das ist eine tolle Aufwertung! Danke & Sch�
puschel74
Kann mich auch dafür begeistern - gespannt auf den Abend wart ;-)
Grüße
fhem-hm-knecht
aber auf deinem Bild 2, Die Vorlauftemperatur 9,5Grad
Brrrrrrrrrrrrrrrrrrrrrrrr ist das kalt
:)
Hary
ivruebj
Hallo zusammen,
wie versprochen anbei die Modifikationen und Ikonen.
Das 01_FHEMWEB.pm an dem ich herumdilettiert habe liegt auch mit im angehängten Archiv. Ansonsten hier die vier Modifikationen (mangels Zeit jedoch etwas "dreckig" und ohne exception handling, also nicht ganz releasefähig :) Hatte nicht vor einen Schönheitswettbewerb zu gewinnen :))
Die Icons sind selbst zusammengestellt, die "grafische Ideen" jedoch inspiriert durch einen großen Hersteller von EIB-Komponenten dessen Namen mit g... anfängt und ...a aufhört.
Viel Spass,
Jörg
AB ZEILE 9:
#########################
# Forward declaration
sub FW_AnswerCall($);
sub FW_calcWeblink($$);
sub FW_dev2image($);
sub FW_comment2image($);
sub FW_digestCgi($);
AB ZEILE 800:
foreach(my $idx = 0; $idx < @list1; $idx++) {
my ($l1, $l2) = ($list1[$idx], $list2[$idx]);
if(!$l1) {
pO "</table></td></tr>" if($idx);
pO "<tr><td><table id=\"room\">"
if($idx<int(@list1)-1);
} else {
pF "<tr%s>", $l1 eq $FW_room ? " class=\"sel\"" : "";
if($l2 =~ m/.html$/ || $l2 =~ m/^http/) {
pO "<td><a
href=\"$l2\"><img
src=\"$FW_ME/icons/ico$l1.png\"
alt=\"\"/>$l1</a></td>";
} else {
pH $l2, "<img src=\"$FW_ME/icons/ico$l1.png\" alt=\"\"/>$l1", 1;
}
pO "</tr>";
AB ZEILE 855:
foreach my $d (sort @devs) {
my $type = $defs{$d}{TYPE};
pF "\n<tr class=\"%s\">", ($row&1)?"odd":"even";
my $devName = AttrVal($d, "alias", $d);
if($FW_hiddenroom{detail}) {
pO "<td><div class=\"col1\">$devName</div></td>";
} else {
pH "detail=$d", $devName, 1,
"col1";
my $iicon;
$iicon = FW_comment2image($d);
my $txxt;
$txxt = "<img src=\"$FW_ME/icons/$iicon\" alt=\"\"/>";
$txxt = $txxt.$devName;
pH "detail=$d", $txxt, 1, "col1";
}
AB ZEILE 1726:
sub
FW_comment2image($)
{
my ($name) = @_;
my $icon = "none";
my ($type, $state) = ($defs{$name}{TYPE}, $defs{$name}{STATE});
$icon = AttrVal($name, "comment", "none");
return $icon;
}
ivruebj
...und nein, ich halte das Kinderzimmer nicht aufgrund EU-induzierter Sparmaßnahmen auf 9 Grad, wenn es bewohnt ist.. :)
..es handelt sich um das ferngesteuerte Wochenendhaus. Deshalb, die merkwürdigen Werte auf den Screenshots..
.. ehe jemand mit dem Jugendamt droht ;)
ilmtuelp0815
Ich habe mir erlaubt die Icons runter zu laden und werde sie am WE hoffentlich einsetzen können. Vielen Dank dafür.
ivruebj
>>Mit "attr global userattr icon" koennte man icon ohne FHEMWEB Aenderung
>>verwenden.
Ah, das ist ja klasse, kannte ich noch nicht. Wieder etwas dazugelernt.
VG,
Jörg
puschel74
>sieht Oberfläche auch noch klasse aus.
nach dem Refresh der Weboberfläche schaltet mir fhem wieder den
"üblichen" Look ein.
Kann ich evtl. mit einem global-attr den darkstyle-look dauerhaft
aktivieren?
Grüße
P.S.: Hab mir auch erlaubt die Icons runter zu laden.
Muss ich diese dann nur ins fhem-Verzeichniss kopieren oder kann ich
ein Icon-Verzeichniss anlegen und die da rein kopieren?
Wie weiß fhem dann den Pfad zu den Icons?
Danke schonmal für die Hilfe
horchundkuck
> Kann ich evtl. mit einem global-attr den darkstyle-look dauerhaft
> aktivieren?
puschel74
attr WEB stylesheetPrefix darkstyle.css
lässt fhem kalt oder muss ich danach erst noch einen shutdown und
restart durchführen?
darkstyle.css lässt sich bei den styles auswählen - aber nicht
dauerhaft.
Grüße
Rudolf Koenig
0. http://fhem.de/commandref.html#stylesheetPrefix
1. stylesheet_PREFIX_ -> attr WEB stylesheetPrefix dark
2. Wenn man nach dem Umsetzen auf "save" klickt, dann sollte das auch ein
reboot ueberstehen.
UliM
diesen post hab ich nicht verstanden.
das attr <device> icon 123.jpg muestte doch dann aber irgendwo
ausgewertet werden?
Steh aufm Schlauch :)
Gruss, Uli
Volker
finde die Aenderung/Erweiterung von ivruebj gut.
Wird das in einer der nächsten Versionen fest eingebaut? Bitte.
MfG
Volker
Am Donnerstag, 23. Februar 2012 10:00:26 UTC+1 schrieb Rudolf Koenig:
> Weil ich es gerne bunt mag hab ich noch ein paar Icons zusammengeklaubt und
> -gebastelt und in in WEBFHEM ein paar Zeilen eingebaut.Nette Icons. Spendierst Du sie? Bitte samt FHEMWEB diffs :)
> F�r die Anzeige eines Icons des "Detail" habe ich das comment-Attribut
> mi�braucht,
Rudolf Koenig
> doch dann aber irgendwo ausgewertet werden?
Sicher, aber es ist immerhin besser, als comment dafuer zu missbrauchen :)
Volker
MfG
Volker
Rudolf Koenig
Hab die icons eingecheckt, die Anzeige in FHEMWEB samt eine Auswahlhilfe
eingebaut, und den obligatorischen Absatz in commandref hinzugefuegt.
- etwas unschoen ist die Zuweisung fuer Raeume, weil grafisch nicht
unterstuetzt. Da man es nur durch Doku-lesen rauskriegt, wie man es macht,
wird hier diese Frage oefters auftauchen.
- die icons sind fuer darkstyle gebaut, und passen schlecht zum default style:
ich hoffe auf einem netten fhem-Benutzer, der sie passend umfaerbt.
- Beim testen mit smallscreen aufgefallen: eine weitere Aufgabe waere das
erstellen eines darkstyles fuer smallscreen, fuer die OLED Benutzer :)
Rudolf Koenig
> Anbei noch ein Icon - keine Ahnung, wie Du es haben m�chtest, darum
> als PNG anbei (hoffe es geht).
Habs eingecheckt.
ManuelM
den Räumen???
Heiermann
"ico"). Dabei ist auf exakte Gross-/Kleinschreibung zu achten.
-Heiermann
puschel74
des
Icons icoHEIZUNG.png zum Raum Heizung
zu posten?
Danke
Grüße
Volker
Raum Heizung -> icoHeizung.png
Volker
puschel74
Dein Hinweis hat mir auf die Sprünge geholfen.
Wenn der Raum Heizung heisst muss auch das Icon icoHeizung.png heissen
dann bindet fhem das automatisch ein.
Naja, lange Leitung später Zünder *g*
Grüße
puschel74
Wenn ich ein Icon mit Paint bearbeite geht beim speichern die
Transparenz verloren und das Icon wird dann über dem zugehörigen Raum
dargestellt - blöd.
Mit welchem Programm kann ich die Icons bearbeiten damit die auch
transparent abgespeichert werden?
Danke und Grüße
Volker Wagner
immer noch einfach zu bedienen.
-----Ursprüngliche Nachricht-----
Von: fhem-...@googlegroups.com [mailto:fhem-...@googlegroups.com] Im
Auftrag von puschel74
Gesendet: Sonntag, 26. Februar 2012 19:22
An: FHEM users
Betreff: [FHEM] Re: webpgm2 mit Icons aufgehübscht
Danke und Grüße
--
Sini
ich habe das Ganze heute getestet und dabei bin ich auf ein Problem gestoßen:
Um den devices ein Icon zuweisen zu können, habe ich folgendes eingefügt:
attr global userattr icon
Die Zuweisung der Icons mache ich manuell, da ich meine fhem.cfg durch includes strukturiert habe, und es mir diese jedes Mal durch drücken des "save"-Buttons geschreddert bzw. geändert hat.
Also habe ich dem device mit attr device icon xxx.png ein Icon zugewiesen.
Das funktioniert soweit auch.
Wenn ich nun aber eine Änderung an der Konfiguration vornehme, dann ändere ich normalerweise eines meiner Includes und aktiviere die Änderung durch ein Edit Files-->fhem.cfg-->save fhem.cfg
Dies funktioniert nun aber nicht mehr und ich bekomme folgende Fehlermeldung:
ERROR:
Unknown attribute webCmd, choose one of room comment alias loglevel:0,1,2,3,4,5,6 icon eventMap or use attr global userattr webCmd
Anschließend sind die WebCmd's nicht mehr verfügbar, und damit meine Schalter nicht mehr zu bedienen.
Frage: Was mache ich falsch?
Ach ja, ich habe auch schon versucht, webCmd als userattr global zu definieren, bringt aber nix...
Noch ein Hinweis: Mache ich einen kompletten "shutdown restart" ist alles gut, die Icons und die webCmd's funktionieren, das kann aber nicht die Lösung sein, ein kompletter Restart nach jeder kleinen Änderung.
Kann mir da jemand weiterhelfen?
Danke...
Sini
Das Attribut "userattr" war ja bereits definiert, und mit meiner neuen Definition kam es nun darauf an, an welcher Stelle in der fhem.cfg ich meine Zeile einfügte, dann tat entweder das Eine oder das Andere.
Also, das Problem war einfach, dass ich versucht habe, userattr zwei Mal zu definieren, und damit kann es nicht gehen. Ich habe jetzt "icon" ans Ende der bestehenden Konfiguration gestellt und schon funktioniert es...
Richtig:
attr global userattr room structexclude webCmd icon
Grüße...
Sini
Habe im Anhang selbsterstellte Icons fï¿œr die Freie verwendung angehï¿œngt.
Ich kann diese noch nicht ins Wiki stellen. Alle Neuen Icons von mir
selber gemalt.
Unsortet enthￜlt leerers Bild um ein Gleichmￜￜiges Schriftbild zu erhalten.
gruￜ Wolfgang
Am 28.02.2012 17:08, schrieb Sini:
> OK, sorry, Kommando zurï¿œck, ich habe das Problem selbst gelï¿œst...
>
> Das Attribut "userattr" war ja bereits definiert, und mit meiner neuen
> Definition kam es nun darauf an, an welcher Stelle in der fhem.cfg ich
> meine Zeile einfï¿œgte, dann tat entweder das Eine oder das Andere.
>
> Also, das Problem war einfach, dass ich versucht habe, userattr zwei
> Mal zu definieren, und damit kann es nicht gehen. Ich habe jetzt
> "icon" ans Ende der bestehenden Konfiguration gestellt und schon
> funktioniert es...
>
> Richtig:
>
> attr global userattr room structexclude webCmd icon
>
> Grￜￜe...
>
>
> Sini
tobias.faust
zb. so?
attr global iconpath /usr/share/fhem/icons
tobias.faust
wenn die Icons alle eingecheckt sind, nach einem "updatefhem" finde ich die Icons aber nicht im VErzeichnis. Gibts hier ein extra BEfehl um die Icons zu importieren?
ilmtuelp0815
Ich komme mit deinem Begriff 'eingecheckt' nicht so ganz klar. Die Icons sind doch Dateien und werden in das entsprechende Verzeichnis kopiert. Ausreichend vorhandener Spiecherplatz vorausgesetzt sind sie dann auch dort und sollten von updatefhem auch nicht gelöscht werden (ist bei mir jedenfalls so).
Ich bin auch deiner Meinung, dass man für die Icons (Bilder) ein eigenes Unterverzeichnis einführen sollte. Mit der Erweiterung des Projektes wird bei Trennung von Programmdateien und Bildern das Ganze übersichtlicher. Vielleicht eine Anregung an Rudolf.
tobias.faust
Also "halb" habe ich es hinbekommen, beim userattr "icon" kann ich ein icon mit Pfad angeben -> icons/meinbild.png
Was ich noch nicht hinbekommen habe, bzw noch kein Hinweis gefunden habe, wie ich den deviceState als Platzhalter mit einbauen kann. Also soetwas zb. icons/meinbild.{state}.png
Ich habe zb. 8 Magnetventile für die Gartenbewässerung (FS20) und da möchte ich einen blauen Wassertropfen als "on" bzw einen grauen Wassertropfen als "off". Die icons habe ich auch schon fertig gebaut, nur noch nicht richtig eingebunden. Zur Zeit sind sie immer blau ;) -> icons/wassertropfen.on.jpg
Gibts da etwas mit Bordmittels oder muss ich fhemweb patchen?
tobias.faust
Irgendetwas muss aber mit dem letzten "updatefhem" reingekommen sein, die icons werden nicht mehr angezeigt. Nur an einer Mini-Einrückung ist zu erkennen, das da mal ein Icon war.
Liegts an mir oder kann das jemand bestätigen?
UliM
Seit letztem updatefhem werden auch bei mir icons aus einem Untergerzeichnis nicht mehr angezeigt. Bei mir ist's nicht state-abhängig.
Im html steht /FHEM/weathericons/sunny.jpg
Die Datei existiert, seit updatefhem wird sie aber nicht mehr angezeigt.
Hat sich das web-root bei fhemweb verschoben?
Gruß Uli
Jan-Hinrich Fessel
Am 08.04.2012 um 19:50 schrieb UliM:
> Hi,
> Seit letztem updatefhem werden auch bei mir icons aus einem Untergerzeichnis nicht mehr angezeigt. Bei mir ist's nicht state-abhängig.
> Im html steht /FHEM/weathericons/sunny.jpg
Müßte da nicht das /FHEM weg? web-root ist doch immer schon irgendwas/FHEM gewesen, oder täusche ich mich?
Nichtsdesdotrotz, Rudi hat aus mir unerklärlichen Gründen in 01_FEMWEB.pm folgende Zeile eingefügt:
+ $img =~ s,/,,g;
damit hat er alle Pfadangaben bei icons unbrauchbar gemacht...
Rudi, warum?
Grüße
Oskar
Rudolf Koenig
Weil es mir nicht bewusst war, dass jemand Bilder in Unterverzeichnisse von
FHEM steckt. Ich habe es wieder aktiviert (ist per updatefhem verfuegbar).
Wenn ich schon dabei war, habe ich die Suche nach den Bildern so modifiziert,
dass zuerst in dem von "attr WEB stylesheetPrefix" spezifizierten Unterordner
gesucht wird (z.Bsp. FHEM/dark), und dann in FHEM. Damit kann man je nach
stylesheet unterschiedliche Icons verwenden.
Sobald updatefhem Verzeichnisstrukturen unterstuetzt, wandern alle darkstyle
spezifischen icons (insb. die ico.*) in das FHEM/dark Unterverzeichnis, und
stehen dem "default" Style nicht zur Verfuegung.
Jan-Hinrich Fessel
Am 09.04.2012 um 09:35 schrieb Rudolf Koenig:
>> Rudi, warum?
>
> Weil es mir nicht bewusst war, dass jemand Bilder in Unterverzeichnisse von
> FHEM steckt. Ich habe es wieder aktiviert (ist per updatefhem verfuegbar).
Fein.
> Wenn ich schon dabei war, habe ich die Suche nach den Bildern so modifiziert,
> dass zuerst in dem von "attr WEB stylesheetPrefix" spezifizierten Unterordner
> gesucht wird (z.Bsp. FHEM/dark), und dann in FHEM. Damit kann man je nach
> stylesheet unterschiedliche Icons verwenden.
Super!
> Sobald updatefhem Verzeichnisstrukturen unterstuetzt, wandern alle darkstyle
> spezifischen icons (insb. die ico.*) in das FHEM/dark Unterverzeichnis, und
> stehen dem "default" Style nicht zur Verfuegung.
So wie Du das gemacht hast, wäre es doch auch nicht schwierig, alle Floorplan-Icons in extra Verzeichnisse zu packen...
Grüße
Oskar
ilmtuelp0815
Ich finde es aber auch für die Übersichtlichkeit besser, wenn man Icons und Bilder in Unterverzeichnisse von FHEM packt.
UliM
Am Montag, 9. April 2012 12:45:06 UTC+2 schrieb oskar:
So wie Du das gemacht hast, wäre es doch auch nicht schwierig, alle Floorplan-Icons in extra Verzeichnisse zu packen...
Es müsste also eine erweiterte Kopie dieser fhemweb-Routine in floorplan.pm eingebaut werden - redundanter code, der außerdem zukünftig bei jeder relevanten Änderung von fhemweb.pm in floorplan.pm nachgezogen werden muss. Das möchte ich vermeiden.
Man kann sich ja nun behelfen, indem man der jeweiligen Webinstanz wie von Rudi beschrieben ein eigenes Unterverzeichnis zuordnet - so könnte man zB für eine lcars-Variante eine eigene Webinstanz definieren, in der dann andere icons gezogen werden und unter der man dann eben den entsprechenden floorplan nutzt.
Das sollte doch reichen?
Gruß, Uli
tobias.faust
wenn du gerade an der Bildroutine arbeitest möchte ich nochmal meine Frage von vor ein paar Tagen in den Raum werfen. Was hältst du davon?
Kannst du für den Status eines Devices noch einen Platzhalter definieren und sodass man über die Weboberfläche alles relativ leicht einstellen kann
zb. icon -> icons/ventilator.{state}.gif
Wenn also der Ventilator an ist, wird icons/ventilator.on.gif angezeigt, wenn er aus ist wird icons/ventilator.off.gif. Der Status sollte abhängig vom evenmap Eintrag sein.
Holger
des Style ist super ! Ich hätte nur noch eine Frage
In Meiner Rollladensteuerung ist praktisch nicht unterscheidbar was Aktueller Status und was die möglichen Optionen sind :-( .. (siehe Screenshot).
Daher würde ich den aktuell eingestellten Wert (Links) gegenüber den möglichen Einstellungen (die 4 Einstellungen rechts daneben) unterschiedlich machen.
--> Ggf. über Bold oder andere Farbe.
Ich kann aber im darkstyle.css nicht finden wie, alles was ich versucht habe hat nicht funktioniert :-(.
Wie hast du das mit deinem "Heizung AUS" und den Aussenbeleuchtungsknöpfen gemacht ? die Neueste FHEMWEB von Heute ist schon drauf.
UliM
bin nicht sicher auf welches Heizung AUS Du Dich beziehst, aber in fhemweb haben die devices folgende div:
id = devicename
class = col2 für den state (col1 = devicename, col3 = commands)
Also solltest Du im css mit sowas wie
#Rollo_ArbeitsZ.col2 {css-format}
oder
.Rollo_ArbeitsZ#col2 {css-format}
hinkommen (# und . verwechsel ich immer - einfach ausprobieren:)
=8-)
Rudolf Koenig
> und sodass man �ber die Weboberfl�che alles relativ leicht einstellen kann
> zb. icon -> icons/ventilator.{state}.gif
Funktioniert fhem/icons/ventilator nicht?
Holger
genau was ich wollte.
#Rollo_ArbeitsZ.col2 {css-format}
funktioniert perfekt !
Gruss
Holger
tobias.faust
Am Montag, 9. April 2012 18:55:01 UTC+2 schrieb Rudolf Koenig:
Funktioniert fhem/icons/ventilator nicht?
UliM
hat Rudi doch grad gebaut - nur Verzeichnis nicht abhngig von device-Attribut oder floorplan-Name, sondern von stylesheetPrefix -siehe oben:
Wenn ich schon dabei war, habe ich die Suche nach den Bildern so modifiziert,dass zuerst in dem von "attr WEB stylesheetPrefix" spezifizierten Unterordnergesucht wird (z.Bsp. FHEM/dark), und dann in FHEM. Damit kann man je nachstylesheet unterschiedliche Icons verwenden.
tobias.faust
im Endeffekt kommt es mir nur darauf an wie ich im Floorplan andere Statusabhängige Bilder anzeigen lassen kann wie auf der normalen FHEM-Seite. Und da passt das IMHO sehr gut wenn man dieses per userattr angeben kann damit das ganze nicht floorplanspezifisch ist.
Und da Du die Bildauswahlroutine von FHEM wiederverwendet hast wollte ich ein anschauliches Beispiel außerhalb von Floorplan wählen.
Ok, mit den Icons war ein schlechteres Beispiel, aber ich habe zb. 8 Bewässerungsventile. Und ich möchte jetzt für die FHEM Seite nicht 8 Mal das on/off Bildchen vervielfältigen und auch keine Symlinks im Dateisystem anlegen. Das ganze sollte nur per Weboberfläche einstellbar sein indem ich bei allen 8 Ventilen ein noch zu definierendes Userattr mit dem o.g. Inhalt (images/wassertropfen.{state}.gif) befülle.
War das jetzt anschaulicher??
Und warum im Floorplan ein anderes Bild? Im Floorplan habe ich ein relativ großes animiertes Bild, ein laufender Rasensprenger. In FHEM dagegen nur einen ganz kleinen blauen oder grauen (je nach Status) Wassertropfen.
Rudolf Koenig
> - Keller_Ventilator
Dafuer musst du Keller_Ventilator.off.gif usw. anlegen.
UliM
tobias.faust
Am Dienstag, 10. April 2012 09:45:31 UTC+2 schrieb UliM:
Verstehe nur nicht, welchen Deiner Wünsche Du mit den jetzt bereitgestellten Mitteln nicht erreichen kannst. Vll auf einem etwas anderen Weg als Du vorschlägst, aber es geht doch alles??
ok, in FHEM muss ich also "nur" symlinks anlegen, ok.. finde ich nur langfristig gesehen "nicht so hübsch" ;) ;)
aber wie kann ich im Floorplan andere Bilder als die im pgm2 anzeigen lassen? Das geht nämlich noch nicht, aber diese Diskussion sollten wir im Floorplan Thread führen ;) Hatten ja schon angefangen ;)