[widget_uwz] widget für UWZ Unwetterzentrale.

Begonnen von chris1284, 07 Januar 2017, 18:39:45

Vorheriges Thema - Nächstes Thema

chris1284

moin,

ich habe für mich ein widget_uwz im einsatz das mit die warnungen der uwz in der tui schick anzeigt.

Download des widgets: https://github.com/chris1284/Widgets-for-fhem-tablet-ui

es gibt

data-device="uwz2" das uwz device
data-detail='["WarnUWZLevel_Color", "uwzLevel", "IconURL", "ShortText", "LongText", "WarnTime"]'  anzuzeigende optionen, detail siehe unten
data-max="5" max anzahl an warnungen
data-imgsize="50" größe des warn-icons, default 30
data-shttxtstylehier kann man den style der schrift für den ShortText anpassen (zb big, bigger, small, ... was die ui so bietet), für default einfach weg lassen
data-lngtxtstylehier kann man den style der schrift für den longText anpassen (zb big, bigger, small, ... was die ui so bietet), für default einfach weg lassen
data-textdividerhier kann man htmlcode eingeben um die trennung zwischen Short-/LongTextund der WarntTime angeben, für default einfach weg lassen

WarnUWZLevel_Color - es wird um die warnung ein kasten in farbe der warncolor die vom uwz gegeben wird angezeigt
uwzLevel - es wird um die warnung ein kasten in farbe der uwzLevel-angabe die vom uwz gegeben wird angezeigt
IconURL - es wird das icon mit angezeigt
ShortText - es wird der shorttext angezeigt
LongText - es wird der longtext angezeigt
WarnTime - es wird ein satz mit start und end zeit der warnung gezeigt. hier muss das attribut umanreadable im uwz auf 1 gesetzt sein

die angabe der option sollte in dieser reihenfolge gemacht werden: ( [color wenn gewünscht] , [icon wenn gewünscht ], [text(short/long)] , [warntime]):


anbei die 4 beispiele des bildes
<li data-row="1" data-col="1" data-sizex="4" data-sizey="1">
  <header>UWZ mit Color,Icon, Shorttext, Warntime</header>
  <div data-type="uwz" data-device="uwz2" data-detail='["WarnUWZLevel_Color", "IconURL", "ShortText","WarnTime"]' data-max="5" class="top-space"></div>
</li>
<li data-row="2" data-col="1" data-sizex="4" data-sizey="1">
  <header>UWZ ohne Color, Shorttext, Warntime</header>
  <div data-type="uwz" data-device="uwz3" data-detail='["IconURL", "ShortText","WarnTime"]' data-max="5" class="top-space"></div>
</li>
<li data-row="3" data-col="1" data-sizex="4" data-sizey="2">
  <header>UWZ Icon, Longtext, Warntime</header>
  <div data-type="uwz" data-device="uwz5" data-detail='["IconURL", "LongText"]' data-max="5" class="top-space"></div>
</li>
<li data-row="1" data-col="5" data-sizex="4" data-sizey="1">
  <header>UWZ wenn keine Meldung</header>
  <div data-type="uwz" data-device="Unwetterzentrale" data-detail='["WarnUWZLevel_Color", "IconURL", "ShortText","WarnTime"]' data-max="5" class=""></div>
</li>
<li data-row="2" data-col="5" data-sizex="4" data-sizey="2">
  <header>UWZ mit Color,Langtext, Warntime</header>
  <div data-type="uwz" data-device="uwz4" data-detail='["WarnUWZLevel_Color", "LongText","WarnTime"]' data-max="5" class=""></div>
</li>


gruß

christian

EDIT:
ZitatUpdate 31.01.2017 -  Ansicht in TUI 2.5 gefixed, intern von col-Darstellung auf hbox ggewechselt

chris1284

#1
wer mehr als eine warnung hatte wird eine zerstörte anzeige vorgefunden haben. das problem wurde in der version oben in post 1# behoben!
ein bild habe ich oben auch noch beigefügt

chris1284

Update:

parameter data-imgsize hinzugefügt. gibt die höhe und breite des Icons in px an. default 30

redlav

Hallo Christian,

sieht gut aus und funktioniert bei mir, bis auf die Uhrzeiten (siehe Screenshot).

