FTUI 1.x - Tablet

warning 32 FTUI 1.x Tablet/Mobile wird nicht fortgesetzt. Bitte schaut euch meine Demo der Version 2.2 an.

-> FTUI 2.2

Hier meine 'FHEM Tablet UI' optimiert und zusammengefasst für Tablets mit WebViewControl. In meinem Fall läuft die hier beschriebene und zur Verfügung gestellte UI auf mehreren Samsung Galaxy S5 und ist per DynDNS aus dem Web erreichbar.

Die UI sowie meine FHEM-Konfiguration ist noch lange nicht vollständig. Bei Neuerungen wird auch diese Seite hier aktualisiert.

Die UI ist komplett mit dem PageTab-Widget aufgebaut. Die erste Seite (index_home.html) wird durch die "index.html" geladen.

Die UI findet ihr, gepackt in eine ZIP-Datei, am Ende des Beitrag's.

Viel Spaß.

15.03.2016

Aktuell teste ich aktiv FTUI 2.0!

bad.html, buro.html, kuche.html, wohnzimmer.html, schlafzimmer.html

Umstellung der Heizung auf WeekDayProfile bzw. Heating_Control. Wegfall der Mode-Auswahl (immer manual), Push für Temperaturdirektwahl in Switch mit Statusanzeige geändert, Spinner-Widget zeigt aktuell eingestellte Temperatur.

Alarm-Dummy (Alarmanlage). Tastenfeld (PIN-Code) zum deaktivieren.

index_home.html

Mode-Auswahl für Heizung weggefallen (s.o.). Checkbox-Widget zum aktivieren/deaktivieren aller Heating_Control-Devices.

Türschloss/ Tür. Türkontakt bereits vorhanden und ausgewertet. KeyMatic vorgesehen.

draussen_garage.html

Eigenbau Temperatursensor aus DS18B20 und ESP8266... Temperatur aktualisiert und Batteriestatus hinzugefügt.

rpi_status.html

Temperatur- und Auslastungsplot wieder entfernt. Dauert beim laden der Seite einfach viel zu lange!

fhem-tablet-ui-user_tablet.css

Label-Widget: per ID änderbar, sodass die Nachkommastellen kleiner, über der Einheit angezeigt werden.

