Home Icon zu groß

[henfri]

Hallo,

seit neustem sieht meine Visu so aus:
Visu.PNG

Das Haus oben links und die Zahnräder und der Lautsprecher darunter gehören eigentlich nebeneinander -und das Haus kleiner- ganz nach oben. So war es auch Jahre lang.

Das komische:
-es ist auf mehreren Handys und auf mehreren PCs
-Ich habe die SV zwei mal installiert (2.8 und 2.9). Auf beiden Instanzen besteht das Problem. Die Seiten sind unabhängig (eigener Ordner der jeweiligen SV)

Woran kann das liegen?

Gruß,
Hendrik

[wvhn]

Standardfrage: was hast Du geändert, bevor das sich so verändert hat?
Für mich sieht das so aus, als ob in einer der Seiten, die vor menu.html gerendert werden (z.B. base.html), ein html-tag nicht vollständig ist (z.B. ein fehlendes ">").

[henfri]

Hallo,

vielen Dank für deine Antwort.

Ich habe natürlich gar nix geändert (TM) ;-)
Aber im Ernst, find bestätigt das:

 find ../smartvisu2.8 -type f -mtime -80
../smartvisu2.8/pages/henfri/steckdosen.html

Die Datei wurde am 14.12. geändert. Da hatte ich das Problem noch nicht.

Ich habe aber jetzt mal weiter gesucht. Ich habe in der menu.html die von mir gar nicht mehr benötigten Icons entfernt. Sie sieht jetzt so aus:

<div id="menu" class="menu">

<a id="menu-rooms" data-ajax="false" href="index.php">
<img class="icon {{ page starts with 'index' or page starts with 'room' ? 'icon1' }}" src="{{ icon0 }}control_building_empty.svg"/></a>

<a id="menu-system" data-ajax="false" href="index.php?page=config">
<img class="icon {{ page == 'config' ? 'icon1' }}" src="{{ icon0 }}edit_settings.svg"/></a>


</div>

Daraufhin ist das Haus schonmal kleiner und nach oben gesprungen.
Aber das Zahnrad ist noch da.
Visu2.PNG

Die Developer console sieht so aus:
Visu1.PNG

Ich sehe da keinen Fehler - bin aber auch nicht firm in HTML.
Es sieht mir aus, als wäre das Feld (die Spalte in einer Tabelle) zu schmal, so dass die anderen Icons in die nächste Zeile rutschen.

Gruß,
Hendrik

[wvhn]

In V2.8 und V2.9 sieht die Menu.html eigentlich einfacher aus:

<div id="menu" class="menu">
    <a id="menu-rooms" class="icon1" href="index.php">
    <img class="icon" src="{{ icon0 }}control_building_empty.svg" alt="home" /></a>
    ....
</div>

Vor allem irritiert mich der Ausdruck

<img class="icon {{ page starts with 'index' or page starts with 'room' ? 'icon1' }}" ...

Der ergibt eine class="iconicon1", die ich nirgendwo gefunden habe. Lass doch den Ausdruck in geschweiften Klammern testweise einmal weg.

Gruß
Wolfram

[henfri]

Hallo Wolfram,

<img class="icon {{ page starts with 'index' or page starts with 'room' ? 'icon1' }}" ...

Danke. Das war's. Da wäre ich nie drauf gekommen. Das stammte noch aus der 2.7 aus dem Quad-Design.

Gruß,
Hendrik

[wvhn]

hab auch noch einmal nachgesehen und denke, dass in dem String 'icon1' nur ein Leerzeichen fehlt ( ' icon1'). Nur falls Du das mal wieder fürs Quad-Design brauchst.

Gruß
Wolfram

[henfri]

Ok, danke!

Gruß,
hendrik

[vossy74]

Hallo,

ich hab das gleiche Problem. Nachdem ich den Teil in den geschweiften Klammern rausgenommen habe funktioniert es auf den normalen Seiten. Allerdings ist in der Configseite immer noch alles nach unten verschoben. Es gibt auch keine Einträge in den Feldern, obwohl im Configfile alles richtig steht. Bei Änderung kann normal gespeichert werden. Beim nächsten Aufruf steht aber wieder nichts mehr in den Feldern.

Ich habe gestern die Smartvisu neu ausgecheckt und seitdem habe ich das Problem. Bei meiner alten Installation funktioniert alles ganz normal, auch mit dem Teil in den geschweiften Klammern.

Gruß
Lars

[wvhn]

Da fehlen einige Infos, wenn Du eine Fehleranalyse haben möchtest.. Z.B. welche Version hast Du gestern gezogen - Master (V2.8) oder Develop? Und welche Version hattest Du davor?

ich vermute, dass Du noch eine alte css-Datei in Verzeichnis mit Deinen Seiten hast, die nicht zu der verwendeten SV-Version passt.

