New FHEM Tablet UI

[setstate]

Mit der 1.4 habe ich asynchrone Abfragen zugelassen. Damit bekommt man sehr leicht Probleme durch unterschiedliche Laufzeiten (RaceConditions). Wenn man da nicht alle Möglichkeiten in Betracht zieht ...

Vielen Dank fürs Feedback, ich werde aber später Forschungen starten.

[Phil__]

Hallo,

also bei mir treten die Fehler im heimischen LAN auf!

[jsloot]

hast du beim Label 'narrow' in class mit drin? Das würde das Label näher ran rücken.
Und nach unten ist genügend Platz?
ggf. den Code-Teil mal schicken, wenn trotzdem nicht klappt ...

Ja, habe ich:

Code Auswählen Erweitern

<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="3" data-sizey="3">
<header>Flur</header>
<div data-type="dimmer" data-device="grWZ.Dimmer" class="cell" ></div>
<div data-type="label" class="small narrow darker">Licht</div>
</li>
</ul>
</div>

[setstate]

  dann nimm mal 'narrow' raus !
Besser?

[jsloot]

dann nimm mal 'narrow' raus !
Besser?

Hat leider nichts gebracht... 

[setstate]

Code Auswählen Erweitern

<li data-row="1" data-col="1" data-sizex="3" data-sizey="3">
<header>Flur</header>
<div data-type="dimmer" data-device="grWZ.Dimmer" class="cell" ></div>
<div data-type="label" class="cell darker">Licht</div>
</li>


So geht es. Die Klasse 'cell' gibt dem Element etwas Freiraum nach oben und links, das war hier von Nöten. Mit 'narrow' erreicht man das Gegenteil, es rückt näher zusammen. Statt mit 'cell' kann man auch mit 'top-space' oder 'top-space-2x' arbeiten, dann bekommt man nur nach oben Abstand. 

[setstate]

Absolut, auch das kann ich bestätigen. Laden der html Seiten scheint langsamer und meine eingebunden Images werden nicht mehr gezeigt, nur img.
Allerdings ist das nur bei den lokal abgelegten Images unter ".../fhem/www/tablet/images". bei den aus einer onlinesoucre eingebundenen nicht.

Code Auswählen Erweitern

    <div data-type="image"
    data-url="./images/aral.png"
      data-size="50">
          </div>

Upps, das Image Widget habe ich noch gar nicht an die neue Version angepasst, weil ich es persönlich nicht im Einsatz habe.
Ich melde mich wieder ...

[Phil__]

Upps, das Image Widget habe ich noch gar nicht an die neue Version angepasst, weil ich es persönlich nicht im Einsatz habe.
Ich melde mich wieder ...

Super, Danke!

Das Problem mit dem laden einiger Readings bzw icons ,"Timing Problem"?, scheint mir ein Updateproblem...?!
Habe einfach mal alle Files, bis auf die .html's, aus dem Ordner "...fhem/www/tablet" gelöscht und die aus dem GIT neu geladen und manuel rein kopiert!
Nun sind die Probleme verschwunden.

Bis auf die mit dem Image Widget 

Grüße

[dancatt]

Hab eben ein Update gemacht und meine index.html war überbügelt worden   
Zum Glück hab ich mir die gesichert.

[setstate]

Super, Danke!

Das Problem mit dem laden einiger Readings bzw icons ,"Timing Problem"?, scheint mir ein Updateproblem...?!
Habe einfach mal alle Files, bis auf die .html's, aus dem Ordner "...fhem/www/tablet" gelöscht und die aus dem GIT neu geladen und manuel rein kopiert!
Nun sind die Probleme verschwunden.

Bis auf die mit dem Image Widget 

Grüße

Das ist doch schön zu hören Das mit dem Update natürlich nicht.
Ich hoffe, bei den anderen ist das auch die Ursache.
Vielen Dank für die Info.

[setstate]

Hab eben ein Update gemacht und meine index.html war überbügelt worden   
Zum Glück hab ich mir die gesichert.

Bitte legt eine exclude_from_update Zeile in der fhem.cfg an, ich kann nicht garantieren, dass das nicht wieder passiert.

Code Auswählen Erweitern

attr global exclude_from_update www/tablet/index.html

Sorry 

[jsloot]

Code Auswählen Erweitern

<li data-row="1" data-col="1" data-sizex="3" data-sizey="3">
<header>Flur</header>
<div data-type="dimmer" data-device="grWZ.Dimmer" class="cell" ></div>
<div data-type="label" class="cell darker">Licht</div>
</li>


So geht es. Die Klasse 'cell' gibt dem Element etwas Freiraum nach oben und links, das war hier von Nöten. Mit 'narrow' erreicht man das Gegenteil, es rückt näher zusammen. Statt mit 'cell' kann man auch mit 'top-space' oder 'top-space-2x' arbeiten, dann bekommt man nur nach oben Abstand.

Kannst du mal nen Screenshot machen, wie es aussehen sollte? Bei mir hat sich nämlich mit deinem Code nichts geändert...

[selfarian]

Mein Vorschlag wäre, bei der Auslieferung die Datei z.b. index-example.html zu nennen

[setstate]

Code Auswählen Erweitern

<li data-row="1" data-col="1" data-sizex="3" data-sizey="3">
    <header>Flur</header>
    <div data-type="dimmer" data-device="grWZ.Dimmer" class="cell" ></div>
    <div data-type="label" class="cell darker">Licht</div>
</li>


[hexenmeister]

Hab eben ein Update gemacht und meine index.html war überbügelt worden   
Zum Glück hab ich mir die gesichert.

Wie gut, dass FHEM im Verzeichnis <fhem_root>/restoreDir/<datum> ein Backup anlegt