(http://forum.fhem.de/index.php/topic,49890.0.html)

Komplettes Re-Design. Und es gefällt mir immer noch nicht besonders...

abfahrt.html orange

FTUI-Widget Departure hinzugefügt. Globaler "Aktualisieren-Push" für die Departure-Widgets.

Datenstruktur bearbeitet:

Keine data-template Einbindungen mehr! Dadurch wurde erreicht, dass die Widgets, die vormals per data-template eingebunden wurden, nun ein besseres Ladeverhalten haben und zuverlässig angezeigt werden.

15.02.2016

buro.html

Eigenes <gridster>-Element für's Display (Tablet m. Fully Fullscreen Browser und Automagic/AMAD). Anzeige des Akku's (25,50,75,100%), ob geladen wird (ja/nein) und Steuerung der Helligkeit. Zusätzlich Anzeige des Akku-Ladezustands ab 75% abwärts per "warn".

alle Seiten

Einige Elemente neu angeordnet und umformatiert. Widgets als Platzhalter für zukünftige Devices eingefügt (Waschmaschinenüberwachung, Tablets (s.o.), Schalter (PC, Licht)). Zwei weitere Icon-Fonts (IcoMoon) hinzugefügt. (nesges Sofa-Icon, Danke!)

rpi_status.html

Speichertatus der FHEM-Konfiguration. Anezige ob Konfiguration gespeichert ist oder nicht (mit dynamischem Label-Widget (Text und Farbe) aus Readings). Push-Widget zum speichern der FHEM-Konfiguration.

Simplechart-Widgets für Temperatur und Auslastung (aktueller Tag) hinzugefügt.

dwd.html

GDS-Widget auf data-max="20" um alle Warnungen zu sehen. Umschließendes <gridster>-Element scrollbar gemacht (style="overflow:auto;"). ScrollBars werden in WebViewControl auf Androidgeräten nur schmal und grau dargestellt.

29.01.2016

index_home.html

Anrufbeantworter hinzugefügt (FritzBox). Anzahl neuer Nachrichten und Ein/Aus.

Buttons der Müllvisualisierung an die von setstate aktualisierte Version des Button-Widget angepasst.

wohnzimmer.html

Raumname korrigiert (Schlafzimmer -> Wohnzimmer).

wetter.html

Vorhersage an die Mobile-Version angepasst.

fhem-tablet-ui-user_tablet.css

Abgerundete gridster-Elemente. Idee von h3llsp4wn.

Hintergrundfarbe der "warn"-Icons geändert.

12.01.2016

wetter.html

BMP180 Luftdruck hinzugefügt; <header> der Vorhersage geändert; Leerzeichen zwischen Wert und Einheit entfernt.

flur.html

Positionierung des Sliders angepasst.

index_home.html

<header> für "Eco-Taster" geändert.

05.01.2016

Geänderte Daten-Struktur: Um Updates über FHEM weiterhin zu ermöglichen ohne manuell eingreifen zu müssen, greift die 'Mobile'-Version jetzt auch auf die Ressourcen in /fhem/tablet/ zu. Dafür war es nötig das von mir angepasste GDS-Widget zu duplizieren und umzubenennen (widget_gds_mobile.js). /images/ und /css/ bleiben mit Versionsspezifischen Dateien erhalten.

Beide Versionen findet Ihr jetzt in einer ZIP-Datei.

 

index.html

 

index home 

index_home.html

 

abfahrt

abfahrt.html

 

dwd

dwd.html

 

wetter

wetter.html

 

regenradar

regenradar.html

 

bad1 bad2 

bad3 bad4

bad.html

 

buro

buro.html

 

flur

flur.html

 

kuche1 kuche2

kuche3

kuche.html

 

schlafzimmer

schlafzimmer.html

 

wohnzimmer

wohnzimmer.html

 

wohnzimmer licht1 wohnzimmer licht2

wohnzimmer_licht.html

 

wohnzimmer multimedia

wohnzimmer_multimedia.html

 

draussen garage

draussen_garage.html

 

rpi status1 rpi status2

rpi status3

rpi_status.html

 

Download:

Datei Größe Datum
FTUI_roman1528.zip 28,8 MB 15.03.2016

 

 

Comments are now closed for this entry

Kommentare

0 # Keine Symbole nach Ubdate FHEMUwe 2017-03-05 13:00
Hallo Roman,

herzlichen DAnk an deine großartige Arbeit.
Ich wollte dich fragen ob du mir sagen kannst warum bei einem FHEM Update bei mir dann immer alle Symbole in der UI verschwinden.
Wenn ich eine kopie deines Ordner drüberbügle und die Index neu reinkopier geht wieder alles.

Lg
Uwe
0 # Alarmanlage PIN-CodeRonny 2017-02-02 09:07
Hallo erst einmal ein großes Lob für deine Arbeit. :-)
Ich bin schon lange auf der Suche nach einer Pin-Code Abfrage für die Alarmanlage (bestehend aus 2 Türkontakten und einem Bewegungsmelder).
Wie hast du das umgesetzt? Also ich meiner nicht nur die Einbindung in der TabletUI sondern direkt in FHEM.
Gibt es dazu vielleicht einen Beitrag den ich übersehen habe ?
0 # AlarmanlageRoman 2017-02-10 10:18
Moin.

Schau dir mal das Modul Alarm an. https://fhem.de/commandref.html#Alarm

Für den PIN-Code verwende ich das Sequence-Modul
https://fhem.de/commandref_DE.html#sequence

Grüße^^
0 # FTUI_roman1528.ziptoensi 2017-01-31 16:21
Hallo Roman,

