Tablet AJAX/JavaScript/HTML GUI

[Steffen]

@Steffen

Benutze auf dem S2 mal den Dolphin Browser und aktiviere über add-ons das Vollbild
Damit sollten locker alle deine Zeilen angezeigt werden.
Wichtig die genannten Zeilen aus der index.html löschen

Habe es gerade selbst getestet.

Gruß

Ja es klappt aber nur mit diesem Browser aber finde ich ok und danke für deine Hilfe.
Wird alles dargestellt und genau auf die Auflösung...:-)

Mfg Steffen

Mfg Steffen

[Gambit]

Hi,

was mir noch aufgefallen ist bei der Umsetzung meiner bisherigen Konfiguration :

- ein einfacher (grosser) Toogle-Button (den mal garantiert auch mit dem Finger erwischt) wäre noch gut
- mir fehlt die Möglichkeit z.B. über einen iFrame andere Inhalte noch mit unterzubringen. Also quasi ein    http://lalala.de">item31|iframe|3x1|http://lalala.de
- das mit dem popup habe ich nicht ganz verstanden - was löst das Öffnen aus und welchem "Raum" ist das Popup zugeordnet ?

Wie gesagt - macht Spass mit der GUI. :-)

Bye Gambit

[fhem86]

Hi,

was mir noch aufgefallen ist bei der Umsetzung meiner bisherigen Konfiguration :

- ein einfacher (grosser) Toogle-Button (den mal garantiert auch mit dem Finger erwischt) wäre noch gut
- mir fehlt die Möglichkeit z.B. über einen iFrame andere Inhalte noch mit unterzubringen. Also quasi ein    http://lalala.de">item31|iframe|3x1|http://lalala.de
- das mit dem popup habe ich nicht ganz verstanden - was löst das Öffnen aus und welchem "Raum" ist das Popup zugeordnet ?

Wie gesagt - macht Spass mit der GUI. :-)

Bye Gambit

das mit dem iframe kann ich noch einbauen.

in der popup funktion ist übrigens auch ein iframe.

Code Auswählen Erweitern


define meinPopupDevice dummy

#Popup anzeigen
set meinPopupDevice popup|breite|höhe|url|fhem Befehl

#z.B.
set meinPopupDevice popup|400|400|http://ip/mein/webcam.cgi|set Tuer on


Das Popup ist keinem Raum zugeordnet. Wenn du den genannten set befehl ausführst erscheint das popup einfach.

Wenn du auf dieses klickst/touched, wird der fhem Befehl ausgeführt und das Popup geschlossen. Nutzbar z.B. für ein Webcam an der Tür.

[thunder]

Zunächst einmal danke für dieses KLASSE Frontend!

Allerdings habe ich auch Probleme das PopUp and laufen zu bekommen...

die entsprechenden Zeilen aus meiner Konfig:

Code Auswählen Erweitern


define viewFHEM_overview dummy
attr viewFHEM_overview item9 vF|Eingang|popup|FFFFFF|00FF00
attr viewFHEM_overview room viewFHEM

define vF_Eingang dummy
attr vF_Eingang room viewFHEM

define bla dummy



gebe ich dann in der Befehlszeile "set vF_Eingang http://192.168.16.91/video3.mjpg|set">popup|400|400|http://192.168.16.91/video3.mjpg|set bla on" ein passiert leider gar nichts.

Was habe ich übersehen?

[fhem86]

Code Auswählen Erweitern


define viewFHEM_config dummy
attr viewFHEM_config item9 vF_Eingang|popup|FFFFFF|00FF00
attr viewFHEM_config room viewFHEM

define vF_Eingang dummy
attr vF_Eingang room viewFHEM

define bla dummy

set vF_Eingang popup|400|400|http://192.168.16.91/video3.mjpg|set bla on



[thunder]

