New FHEM Tablet UI

[nesges]

@nesges: Ich meine bei dir auch irgendwo mal ein Symbol in Form einer Batterie gesehen zu haben. In den aktuellen awesome Icon's ist das nicht enthalten, oder? Wo hast Du das her?

In system-options.php verwende ich fa-bolt für die Batterien; was besseres hab ich nicht entdeckt.

[DJ_SAMMY190]

@dj_sammy190:

Habe den Fehler in der Pushmessage gefunden. War Hochkomma zu viel. Es muss so aussehen (aus der DEF)

Code Auswählen Erweitern

([20:00] and [?du_abfallkalender:state] ne "Nichts") (set Pushoveradresse1 msg 'Müllabfuhr' 'Morgen wird [du_abfallkalender:state] geleert' '' 0 '',set Pushoveradresse2 msg 'Müllabfuhr' 'Morgen wird [du_abfallkalender:state] geleert' '' 0 '')

so gehts bei mir.

Gruß Jürgen

Hatte ich gar nicht genutzt. Wollte nur die Anzeige. Hab sie nun in einem Button. Mal schauen ob das klappt.

[dancatt]

Moin,

Hab mal ein paar Fragen:
1. Thema "Icons":
Ist es irgendwie möglich auch die Icons der Fhem Installation zu benutzen?
Diese sind nämlich gerade für die Hausautomatisierung sehr gut zu gebrauchen.

2. Thema "Menü":
Ich habe irgendwo was gelesen dass Tabs / Reiter geplant sind. Zu wann sind diese geplant? Dann würde ich mir nämlich die Umsetzung eines Menüs anhand von Buttons sparen.

3. Wird es eine Möglichkeit geben, mehrfach vorhandenen Code auszulagern und irgendwie zu inkludieren? Z.B. muss es das Menü in allen HTML-Seiten geben. (Eine Lösung mit php kenne ich (siehe nesges), wollte ich aber nicht verwenden)

Vielen Dank.

MfG
Daniel

[setstate]

@dancatt
Zu 1.: es ist nicht geplant, die FHEM icons als Button oder Symbol anzeigen zu können. Als Image kann man aber jetzt schon. Die Symbole passen meiner Meinung nach auch stilistisch, flächenmässig und linienbreitenmässig nicht zum Tablet UI. Andere Font Symbole ähnlich zumFA nehme ich gerne auf, die SVGs von FHEM aber nicht.
Zu 2 und 3.:Tab Widget ist mein nächster Task. Ich habe auch keinen Platz mehr bei mir und muss eine 2.Seite anfangen. Die Idee mit inkludes finde ich gut. Da kann man mit Platzhaltern und jQuery/Ajax was machen.

[dancatt]

Andere Font Symbole ähnlich zumFA nehme ich gerne auf, die SVGs von FHEM aber nicht.

Gibt es da schon was? Mir fehlen solche Icons wie Batterie, Räume (Bad, Wohnzimmer, ...) und und und.

[johannes1984]

Unter www.weloveiconfonts.com gibt es eine lange Liste mit "Anbietern".


Gesendet von meinem iPhone mit Tapatalk

[Brockmann]

Hallo setstate,

Du kannst ja mal in der fhem-tablet-ui.js die Zeile 238 ändern, und schauen ob es dann besser ist und (ganz wichtig) alles andere auch noch funktioniert.

(Es ging darum, dass beim longpoll-Update <br>-Tags weggefiltert werden.)

Im Prinzip klappt es mit dieser Änderung. Allerdings wirkt sich das anscheinend auf data-fix aus, weil das anschließend nicht mehr klappt (also Werte werden trotz data-fix="1" mit mehreren Nachkommastellen ausgegeben).
So ganz verstehe ich den Zusammenhang nicht, aber Du ja vermutlich schon. Kann man es hinbekommen, dass beides funktioniert?

[setstate]

Die wären auch passend: http://map-icons.com

Oder hier auch eine Liste: http://speckyboy.com/2013/02/20/free-icon-Font-Sets

Es muss ein Free Symbol Font sein.

[setstate]

Unter www.weloveiconfonts.com gibt es eine lange Liste mit "Anbietern".


Gesendet von meinem iPhone mit Tapatalk

Vielen Dank, die sind alle auch sehr schön: sehr zeitgemäß, so wie ich es favoritisiere für dieses UI

Ich suche was raus, und binde sie zusätzlich ein 

[Phil__]

Ich kann die Beispiele aus dem ersten Post nicht vergrößern, liegt das an meinem Browser oder gehen die generel nicht?
Wäre super wenn man sich die Screenshots größer ansehen könnte.

Viele Grüße

[Phil__]

Hallo,
ich probiere mich gerade mal ein wenig.
Ich habe die Widget_base wie folgt auf die größe meines Nexus 7 angepasst.

Code Auswählen Erweitern

<meta name="widget_base_width" content="109">
        <meta name="widget_base_height" content="100">


Nun habe ich das Problem das die Widgets der Thermostate wie im Screenshot zu sehen nicht mehr komplett angezeigt werden.
Kann mir da jemand helfen, wie ich das gelöst bekomme??


Viele Grüße

[stromer-12]

update über fhem gehr nicht:

Code Auswählen Erweitern

UPD www/tablet/css/fhem-tablet-ui.css
Got 5013 bytes for www/tablet/css/fhem-tablet-ui.css, not 4938 as expected,
aborting.

[aeronaut]

Update. Die Änderung gibt es jetzt für das Label Widget. -> Wenn man die CSS Klasse 'timestamp'  hinzufügt, wird statt des Reading-Wertes, der Reading-Zeitstempel angezeigt.

Danke, das ging ja fix 

An mehr Iconfonts (insbesondere für Räume, Badewanne, Dusche, ...) habe ich auch reges Interesse. Am Tab Widget für Unterseiten auch.

Klasse was hier entsteht. Zu so einer einfach zu konfigurierenden Oberfläche, die auch noch klasse aussieht, wollte ich immer hin.

lg
aeronaut

[setstate]

update über fhem gehr nicht:

Code Auswählen Erweitern

UPD www/tablet/css/fhem-tablet-ui.css
Got 5013 bytes for www/tablet/css/fhem-tablet-ui.css, not 4938 as expected,
aborting.

ooh, sorry.
Hab's geändert.

[setstate]

Hallo,
ich probiere mich gerade mal ein wenig.
Ich habe die Widget_base wie folgt auf die größe meines Nexus 7 angepasst.

Code Auswählen Erweitern

<meta name="widget_base_width" content="109">
        <meta name="widget_base_height" content="100">


Nun habe ich das Problem das die Widgets der Thermostate wie im Screenshot zu sehen nicht mehr komplett angezeigt werden.
Kann mir da jemand helfen, wie ich das gelöst bekomme??


Viele Grüße

Da muss man mit den Zahlen der Basis, aber auch mit der Anzahl der Zeilen und Spalten experimentieren. Also zuerst die Basis so groß, dass zumindest  das größte Element (hier Thermostat) drauf passt und dann sehen, wie viel Zeilen aufs Tablet passen. Ich würde eher die Zeilen/Spalten-Basis etwas größer machen und dann am Ende eine Zeile weglassen

<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">