bitte um Hilfe, seit dem ich meine Rpi2b neu augesetzt habe, bekomme ich keine MÜLL ICON angezeigt, hast du da ne Lösung für mich. ?????
nutze jetzt FTUI_roman1528 für Tablet.
nutze die neue für Handy.
Supi weiter so ......
Vielleicht kannst Du hier auch helfen, habe ab heute diverse Fehlermeldung im LOG:
ERROR evaluating {myCupsAbf......
ERROR evaluating my $NAME='Abfall';my $SELF='Abfall_Update';my $EVTPART1='148378505797muellmaxde;.............';m y $TYPE='Calendar';{Abfalltermine("$EVENT")}: Undefined subroutine &main::Abfalltermine called at (eval 11191) line 1.


fhemweb.js line 770:
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

Danke und Grußm aus Münster
0 # muellRoman 2017-02-01 20:14
zitiere toensi:
nutze jetzt FTUI_roman1528 für Tablet.

Eventuell mal über ein Update auf (mittlerweile) 2.5 nachgedacht? :P

zitiere toensi:
ERROR evaluating {myCupsAbf......
ERROR evaluating my $NAME='Abfall';my $SELF='Abfall_Update';my $EVTPART1='148378505797muellmaxde;.............';my $TYPE='Calendar';{Abfalltermine("$EVENT")}: Undefined subroutine &main::Abfalltermine called at (eval 11191) line 1.


Sieht nach einem Fehler des ABFALL-Modul's aus... aber genau kann ich das so nicht sagen. Ich hatte da nie Probleme mit. Hast du vielleicht ein bisschen mehr LOG? bzgl. Datenschutz kannst du mich auch direkt über das Kontaktformular anschreiben....

zitiere toensi:
fhemweb.js line 770:
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data


Wenn das ABFALL-Modul einen Fehler in der Ausgabe produziert wundert es mich nicht, dass FHEMWEB angiebt Probleme damit zu haben :lol:

zitiere toensi:
Danke und Grußm aus Münster


Wir sollten uns mal treffen XD bin öfter in Werl 8)

Grüße^^
0 # Wetter außentemperaturStefan 2017-01-08 13:18
Hi
ich habe ein problem und zwar ich bin anfänger. habe mir deine wetterseite kopiert. habe mir das was ich wollte auch rausgeholt. nur beim dem Wetter was jetzt anliegt. was bei dir in der mitte ist in der ersten zeile. Habe ich bei temperatur nur z.b 0. c° stehen was mache ich falsch?
0 # TemperaturRoman 2017-01-08 13:34
Ist der Name des Readings richtig? Ist der Name des Device richtig?
Ist es vielleicht 0°C draußen?
Mehr kan ich aus meiner Glaskugel nicht rausholen XD
Su musst schon paar mehr Infos liefern. wie auch z.B. den betreffenden Teil des Codes.

Grüße^^
0 # TemperaturStefan 2017-01-16 20:54
Fehler gefunden. Es fehlte bei mir noch einen device und es war noch eine zeile zuviel drin. Trotzdem danke
0 # WindrichtungMichael 2016-12-30 22:06
Leider funktioniert das auch nicht bei mir.
0 # CodeMichael 2016-12-30 22:07
x
0 # CodeMichael 2016-12-30 22:08
den Code habe ich analog der Webseite https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/wind_direction übernommen!
0 # fhem.krause.velen@gmail.comMichael 2016-12-30 19:42
Hallo,
coole Sache deine Seite.
Ich bastel gerade mit deinen Vorschlägen und Ideen an meiner eigenen Seite.

Beim Thema Müll wird bei mir aber leider keine Mülltonne angezeigt.
Wahrscheinlich ein Userproblem, aber finde leider den Fehler nicht.

Danke für deine Hilfe!
0 # NachtragMichael 2016-12-30 21:50
@ Roman,
Wäre schön, wenn du meine eMail ausblendest!
DANKE
0 # Farbe des HintergrundesSebastian 2016-09-06 22:39
Hallo!

Echt Super das du die gesamten Daten bereitgestellt hast. Mir als Anfänger mit FHEM und Tablet UI hilfst du extrem weiter!

Eine Frage habe ich an dich. Die Änderung des Hintergrundbildes habe ich gefunden, aber wie kann ich die Hintergrundfarbe umstellen?

Danke!!!
0 # HintergrundfarbeRoman 2016-12-23 12:44
Moin.
In der gleichen Zeile.

body {
background:#000000 url(../images/bg2.jpg) 0 0 no-repeat;
color: #cccccc !important;
}

#000000 ist die Farbe.
Musst dann nur alles andere dahinter entfernen, Sonst ist ja das Bild aktiv.

Grüße^^
0 # Anpassen an das TapPaul 2016-07-13 23:58
Hallo.

Wie passt man alles an ein 7" Tap an damit man den ganzen Bildschirm ausfüllen kann ohne zu scrollen.

Gibt es da einen Befehl den man in die .html schreiben muss?

Gruß Paul
0 # Auflösung anpassen.Roman 2016-12-23 12:47
Dieses Thema wurde leider schon viel zu oft durchgekaut.
Ich selber hatte die Probleme mit Auslösungen von 1024x600 und 1280x800 bei gleicher Displaygröße.

Zauberwörter:


Aber du musst alles anpassen damit es wieder einigermaßen aussieht.

TIP: Bei Android den Fully Fullscreen Browser verwenden. Der kann scalieren.

Grüße^^
0 # WindrichtungRolf 2016-05-17 16:05
Hallo Roland, kann es sein das die Anzeige Windrichtung im Wetter Widget nicht mehr funktioniert. Die Variablen stimmen alle überein. Werte sind auch da, aber die Anzeige funktioniert nicht.

Viele Grüße
Rolf
0 # .Roman 2016-05-28 13:23
ICH HEIßE ROMAN!!!!! kann doch nicht so schwer sein!

Ich habe keine Probleme mit dem Wind-Direction-Widget.
0 # AusgabeformatRolf 2016-05-10 10:05
Hallo Roland,

ich habe eine Frage bezüglich Ausgabeformat von zB. Temperaturwerten. In FHEM lese ich Temperaturen mit DS18B20 aus. Die werden mit 3 Stellen hinter dem Komma geliefert. Wie kann ich die in Tablet vernünftig mit einer Stelle ausgeben. Geht das überhaupt?

mfg Rolf
0 # .Roman 2016-05-10 10:15
Moin... Roman... übrigens :)