Woran könnte das liegen? Mein Device:
Internals:
   CountryCode DE
   DEF        DE 53913 3600
   INTERVAL   3600
   NAME       Unwetterzentrale
   NR         627
   PLZ        53913
   STATE      Warnungen: 2
   TYPE       UWZ
   URL        http://feed.alertspro.meteogroup.com/AlertsPro/AlertsProPollService.php?method=getWarning&language=de&areaID=UWZDE53913
   VERSION    1.4.6
   Readings:
     2017-01-08 10:19:12   WarnCount       2
     2017-01-08 10:19:12   WarnUWZLevel    3
     2017-01-08 10:19:12   WarnUWZLevel_Color orange
     2017-01-08 10:19:12   Warn_0_AltitudeMax 9000
     2017-01-08 10:19:12   Warn_0_AltitudeMin -10
     2017-01-08 10:19:12   Warn_0_Creation 1483854059
     2017-01-08 10:19:12   Warn_0_End      1483869600
     2017-01-08 10:19:12   Warn_0_EventID  14838253406414
     2017-01-08 10:19:12   Warn_0_Hail     0
     2017-01-08 10:19:12   Warn_0_IconURL  http://www.unwetterzentrale.de/images/icons/glatteisregen-orange.gif
     2017-01-08 10:19:12   Warn_0_LongText Bis Sonntagvormittag ist noch mit geringem gefrierendem Nieselregen zu rechnen. Erst zum Sonntagmittag hin lässt der gefrierende Nieselregen dann nach bzw. steigen die Straßenbelagstemperaturen dann wieder in den positiven Bereich, so dass sich die Glättesituation entspannt.
     2017-01-08 10:19:12   Warn_0_Severity 10
     2017-01-08 10:19:12   Warn_0_ShortText Bis Sonntagvormittag noch gefrierender Nieselregen.
     2017-01-08 10:19:12   Warn_0_Start    1483825140
     2017-01-08 10:19:12   Warn_0_Type     10
     2017-01-08 10:19:12   Warn_0_levelName alert_warn_orange
     2017-01-08 10:19:12   Warn_0_uwzLevel 3
     2017-01-08 10:19:12   Warn_1_AltitudeMax 9000
     2017-01-08 10:19:12   Warn_1_AltitudeMin -10
     2017-01-08 10:19:12   Warn_1_Creation 1483856100
     2017-01-08 10:19:12   Warn_1_End      1483869600
     2017-01-08 10:19:12   Warn_1_EventID  14838267786268.1
     2017-01-08 10:19:12   Warn_1_Hail     0
     2017-01-08 10:19:12   Warn_1_IconURL  http://www.unwetterzentrale.de/images/icons/strassenglaette-orange.gif
     2017-01-08 10:19:12   Warn_1_LongText Es sind bis in den Vormittag hinein streckenweise bis verbreitet gefährliche Fahrbahnverhältnisse durch gefrierende Nässe vorhanden.
     2017-01-08 10:19:12   Warn_1_Severity 4
     2017-01-08 10:19:12   Warn_1_ShortText Streckenweise bis verbreitet Glätte durch gefrierende Nässe.
     2017-01-08 10:19:12   Warn_1_Start    1483827600
     2017-01-08 10:19:12   Warn_1_Type     8
     2017-01-08 10:19:12   Warn_1_levelName notice_warn_orange
     2017-01-08 10:19:12   Warn_1_uwzLevel 1
     2017-01-08 10:19:12   durationFetchReadings 0.13
     2017-01-08 10:19:12   lastConnection  32 values captured in 0.13 s
     2017-01-08 10:19:12   state           Warnungen: 2


Gruß Norbert

redlav

Hat sich erledigt. Ich musste beim Device das Attribut humanreadable setzen. ::)

paul79

Hallo,

bekomme folgenden Fehler:

SCRIPT1046: Mehrere Definitionen einer Eigenschaft sind im strict-Modus nicht zulässig.
widget_uwz.js (18,11)

Zitat
   var colormap = {   
      'orange': 'orange',
      'gelb': 'yellow',
      'rot': 'red',
      'grün': 'green',
      'orange': 'orange',
      'yellow': 'yellow',
      'red': 'red',
      'green': 'green',
    };

Gruß Paul
FHEM5.7 auf Pi3
Busware CUL433 (IT), JeeLink Lacrosse, HM-MOD-RPI-PCB, HM, TabletUI

paul79

Hallo, sieht etwas komisch aus bei mir.

Bild 1 ist wenn man es zum ersten mal aufruft.
Bild 2 sollten 2 Warnungen angezeigt werden.

Gruß Paul

FHEM5.7 auf Pi3
Busware CUL433 (IT), JeeLink Lacrosse, HM-MOD-RPI-PCB, HM, TabletUI

chris1284

zeigt mal deine definition und hast du die aktuellste version von oben?

chris1284

Zitat von: paul79 am 08 Januar 2017, 11:37:07
SCRIPT1046: Mehrere Definitionen einer Eigenschaft sind im strict-Modus nicht zulässig.

geändert und oben angehängt, danke! ich habe den fehler allerdings nie bekommen

paul79

Hallo, jetzt sieht es gut aus hatte vielleicht noch etwas altes im Cache.

Die Fehlermeldung bekomme nur im IE.

Gruß Paul
FHEM5.7 auf Pi3
Busware CUL433 (IT), JeeLink Lacrosse, HM-MOD-RPI-PCB, HM, TabletUI

Loetkolben

Hallo,

funktioniert bei mir sehr gut.
Auch die Darstellung mit Safari (MacOS) ist in Ordnung


Andreas
1x Pi3, 1x Pi4, CUL V3, miniCUL433+868, IKEA-Steckdosen, sonoff, shelly1, Conbee II, div. Zigbee-Leuchten, Alexa, Homematic, Tablet UI

chris1284

danke für die positiven rückmeldungen, schön zu hören.

ich versuche noch das image horizontal und vertical zu zentrieren weil es immer nach "unten rutscht" wenn der text mal mehr als 2-3 zeilen hat. leider erfolglos. hat jemand evtl einen tip?

octek0815

Hallo,

vielen dank schon mal für das tolle Modul.
Es wäre nicht schlecht wenn man auch noch die Breite der Warnung einstellen könnte.

Grüße
Olli

chris1284

#13
die breite? die richtet sich nach dem grid / div / cell in dem sie ist oder meinst du die icon-breite separat?

octek0815

Nein mein Problem ist, das ich ein Push-Button habe welches ein Popup Dialog öffnet (siehe erstes Bild).
Im Popup möchte ich die Warnungen anzeigen und rechts daneben die Warnkarte (siege zweites Bild).
Ohne Warnung kommt der Standard Test "keine Warnung vorhanden" und das Bild hat die richtige Breite, aber mit Warnung ist das wie im zweiten Bild.