Fehlerhafte Darstellung symbol

drhirn · 08 Februar 2018, 09:25:00

Also, meine Symbole scheinen seit einem Update mit RegExp nicht mehr klar zu kommen.

Funktioniert noch:


<div data-type="symbol"
	data-device="hmTemperaturAussen"
	data-get="battery"
	data-get-on="ok"
	data-get-off="!on"
	data-states='["ok","low"]'
	data-icons='["fa-battery-4","fa-battery-0"]'
	class="cell compressed"></div>

Funktioniert nicht mehr:

Code Auswählen


<div data-type="symbol"
	data-device="hmThermostatWz"
	data-get="batteryLevel"
	data-get-on="[\d]\.[\d]"
	data-get-off="!on"
	data-states='["(3|3.[0-9])","2.[789]","2.[56]","2.[234]","(2|(2.[01])|([01].[0-9]))"]'
	data-icons='["fa-battery-4","fa-battery-3","fa-battery-2","fa-battery-1","fa-battery-0"]'
	class="cell compressed"></div>

Oder es liegt daran, dass mehr als zwei verschiedene Stati angegeben werden. Meine Homestatus-Symbole zeigen das selbe Phänomen (grau statt orange):

Code Auswählen


<div data-type="symbol"
	data-device="par01"
	data-set=""
	data-states='["home","gotosleep","absent","gone"]'
	data-icons='["par02","mi-hotel","mi-directions_run","mi-flight_takeoff"]'
	data-background-icon="mi-lens"
	data-on-color="#AA6900"
	data-on-background-color="transparent"></div>

Sieht aus, wie im Anhang.

Gruß
Stefan

setstate · 08 Februar 2018, 18:12:21

Jetzt sollte es erst einmal wieder funktionieren

yersinia · 08 Februar 2018, 19:01:02

Nope, hier nicht.

Meine Fenster-Icons sind immernoch mit Fehler.

Weiterhin sind nun die anderen Symbole in Originalgröße, da scheint die class ignoriert zu werden.

Code Auswählen

<div data-type="symbol"
data-device="WaMa_Watt"
data-get="state"
data-part="1"
data-states='[0,0.5,2,6]'
data-background-icon=""
data-icons='["mi mi-local_laundry_service","mi mi-local_laundry_service","mi mi-local_laundry_service fa-blink","mi mi-local_laundry_service fa-spin"]'
data-colors='["grey","green","yellow","red"]'
class="big top-narrow">
</div>

setstate · 08 Februar 2018, 19:20:34

ich hatte vergessen die passende fa-multi-button.js hochzuladen.

knopf_piano · 08 Februar 2018, 20:36:08

schaut wieder gut aus
Danke!

yersinia · 09 Februar 2018, 16:38:18

Habe eben ein Update durchgeführt.
Ok, das Waschmaschinen-Symbol ist wieder so große "wie gewohnt".
Aber bei den Fenstersymbolen hat sich nichts getan.

Edit: hier nochmal der code:

Code Auswählen

<div class="compressed big"
                   data-type="symbol"
                   data-device="BAD_Fenster"
                   data-states='["open","closed"]'
                   data-icons='["ftui-window warn","ftui-window"]'
                   data-colors='["red","green"]' >
</div>

und

Code Auswählen

<div class="bigger" data-type="symbol" data-device="BAD_Fenster"></div>

setstate · 09 Februar 2018, 17:27:10

Fehlen bei dir unter ./fonts die FTUI Dateien?

cbl · 09 Februar 2018, 17:46:38

Ich vermute, mein Darstellungsproblem seit dem Update gestern hängt auch irgendwie mit diesem Thread zusammen.

Hauptdatei:

Code Auswählen


<html>
 <head>
...
    <link rel="stylesheet" href="lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />
    <link rel="stylesheet" href="lib/jquery.toast.min.css" />
    <link rel="stylesheet" href="lib/openautomation.css" />
    <link rel="stylesheet" href="lib/fhemSVG.css" />

    <script src="pgm2/jquery.min.js"></script>
    <script src="lib/jquery.toast.min.js"></script>
    <script src="js/fhem-tablet-ui.js" defer></script>    
...
 </head>
 
<body class="vbox" style="flex-wrap: initial; height: 100%;">
  <!-- Header -->
  <div class="hbox" style="height: auto;">
   <div data-template="template_nav_eintrag.php" data-parameter='{"par01":"main","par02":"flex_main.php","par03":"fa-gears","par04":"default"}' class="inline"></div>
   <div data-template="template_nav_eintrag.php" data-parameter='{"par01":"temperatur","par02":"flex_temp.php","par03":"fa-thermometer","par04":""}' class="inline"></div>