Ja das geht. Recht einfach sogar. Ich nehme an du lässt dir in FTUI die Temperaturen mit einem Label-Widget anzeigen.
Du brauchst der Definition des Label-Widget nur folgendes hinzuzufügen:

data-fix="1"

damit wird auf eine Stelle hinter dem Komma gerundet.
Oder du rechnest direkt in FHEM um:

attr DEVICE userReading eine_Kommastelle {sprintf('%.1f', ReadingsVal('DEVICE','READING',0));}

Das schreibt dir den Wert READING aus DEVICE auf eine Kommastelle gerundet in das Reading eine_Kommastelle im DEVICE. eventuell musst du noch...

attr DEVICE event-on-update-reading READING

...ergänzen.

Grüße^^
0 # Antwort auf meine FrageRolf 2016-05-10 10:15
Hat sich erledigt. Dank Deines Hinweises etwas weiter oben. :-*
mfg
Rolf
0 # fhem.cfg culJörg 2016-05-08 08:04
Hallo Roman,

ich habe gesehen, dass du einen mir bsiher völlig unbekannten Befehl verwendest:
set cul_433 raw it 180
was macht der ?

Grüße
Jörg
0 # .Roman 2016-05-08 11:05
Das setzt den "ITClock" für z.B. billig Steckdosen aus'm Baumarkt.
Da ITClock als Befehl bzw. das setzen des ITClock als Attribut im eigentlichen IT Device bei mir nicht funktioniert hat habe ich das so übernommen.
Beim start von FHEM wird das nach Initialisierung an den CUL geschickt,
Grüße^^
0 # Widget RahmenMarco Engelhardt 2016-05-02 18:46
Echt der Wahnsinn was du hier bietest, zum über der absolute hammer!

Möchte gerne damit anfangen der Rahmen der Widget zu verkleinern, so dass sie direkt aneinander liegen. Eine Idee?
0 # .Roman 2016-05-02 19:06
Es gibt die CSS Klassen narrow und narrower.
Klappt nicht immer aber du kannst dir diese als Beispiel nehmen und eigene schreiben.

Grüße^^
0 # data-deviceMarco Engelhardt 2016-05-02 19:51
Super, dank dir!
eins noch ;-)

Was machht das "data-device="bad-alert" im menu.html (mobile)?

RÄUME
0 # .Roman 2016-05-04 20:42
Das ist auch in der tablet version^^
damit werde ich über z.b. leere battereien alamiert und kann dann auf der bad-seite sehen welche leer ist.

du kannst die data-devices aber auch in der fhem.cjg nachschlagen die ich hier auch zur verfügung stelle!
0 # FTUI & Fhem.cfgJörg 2016-04-27 14:26
Zu allererst Respect!!

Sieht sehr umfangreich aus.
Schön das du die cfg mit anbietest, was für Einsteiger wie mich sehr Interessent ist um gewisse Vorgänge logisch nachzuvollziehen.

Schönen Gruß Jörg
0 # .Roman 2016-04-27 16:39
Vielen Dank :-)

Grüße^^
0 # TabletuiJörg 2016-04-28 14:53
Hallo Roman,
ich hatte irgendwo hier gelesen, das die Gridster Elemente auch mit abgerundeten Ecken darstellbar gemacht werden können. Da das glaub ich in der CSS verankert ist müsste es da auch geändert werden und anschließend in die user.css rein (wegen Update). Ich find das irgendwie ni muss ja was mit border-line und px sein. Würde mich freuen wenn ich ein Zeichen bekomme. Ich find ein 1zu1 nachbauen doof, da lernt ma ja nix. Aber als Inspiration hast du gute Arbeit gemacht.
Viele Grüße Jörg
0 # gridster mit "runden Ecken"Roman 2016-04-29 14:03
Moin.

Ja das geht in der tat. Und border ist schonmal ein guter Ansatz :lol:

Das Gute Stück heißt:
border-radius.

Kann man auch in meiner fhem-tablet-ui-user_tablet.css (noch) finden. Ich glaube allerdings ausgekommentiert.

Um es dir etwas leichter zu machen:

.gridster ul li {
border-radius:6px;
}

