Uhr auf FHEM-Seite

[kvo1]

Hi Oli

funktioniert  herzliche Dank !

klaus

[Hausautomat]

Vielen Dank für das clock.js, funktioniert super 

Die Uhr wird auch korrekt auf den "normalen" Fhemweb-Seiten angezeigt - eingebunden über

Code Auswählen Erweitern

attr Web JavaScripts pgm2/clock.js

Wenn ich aber den Floorplan aufrufe, dann wird das clock.js nicht geladen (und die Uhr fehlt entsprechend)?

[KernSani]

Hi Hausautomat,

ich habe mir das gerade angesehen. Die 95_FLOORPLAN.pm berücksichtigt das "Javascript"-Attribut der Web-Instanz nicht. Dies lässt sich aber relativ leicht "nachrüsten".

In der 95_FLOORPLAN.pm nach folgendem coding

Code Auswählen Erweitern

# FW Extensions
  if(defined($data{FWEXT})) {
    foreach my $k (sort keys %{$data{FWEXT}}) {
      my $h = $data{FWEXT}{$k};
      next if($h !~ m/HASH/ || !$h->{SCRIPT});
      FW_pO "<script type=\"text/javascript\" ".
                "src=\"$FW_ME/js/$h->{SCRIPT}\"></script>";
    }
  }
das folgende Coding einfügen:

Code Auswählen Erweitern

$jsTemplate = '<script attr=\'%s\' type="text/javascript" src="%s"></script>';
  map {
    my $n = $_; $n =~ s+.*/++; $n =~ s/.js$//; $n =~ s/fhem_//; $n .= "Param";
    FW_pO sprintf($jsTemplate, AttrVal($FW_wname, $n, ""), "$FW_ME/$_");
  } split(" ", AttrVal($FW_wname, "JavaScripts", ""));

Ich werde mich mal an den Maintainer wenden, ob das ergänzt werden kann.

Grüße,

Oli

[Hausautomat]

perfekt - das tut. Vielen Dank

[moonsorrox]

nur eins schon mal vorab, wenn ihr heute ein Update macht, ist alles wieder weg... nicht wundern...!
Wer den darkstyle nutzt, denn die darkstyle.css wurde geändert
Also schön sichern..!

[KernSani]

und weil's so schön ist, habe ich noch animierte eine analoge und eine digitale Uhr gebastelt: http://forum.fhem.de/index.php/topic,31912.msg243635.html#msg243635

[Hausautomat]

Kann es sein, das die Aktualisierung der Stati der Lampen mit Uhr später/garnicht erfolgt als ohne Uhr?

Ich habe es noch nicht ausgemessen, aber gefühlt werden die Lampen im Floorplan nicht mehr so schnell aktualisiert...

[KernSani]

Hmmm... Es ist natürlich so, dass jede Sekunde (bei den "schönen" graphischen Uhren sogar jede halbe Sekunde) eine Javascript-Aktion durchgeführt wird. Ich habe leider keine Ahnung, wie der longpoll-Mechanismus läuft aber möglicherweise kann das schon etwas ausbremsen... ich werde das mal beobachten.

Grüße,

Oli

[buchner51]

Hi KernSani,

Danke für den Tip mit ftp, manchmal sieht man das einfachst halt nicht.

Ich hab das Dashbord Modul, kann mann ide Uhr als Raum bez Gruppe anzeigen lassen?

bis dann.

[KernSani]

Hi buchner51,

die Uhr ist ein reines javascript, das im Prinzip unabhängig von FHEM ist, kein FHEM-Device. Du bringst mich da aber auf die Idee, dass man das mit einem weblink machen könnte... Wenn's klappt kommt ein update.

Grüße,

Oli

[KernSani]

Hehe, ging einfacher als ich gedacht hatte Auf die Schnelle habe ich jetzt eine Anleitung, wie die analoge Uhr (ohne Wochentag/Datum) in FHEM Räume/Gruppen eingebunden werden kann. Falls ich noch etwas Zeit finde mache ich das noch etwas eleganter.

1.) niceclocks wie in post #1 beschrieben "installieren"
2.) in niceclocks.js die folgende Zeile auskommentieren:

Code Auswählen Erweitern

document.getElementById('logo').innerHTML='<div id="clockanalog"><img src="fhem/niceclocks/images/analogseconds.png" id="analogsecond"/><img src="fhem/niceclocks/images/analogminutes.png" id="analogminute" /><img src="fhem/niceclocks/images/analoghours.png" id="analoghour"/></div><div id="ncDate">'+getDatum()+'</div>';
3.) Einen Weblink anlegen:

Code Auswählen Erweitern

define niceclock weblink htmlCode {}
4.) folgendes HTML in den DEF-Block des neu erstellten niceclock-devices kopieren:

Code Auswählen Erweitern

htmlCode <div id="clockanalog"><img src="fhem/niceclocks/images/analogseconds.png" id="analogsecond"/><img src="fhem/niceclocks/images/analogminutes.png" id="analogminute" /><img src="fhem/niceclocks/images/analoghours.png" id="analoghour"/></div><div id="ncDate"></div>

Vermutlich gibt's ein paar Seiteneffekte (das Logo verschwindet u.ä.), das lässt sich aber lösen indem das ganze "logo"-bezogene Geraffel im js auskommentiert wird.

So sieht das ganze dann aus, wenn die Uhr der Gruppe Kalender im Raum Wohnzimmer zugeordnet ist:

[justme1968]

hier: https://forum.fhem.de/index.php/topic,53286.msg449780.html#msg449780 ist noch ein variante beschrieben wie man eine uhr einbinden kann.

gruss
  andre