funzt leider weder mit chrome noch mit Firefox. (habe auch schon den Kamera-URL durch /fhem ersetzt. Keine Änderung

[fhem86]

funzt leider weder mit chrome noch mit Firefox. (habe auch schon den Kamera-URL durch /fhem ersetzt. Keine Änderung

poste bitte deine aktuelle config

Hast du deine config nach meinen Vorgaben geändert?

[thunder]

Hallo,
danke dass Du die die Mühe machst meine Config durchzusehen...

Code Auswählen Erweitern


define viewFHEM_config dummy
attr viewFHEM_config item10 menubutton|font|Arial
attr viewFHEM_config item11 menubuttonselect|font|Arial
attr viewFHEM_config item12 menubutton|size|1em
attr viewFHEM_config item13 menubuttonselect|size|1em
attr viewFHEM_config item14 statusviewlabel|size|1em
attr viewFHEM_config item15 statusviewstate|size|1em
attr viewFHEM_config item9 item9 vF_Eingang|popup|FFFFFF|00FF00
attr viewFHEM_config room viewFHEM

define viewFHEM_menu dummy
attr viewFHEM_menu item1 viewFHEM_overview|Überblick
attr viewFHEM_menu room viewFHEM

define viewFHEM_overview dummy
attr viewFHEM_overview item1 viewFHEM_W|weather[label>font:Arial][state>font:Arial]|3x3|1
attr viewFHEM_overview item12 ph_PumpActor|state[state>size:1em][state>font:Arial][label>font:Arial][on:left>backcolor:00FF00][off:left>backcolor:FF0000]|Pumpe Pool|3
attr viewFHEM_overview item14 zi_rasen|state[state>size:1em][state>font:Arial][label>font:Arial][on:left>backcolor:00FF00][off:left>backcolor:FF0000]|Bewässerung Rasen Garten|3
attr viewFHEM_overview item15 zi_beete|state[state>size:1em][state>font:Arial][label>font:Arial][on:left>backcolor:00FF00][off:left>backcolor:FF0000]|Bewässerung Beete Garten|3
attr viewFHEM_overview item16 zi_beeteN|state[state>size:1em][state>font:Arial][label>font:Arial][on:left>backcolor:00FF00][off:left>backcolor:FF0000]|Bewässerung Beete Vorgarten|3
attr viewFHEM_overview item2 vF_LabelEnv|label[label>font:Arial]|2x3|1
attr viewFHEM_overview item3 ga_temp|temperature[state>size:1em][state>font:Arial][label>font:Arial]|Aussentemperatur in °C|1
attr viewFHEM_overview item4 ga_temp|humidity[state>size:1em][state>font:Arial][label>font:Arial]|Luftfeuchtigkeit Aussen in %|2
attr viewFHEM_overview item5 ph_PoolTemp|temperature[state>size:1em][state>font:Arial][label>font:Arial]|Temperatur Pool in °C|1
attr viewFHEM_overview item6 zi_level|state[state>size:1em][state>font:Arial][label>font:Arial]|Wasserstand Brauchwasser|2
attr viewFHEM_overview room viewFHEM

define viewFHEM_W dummy
attr viewFHEM_W room viewFHEM

define vF_Eingang dummy
attr vF_Eingang room viewFHEM

define vF_LabelEnv dummy
attr vF_LabelEnv room viewFHEM

define vF_LabelPW dummy
attr vF_LabelPW room viewFHEM



der set war:

Code Auswählen Erweitern

set vF_Eingang popup|400|400|http://192.168.16.91/video3.mjpg|set bla on

[fhem86]

Falsch:

Code Auswählen Erweitern


attr viewFHEM_config item9 item9 vF_Eingang|popup|FFFFFF|00FF00


Richtig:

Code Auswählen Erweitern


attr viewFHEM_config item9 vF_Eingang|popup|FFFFFF|00FF00


[thunder]

aargh.... wie peinlich!!!!!

es funktioniert jetzt

Sorry......

[Gambit]

Hallo,

geht die Entwicklung an dieser super GUI eigentlich noch weiter ?
Ist keine Drängelei - ich muss mich nur entscheiden auf welches "Pferd" ich setze und ich finde DIESEN Ansatz einer klasse.

Bye Gambit

[fhem86]

Hallo,

geht die Entwicklung an dieser super GUI eigentlich noch weiter ?
Ist keine Drängelei - ich muss mich nur entscheiden auf welches "Pferd" ich setze und ich finde DIESEN Ansatz einer klasse.

Bye Gambit

Wird weiterentwickelt. Zurzeit habe ich aber keine Zeit.

[Icebear]

Hallo,

So Urlaub und Umzug hinter mir.

Jetzt die Frage. Wird viewFHEM noch weiter entwickelt. Das letzte ist ja offensichtlich im Juli passiert.

Da ich die Haussteuerung nu komplett neu aufbaue wäre es doch interessant zu wissen

Liebe grüsse

Icebear

[Icebear]

Hallo,

für den Fall das das ganze noch weiterentwickelt wird (wäre sehr schade wenn nicht) man müsste dem Slider noch ein Reading mitgeben können (z.b. für FHTs die desired-temp) ansonsten wird der immer nan anzeigen da der aktuelle wert im reading steht (und nicht im state)

Grüsse (mittlerweile aus Friedrichsfeld)
Icebear

[Icebear]

tja da keine antworten mehr kommen denke ich mal das projekt ist gestorben .. schade ..