Grüße^^
0 # border radiusJörg 2016-05-03 16:12
Hallo Roman,
Habe es hinbekommen, hatte den richtigen Ansatz und konnte auch deuten das es auskommentiert war. Nur speichern muss man auch bevor man es hochlädt. :lol:
Schöne Tage Dir und Danke
0 # NachtragTelefonmann 2016-04-25 00:41
ok, ich ziehe meine 1. Frage zurück. Wer lesen kann ist klar im Vorteil.
2. Frage wäre trotzdem interessant.
0 # AB über Tablet abhörenRoman 2016-04-27 16:38
zitiere Telefonmann:

2. Frage wäre trotzdem interessant.


Nein leider nicht.
Grüße^^
0 # "ma" iconsTelefonmann 2016-04-25 00:06
Hi Roman,
auch von mir dickes Lob. Schönes Ding, deine Arbeit!
Ich bastele mit deiner Telefonseite rum.
Hast du einen Tip, wie ich die "ma" icons aktivieren kann? Keine Anzeige bei mir.
Also z.B."ma-ring_volume". Zu welchem font/style gehören die?
2. Frage: kennst du eine Möglichkeit, den AB auch über ein Tablet abzuhören?

Schönen Gruß
0 # AnmeldungPatrick 2016-04-13 08:30
Hi,

ich hab mir mal deine config und deine Tablet UI geladen und auf den Pi geschoben.
Nach logischerweise auftretenden Anpassungen bezüglich IP's etc startet es nun durch, allerdings hast du Anmeldedaten gesetzt?
0 # AnmeldungRoman 2016-04-13 09:31
Ja...

siehe Device:

allowedWEB

Grüße^^

P.S.
Diese "User-Demo" hier ist dazu da um sich Eindrücke zu verschaffen und dazu diese Eindrücke und Ideen auch in FHEM umsetzen zu können... Es ist niemals ratsam die ganze Installation 1 zu 1 zu übrenehmen... aus eben genau diesen Problemen... Natürlich werden immer Anpassungen erforderlich sein... Aber ein stehendes System in seine eigene Konfiguration übernehmen ist niemals die einfachste Lösung!
0 # AnmeldungPatrick 2016-04-13 21:45
Ah, ok, gefunden. Und neu gesetzt :-)

Das das nur "Eindrücke" sein sollen ist mir schon klar, aber als html noob ist es für mich doch interessant, wie etwas funktioniert wenn ich klicke oder etwas verändere. Und das dann direkt in deiner Config zu sehen :-)

Nächste frage: Warum eine index_home, und dieses nicht in die index geschrieben?
0 # Floorplan in Tablet UiAdrian 2016-04-06 11:57
Ist es möglich den Floorplan in Tablet Ui zu integrieren?
Habe dazu noch nirgends was gefunden
gruß Adrian
0 # FloorplanRoman 2016-04-06 12:59
Moin.
Ich habe mich noch nie mit Floorplan beschäftigt...
Dazu kann ich also leider nichts sagen.