...   
   <div data-type="symbol" data-icon="fa-phone warn" data-device="dummy.VerpassteAnrufe"  class="inline"></div>
   <div data-type="symbol" data-icon="fa-bell" data-device="dummy2" data-get-on="on.*" data-get-off="off" class="inline"></div>
  </div>
  
  <!-- Hauptinhalt -->
  <div style="flex: 1 1 auto; overflow-y: auto; " class="hbox full-width">
   <div class="page" id="main"></div>
   <div class="page" id="temperatur"></div>
  </div>   
 
</body>
</html>

flex_main

Code Auswählen


<div class="page" id="main">
  <div class="hbox">
   
   <div class="box vertical phone-width full-height">

    <!-- Wetter -->
    <div class="card lift grow-2">
     <header>Wetter</header>
...
    </div>

    <!-- Arbeitszimmer -->
    <div class="card lift">
      <header>Arbeitszimmer</header>
...
    </div>    
... 
   </div>
   <div class="box vertical phone-width full-height">

    <!-- Schlafzimmer -->
    <div class="card lift">
      <header>Schlafzimmer</header>
...      </div> 
    </div>

    <!-- Treppenhaus / Flur-->
    <div class="card lift">
      <header>Treppenhaus</header>
...
    </div>
...   
   </div>  
...
 </div>
</div>

Meine statische Kopfzeile mit diversen (hier gekürzten) Icon-Links rutscht zur Hälfte oben aus dem Bildschirm heraus und wird zudem vom Inhalt überlagert. Die Überlagerung resultiert wahrscheinlich daraus, dass einige Flexboxen seit dem Update viel größer sind als vorher und damit die vorgegebene Box sprengen. Die größeren Boxen sind mit viel freier Fläche gefüllt.

cbl · 09 Februar 2018, 18:29:57

und noch zwei screenshots

Jojo11 · 09 Februar 2018, 19:11:58

Hallo,

bei mir hat das Update von heute den seltsame Darstellung von gestern wieder behoben. Danke!
Das Einzige, was mir aufgefallen ist:
Kann es sein, dass bei symbol die class "warn" jetzt kursiv angezeigt wird? Ich meine, dass das vorher etwas anders aussah

Sieht man auch schön an dem screenshot meines Vorposters (Tage bis Müll-Leerung).

schöne Grüße
Jo

cbl · 09 Februar 2018, 19:19:52

Ja, sie sahen anders aus und waren auch kleiner.

setstate · 09 Februar 2018, 21:00:01

ja, stimmt. Wird kursiv dargestellt. Das war unbeabsichtigt. Ist jetzt korrigiert.

cbl · 09 Februar 2018, 21:09:35

Größer geworden sind sie aber auch.

@setstate:
Hast du irgendwo eine Zusammenstellung, was du seit Monatsanfang gravierend (in Vorbereitung der Themes?) umgestellt hast? Da steckt noch mehr drin, was ich gerade nicht sehe und wahrscheinlich mein Flex-Layout zerschießt.

Die data-type "label" habe ich überall rausgenommen, wo ich statische Texte habe. Das erklärt aber nicht die ausufernden Boxen, die bis vor zwei Tagen ordentlich aussagen.

yersinia · 10 Februar 2018, 12:13:12

Zitat von: setstate am 09 Februar 2018, 17:27:10
Fehlen bei dir unter ./fonts die FTUI Dateien?

Alle die, die ich vor dem Update auch schon hatte:

Code Auswählen

-rw-r--r-- 1 fhem dialout    3165 Oct 31 12:45 FTUI-icons.svg
-rw-r--r-- 1 fhem dialout    1688 Oct 31 12:45 FTUI-icons.ttf
-rw-r--r-- 1 fhem dialout    1764 Oct 31 12:45 FTUI-icons.woff

Im Backup vom 27.01.18 sind diese Dateien auch enthalten.

Ich hab soeben ein update all gemacht und die icons sind immernoch nicht da. Bei mir began dies mit dem FTUI Update von Mittwoch.

drhirn · 12 Februar 2018, 11:03:16

Zitat von: setstate am 08 Februar 2018, 18:12:21
Jetzt sollte es erst einmal wieder funktionieren

Kann ich leider nicht bestätigen. Im Vergleich zu diesem Beitrag haben sich zwar die Homestatus-Symbole wieder orange eingefärbt, die Batterie-Symbole sind aber immer noch grau, sobald es mehr als zwei mögliche Stati gibt (oder die Regex werden nicht richtig interpretiert).