Gruß
Wolfram

[vossy74]

Hallo,
Ich hatte die Develop und habe die Develop gezogen. Das einzige was sich geändert hat ist ein Wechsel von Raspi 3 auf Raspi 4. Meine Seiten haben sich nicht verändert. Alle weiteren Informationen hatte Henfri oben schon gegeben. Es ist bei mir exakt das gleiche Problem. Wie gesagt nimmt man besagte Zeile aus dem html, funktionieren die Seiten bis auf die config Seite. Bei der alten installation ist alles OK mit exakt den gleichen Seiten.

Was ich noch vergessen habe zu erwähnen. wenn ich das Smarthome-beispiel auswähle tritt das gleiche Problem auf. Vergrößerte Icons nach unten verschoben.

Edit: Die Icons habe ich nun hinbekommen. Ich hatte eine Zeile vergessen zu aendern. In der Configseite gibt aés aber nach wie vor keine Einträge. Ich hänge nachher, wenn ich zu Hause bin noch einen Screenshot an.

Gruß Lars

[wvhn]

Hallo Lars,

kannst Du einfach noch einmal die develop-Version in ein neues Verzeichnis z.B. "smartVISU2" kopieren (parallel zum jetzigen smartVISU-Verzeichnis) und erstmal Deine eigenen Seiten weglassen? Was passiert dann beim Aufruf von <IP-des-Raspberrys>/smartVISU2 im Browser und nachdem Du die initiale Konfiguration gemacht hast?

Ich habe heute noch mal einen frischen Abzug aus dem Develop gemacht und auf meinem PC mit Apache-Server (XAMPP) laufen lassen. Test mit 3 verschiedenen Browsern gibt keinerlei Auffälligkeiten. Icons sind alle am richtigen Platz in richtiger Größe und auch die Config-Seite funktioniert einwandfrei. Das Speichern der Einstellungen kann allerdings etwas langsam sein.

Danke und Gruß
Wolfram

[vossy74]

Hallo ,

ich hab das mal gemacht. Frisch ausgecheckt und ohne meine Pages.
Die Icons passen dann direkt. Allerdings kann ich die in der Config nichts eintragen. die Felder sind einfach nicht klickbar. Speichern der Config geht aber.
Siehe Screenshot
Ich verwende im übrigen auch den Apachen.

[wvhn]

Danke. Ich schau mir das heute Abend einmal an.

EDIT:
Bei einer frisch ausgecheckten Version und gelöschtem Cache (Browser und Visu) müsste als erstes eine Seite kommen, in der die Voraussetzungen (config.php schreibbar ...) geprüft werden. War da alles in Ordnung und hast Du die Rechte für die Ordner wie hier beschrieben gesetzt? Die Prüfungen werden wiederholt, wenn Du den Templatechecker startest.

EDIT2:
hab jetzt nochmal eine neue Version auf meinen Raspberry gezogen - nach der verlinkten Anleitung. Achtung: der Punkt in der Zeile

git clone git://github.com/Martin-Gleiss/smartvisu.git .

ist wichtig, um die Dateien direkt in das angelegte Verzeichnis zu installieren.
Ergebnis: ich kann das von Dir beschriebene Verhalten nicht reproduzieren - weder mit Firefox noch mit Edge.

btw: Ist das Teamviewer-Fenster oben rechts im Vordergrund und verhindert daher das Anklicken der Einstellungen in der Config?

[vossy74]

Hallo,
ich habe nun alles noch einmal neu gemacht. Rechte sind gesetzt wie in der Anleitung. Cache ist leer und ja an jeder Stelle in der ersten Seite ist ein grüner Haken. Config kann also geschrieben werden.

Das Temviewer Fenster ist nicht das Problem. Ich hab das gleiche Problem auch direkt. Den Teamviewer brauche ich nur wenn ich von der Arbeit darauf zugreife.

Es lässt sich im Configfenster ja alles anklicken, bis auf die Felder wo man zb. etwas reinschreibt z.b. die IP-Addresse. Diese werden auch nicht nach lesen der Config angezeigt.
Ich hatte das Problem noch nie und ich bin von Anfang an dabei. Ich werd dann nochmal schaun. Die Smartvisu funktioniert ja und die Config kann ich zur not auch erstmal im File aendern bzw. anpassen.

Gruß
Lars

[wvhn]

Hallo Lars,

Onkelandy ein fehlendes Leerzeichen hinter einer Twig-expression gefunden, das offensichtlich auf verschiedenen Sytsemen zu unterschiedlichen Ergebnissen bei der html-Erzeugung führt. Ein Fix ist jetzt im develop. Kannst Du das einmal testen?

Gruß
Wolfram