Grüße^^
0 # Weitere Einstellungen notwendig?Jan Krohn 2016-03-20 16:12
Hallo Roman,
auch erst mal vielen Dank, dass Du Deine Super-Arbeit hier als Beispiel zur Verfügung stellst. Ich wollte die neue Version vom 15.03. jetzt auch mal bei mir testen (bei der alten hatte ich immer das Problem, dass die Oberfläche mal angezeigt wurde und mal nicht bzw. sich beim Aufruf das ganze FHEM-System eine Auszeit gönnte. Mit den neuen Dateien bekomme ich nur den farbigen Hintergrund und die Überschrift 'Home' angezeigt. Hast Du eine Idee, woran das liegen kann?
Gruß Jan
0 # Glaskugel :PRoman 2016-03-20 18:06
Moin. und Danke...

Nein so kann ich dir erstmal nicht helfen... Das sind zu wenig Informationen.
Was eine Möglichkeit ist, dass deine Installation (Systemabhängig) nicht im Ordner /opt/fhem/www/... liegt sondern woanders. Dann können die Ressourcen nicht geladen werden (das Hintergrundbild ist anders eingebunden).

Ich gehe zwar davon aus, dass dies nicht der Fall ist, aber Möglichkeit Nr. 2 ist, dass du nicht den gesamten Inhalt kopiert hast und relevante Dateien einfach fehlen.

Ansonsten ist noch dazu zu sagen, dass ich immer noch PageTab verwende und dies ein bestimmtes Ladeverhalten nach sich zieht.

Der Aufruf im Browser muss zudem auch "absolut" sein: http://IP:PORT/fhem/teblet/
Wenn du den / (Slash) am Ende weg lässt werden nicht alle Ressourcen ordnungsgemäß gefunden/geladen.

Grüße^^
0 # Glaskugel erhellt...Jan 2016-03-20 18:51
Danke erstmal für die Tipps...
Das komische ist, das ich andere Beispiele zum Laufen bekomme.
So sieht die Definition aus:
define TABLETUI HTTPSRV ftui/ ./www/tablet2 Tablet-UI
Die Anzahl der Dateien hat sich aber schon verringert, die ganzen includes bzw. menus von vorher sind verschwunden, oder fehlt da wirklich was?
Daten liegen im Standardverzeichnis im Ordner tablet2.
Der Aufruf-Link sieht dann bei mir so aus: http://192.168.xxx.xx:8083/fhem/ftui/

Gruß
0 # Brett vorm KopfJan 2016-03-20 19:34
Ja, vielleicht hätte ich erst Suchen und Ersetzen über Deine Dateien laufen lassen sollen und Tablet durch Tablet2 ersetzen sollen...dann klappt es auch mit der Findung der notwendigen Dateien :-* :zzz
0 # tablet / tablet2Roman 2016-03-20 19:38
Ja das macht Sinn :P
0 # HTTPSRV/Ordner & Co.Roman 2016-03-20 19:38
Die Templates sind rausgeflogen um ein besseres Ladeverhalten hervorzurufen... Hat geklappt. siehe auch oben in der Updatebeschreibung...
Es fehlt also nichts.

Vergesst doch mal dieses blöde HTTPSRV...
Das ist im Grunde unnötig und erzeugt eigentlich nur einen Link zum eigentlichen Ordner... Und wenn dann muss da auch der Slash hinten dran! ftui/ ./www/tablet2/

Versuch doch einfach mal direkt auf zu rufen:
http://IP:PORT/fhem/tablet2/

Grüße^^
0 # Passwörter und co.kleinerDrache 2016-03-16 18:00
erstmal erstklassige Arbeit.
aber solltest mal in deiner fhem.cfg schauen da stehen noch teilweise deine passwörter und anmeldedaten drinn.
0 # DankeRoman 2016-03-16 18:08
Danke
Ist nur immer nicht ganz einfach die ganze cfg zu überarbeiten
Grüße^^
0 # RegenradarRolf 2016-03-14 13:52
Hi Roman,
ich beschäftige mich seit einiger Zeit mit FHEM und bin darüber auch auf Deine Seite mit TABLET UI gestoßen. Vorab "Eine toller Arbeit". Ich habe einige Teile auf für mich abgeändert und angepasst. Nun ist mir aufgefallen, dass seit ein paar Tagen das Regenradar nicht mehr funktioniert(weißes Bild). Ist da was bei Wetteronline geändert worden.

LG Rolf
-1 # RegenradarRoman 2016-03-15 12:06
Moin.
Jap.. wetteronline hat da was geändert.
Ich musste mir auch was neues suchen.
Schau mal auf:
www.niederschlagsradar.de/ bzw. schau dir mein heutiges Update an :)

Grüße^^
0 # data-templateThorsten 2016-03-08 14:34
Hi Roman,

vielen Danke für die Super Seite und den Aufbaubau deines UI´s. Freue mich schon auf dein neues Design. Du hast deine Datenstruktur geändert, kein data-template mehr. Wie hast du es jetzt gelöst? Ich bin gerade dabei mein UI komplett zu überarbeiten und suche noch die ultimative Lösung in Sachen Geschwindigkeit und Performance.
0 # data-templateRoman 2016-03-08 22:01
Moin. Schön, dass es dir gefällt. :)

Ich habe den Code aus den Templates in die Mutter-HTML eingefügt. Für mich macht es keinen Unterschied ob er die HTML plus template oder die HTML inkl. Template lädt.
Ist zwar mit ein wenig Arbeit verbunden, weil du überall wo du data-template verwendet hast den Code reinkopieren musst, aber meines erachtens ist es das Wert. Ich habe keine Ladefehler mehr in den ursprünglichen data-temlate Bereichen und ich finde er lädt genau diese Bereiche etwas schneller, weil er sie nicht erst noch zusammen setzen muss.

Ob das nun der absolute Performance-Kick ist will ich nicht behaupten! Aber er lädt es zuverlässig!

Zum Thema Geschwindigkeit und Ladeverhalten ist aktuell FTUI-2.0 interessant.
Wenn du schon etwas mit FTUI gearbeitet hast und die Materie etwas kennst solltest du es dir mal anschauen. Ist jetzt komplett JSON un deswegen schonmal schneller, weil nicht so viel hin- und hergereicht werden muss.
Also gerade am Rechner, wo man keine Behinderung durch langsame Hardware (wie am Tablet) hat ist der Seitenaufbau und das Ladeverhalten der Widget's merkbar schneller! Ohne Apache-Server!
Es kann sein, dass einige Widget's noch nicht korrekt arbeiten, weil dort auch Änderungen vorgenommen wurden/werden müssen. Vorallem die Widget's aus "Widgets-for-fhem-tablet-ui" werden es nur teilweise bis gar nicht tun^^

Grüße^^
0 # Wohnzimmer-Popup FarbeJens 2016-03-06 20:07
Hallo,

klasse UI. Die Seiten haben mir schon sehr geholfen.

Darf ich fragen, wie das abgebildete Popup fürs Wohnzimmer im HTML-Code aussieht? Der Code ist (noch) für ein Volume-Regler, welcher hue steuert. Da dies mein RGB-Controller nicht kann, hätte ich gern die einzelnen Farben.
Finde im device zwar ein Reading "hue", per Set kann ich aber nur "RGB" und "HSV" setzen.

Vielen DAnK!
+1 # Wohnzimmer - Falsche HTML'sRoman 2016-03-06 23:20
Moin...
Da hab ich bei der letzten Aktualisierung wohl nicht ausfgepasst. Das ist nicht die korrekte HTML.
Aber auch bei den Push-Widgets mit den Farben setze ich HUE. So kann ich einfacher Farbkorrekturen vornehmen...
Ansonsten sind das RGB-Standardfarben bzw. Mischfarbe.
FF0000 ROT
00FF00 GRÜN
0000FF BLAU
FFFF00 GELB
00FFFF TÜRKIS
FF00FF PINK
FFFFFF WEIß

HTML's sind jetzt nochmal aktualisiert.
0 # Wohnzimmer - PopupJens 2016-03-07 09:53
DANKE! Das ging fix ;-)
0 # AbfallkalenderVeit 2016-03-01 08:56
Hi, mein Abfallkalender hat auch keine readings mehr, in upcoming sind alle Termine eingelesen, aber die Dummys erhalten keine aktuellen Zahlen. Kannst Du, paralell zu deiner cfg, die 99myUtils auch hier bereitstellen ?? Gruß
-1 # AbfallkalenderRoman 2016-03-01 10:32
Moin.
Seit Änderung des Calendar-Moduls scheint der Code aus der 99_myUtils.pm nicht mehr zu passen. Da ich kein Perl kann, kann ich da auch leider nicht weiter helfen.

Ich bin deshalb auf das ABFALL-Modul umgestiegen:
forum.fhem.de/index.php/topic,48237.0.html

Meine 99_myUtils.pm ist mittlerweile wieder leer.

Grüße^^
0 # AbfallkalenderIngo298 2016-02-16 18:05
wie hast du das mit dem Abfallkalender gelöst, irgendwie aktualisiert er bei mir nicht?
0 # AbfallkalenderRoman 2016-02-17 08:08
Glaskugel...
Wer, was, wann, wo aktualisiert nicht?

In FTUI: Benutzt du Dummys?
attr Dummy event-on-change-reading .*
attr Dummy event-on-update-reading .*

Ich habe mittlerweile auf das ABFALL-Modul aus dem Forum umgestellt. Da es so einige Änderungen im Calendar-Modul gab, lief es bei mir nicht mehr zuverlässig. Mit dem ABFALL-Modul kämpfe ich im Moment nur mit den Aktualisierungintervallen der beiden Module.

Grüße
0 # AbfallkalenderIngo298 2016-02-17 21:26
Wird sich sicher klären wenn du deine aktuelle Fhem.cfg zur Verfügung stellst.
Ich habe das neue Kalender- Modul bereits installiert und da läuft die Auswertung nicht mehr wie bisher
0 # AbfallkalenderRoman 2016-02-18 07:33
Meine CFG (http://ueberueck.com/index.php/fhem-hausautomatisierung/14-fhem-konfiguration/6-meine-fhem-cfg) ist immer parallel aktuell zur FTUI. Da ist das ABFALL Modul schon drin.

Was mir gestern aufgefallen ist, dass mein Abfall_at (welches den Calendar aktualisiert) "disabled" war. Blöd...
0 # WebViewControl vs. AMADSlayer 2016-02-15 12:32
Hi,

erstmal sau geil was du hier mit FTUI gemacht hast!!!

Habt ihr euch schon mal anstatt WebViewControl AMAD angeschaut. Funktioniert auch sehr gut!

Weiter so!!!
0 # WebViewControl vs. AMADRoman 2016-02-15 19:37
Ich bin gerade dabei die Kontrolle über Tablets und Co. auf AMAD umzustellen. Wie ich es in der Küche für's InternetRadio auch schon verwende.

In erster Linie ist WebViewControl aber eine FullScreenBrowser-App für Android. Das kann AMAD nicht!
Auf meinen Test-Tablet im Büro habe ich jetzt mal Fully (auch im Forum zu finden) installiert. Läuft auch ganz gut und hat sogar einen Kiosk-Modus.
Da die Weiterentwicklung für WebViewControl eingestellt zu sein scheint (schade um die Sprachsteuerung) werde ich wahrscheinlich auf Fully umsteigen...
Interessant wird AMAD ab März wenn CoolTux alles auf PUSH umstellt und alle Meldungen vom Tablet 1:1 und ohne Verzögerung eintreffen! Ich freu mich schon drauf...
0 # PollenAndre 2016-02-14 20:13
Ein unter attr requestHeader.*

User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:43.0) Gecko/20100101 Firefox/43.0
hat mich wieder am Pollenflug teilhaben lassen

Andre
0 # PollenRoman 2016-02-14 22:32
Cool. Danke für den Hinweis.

Ich habe mittlerweile auf allergy.pm umgestellt...

Grüße^^
0 # FTUIUli 2016-02-14 12:40
Wirklich super :-) werde es mal ausprobieren
Danke
0 # tabletinesa 2016-02-11 15:59
Ich dachte an die ladeanzeige vom Tablet
ist wohl die unten rechts :)
0 # LadeanzeigeRoman 2016-02-12 21:41
Die ist in WVC integriert un erscheint spätestens wenn Dein FTUI richtig für WVC eingerichtet ist und WVC eine Verbindung zu FHEM hergestellt hat.
Siehe auch:
http://www.fhemwiki.de/wiki/WebViewControl#Installation
und in meiner index.html -> {'AppID':'DeviceNameinFHEM'}
0 # tabletinesa 2016-02-09 20:03
Hallo Roman
Wie hast das mit webviewcontrol und
der Akkuuanzeige gelöst würde das auch gern
bei mir haben
Gruß Ines
0 # tabletRoman 2016-02-09 22:48
Moin.
Was jetzt genau? Die Anzeige im Büro oder die Anzeige unten rechts die so überlagert dargestellt ist?
Grüße^^
0 # kommentareAndre 2016-02-01 04:00
Kommmentare werden wohl nicht aktualisiert
letzter für sichtbarer ist vom 27.1
0 # KommentareRoman 2016-02-01 05:54
Normalerweise sollen neue Kommentare automatisch angezeigt werden... weiß nicht was da nicht funktioniert...
Sorry
0 # PollenflugAndre 2016-01-31 16:20
Hallo
Sieht super aus nur scheint der Pollenflug
nicht mehr zu funktionieren die haben wohl
irgenwas geändert und HTTPMOD kommt nicht mehr
damit zurecht HTTP/1.1 403 Forbidden bekomme
ich seit einiger Zeit geht es bei dir noch?
Andre
0 # PollenflugRoman 2016-01-31 20:03
Moin.
Du hast Recht. Bei mir auch: HTTP/1.1 403 Forbidden.
Sei doch bitte so gut und sprech das im Forum an. Theoretisch unter Unterstützende Dienste.
Ich hab so schon genug um die Ohren. :)
Grüße^^
0 # PollenflugRoman 2016-01-31 22:27
Sorry... Mein Fehler... läuft ja gar nicht über die allergy.pm

Hatte die HTTPMOD genommen weil ich so mehr Allergene bekomme die mich auch betreffen.....
Ich mach mich deswegen mal schlau...
Grüße^^
0 # sieht super ausAndre 2016-01-30 21:15
Bin auch dabei mir sowas zu basteln deine Vorlage sieh echt super aus
0 # sieht super ausRoman 2016-01-31 12:31
Danke :lol:
+1 # Super VorlageMarkus 2016-01-27 20:44
Ich habe die Vorlage auch benutzt und finde die richtig gut :-)

Weiter so 8)
0 # Super VorlageRoman 2016-01-31 12:31
Dankeschön :)
+1 # Coole SeitePeter 2016-01-27 11:52
Ich habe deine Vorlage benutz... echt super!!!

Vielleciht könntest du deine Fhem.cfg mit posten ... dann wird einiges klarer
+1 # fhem.cfgRoman 2016-01-27 13:08
Füge meine fhem.cfg beim nächsten Update mit ein. ;-)
0 # wie geilralf 2016-02-20 10:03
Ich fange gerade erst mit dem ganzen Kram an.

Deine Seite ist eine Inspiration

Danke fürs teilen
Ralf