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-uies 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-shttxtstyle | hier 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-lngtxtstyle | hier 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-textdivider | hier 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
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
Update:
parameter data-imgsize hinzugefügt. gibt die höhe und breite des Icons in px an. default 30
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
Hat sich erledigt. Ich musste beim Device das Attribut humanreadable setzen. ::)
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
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
zeigt mal deine definition und hast du die aktuellste version von oben?
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
Hallo, jetzt sieht es gut aus hatte vielleicht noch etwas altes im Cache.
Die Fehlermeldung bekomme nur im IE.
Gruß Paul
Hallo,
funktioniert bei mir sehr gut.
Auch die Darstellung mit Safari (MacOS) ist in Ordnung
Andreas
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?
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
die breite? die richtet sich nach dem grid / div / cell in dem sie ist oder meinst du die icon-breite separat?
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.
dann würde ich sagen musst du das feld der warnung im popup kleiner machen (zb alles in col-x-x für warnung und col-x-x für map). das widget selbbst gibt keine breite vor
Danke für den Tipp. Das hat geholfen!
kannst mnal den code senden. ich glaube ich kann das widget dahingehend optimieren das acuh in dme fall das icon neben de, text steht und nicht darüber
Na klar...
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
<header><div class="thin" style="font-family:Arial Narrow; color:white; font-size:100%;">WETTERWARNUNG</div></header>
<center>
<div class="container center">
<div class="inline" data-type="popup" data-mode="fade" data-height="600px" data-width="1000px">
<div data-type="push"
data-set-on="-"
data-icon=""
data-device="dFTUIdummy"
data-warn="Unwetterzentrale:WarnCount"
style="font-size:310%; margin-top:5px; margin-right:-8px"
class="thin">
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnUWZLevel_Color"
data-states='["gruen","gelb","orange","rot"]'
data-icons='["fa-check-square-o","fa-exclamation-triangle","fa-exclamation-triangle","fa-exclamation-triangle blink"]'
data-colors='["lightgrey","yellow","#FD5F00","#FF0101"]'
style="font-size:95%;"
class="thin"></div>
</div>
<div style="font-size:150%" class="dialog">
<header><div class="thin" style="color:white; font-size:175%">WETTERWARNUNG</div></header>
<div class="top-space">
<div class="hbox center">
<div data-type="uwz" data-device="Unwetterzentrale" data-imgsize="50" data-detail='["IconURL","WarnUWZLevel_Color","LongText","WarnTime"]' data-max="5" class="left-space-2x col-1-1"></div>
<div class="top-space col-1-1" data-type="image" data-refresh="900" data-width="415" data-height="415" data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png"></div>
</div>
<br>
<div class="inline top-space" style="color:lightgrey">
<div data-type="link" class="round"
data-color="lightgrey"
data-border-color="#505050"
data-text-align="center"
data-width="135px"
onclick="$('.dialog-close').trigger('click');">SCHLIEßEN
</div>
</div>
</div>
</div>
</div>
</div>
</center>
</li>
probier mal die neue version aus post 1#.
ich habe dort das phänomen bei mir ausmertzen können und zudem das icon zentrieren können.
danke übrigens für die map, kannte ich noch nicht und die popup idee spart mir eine seite ;)
mein code
<div data-type="popup" data-width="750px" data-height="475px" class="inline">
<div data-type="symbol" data-device="Unwetterzentrale" data-get="WarnCount" data-states='["^[1-9][0-9]|[1-9]","0"]' data-icons='["fa-cloud warn","fa-cloud warn"]' data-colors='["orange","white"]' class="inline"></div>
<div class="dialog">
<header>Warnungen Hannover</header>
<div class="col-1-2 inline cell">
<div data-type="uwz" data-device="uwzSchierke" data-detail='["WarnUWZLevel_Color", "IconURL", "ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
</div>
<div class="col-1-2 inline cell">
<div data-type="image" data-refresh="900" data-width="415" data-height="415" data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png" class="centered top-space"></div>
</div>
</div>
</div>
Das funktioniert jetzt perfekt. Vielen Dank!
Hab mal spaßeshalber die PLZ 87561 im UWZ hinterlegt...
Hallo,
vielen Dank für das Widget, welches bei mir wunderbar funktioniert.
Allerdings ist mir aufgefallen, dass die Warnfarbe vom UWZ-Modul her nicht ganz richtig ist, hier wird z.B. bei einer Warnung mit Level 1 (Dunkelgrün) eine WarnUWZLevel_Color orange angezeigt.
Kann das noch jemand so bestätigen? Wenn ja, wäre es evtl. dann auch möglich, die Farbe aus dem Reading WarnUWZLevel, bzw. separat für jede Warnung aus Warn_0_uwzLevel, Warn_1_uwzLevel, usw. abzuleiten?
Schöne Grüße,
Christian
das widget ziegt WarnUWZLevel_Color an.
Zitat
WarnUWZLevel_Color orange
Warn_0_levelName notice_warn_orange
Warn_0_uwzLevel 1
Warn_0_uwzLevel_Str Stufe Dunkelgrün (Wetterhinweise)
so sieht es bei mir aktuwll aus...
in der einen warnung werden 2 farben genannt orange (für den text oder die allgemeine einstufung?!) und dunkelgrün (welches sich offensichtlich auf das icon bezieht).
in meiner 2. uwz
ZitatWarn_0_levelName notice_warn_orange
Warn_0_uwzLevel 1
Warn_0_uwzLevel_Str Stufe Dunkelgrün (Wetterhinweise)
Warn_1_levelName alert_warn_orange
Warn_1_uwzLevel 3
Warn_1_uwzLevel_Str Warnstufe Orange (Unwetterwarnung)
daraus würde ich fast vermuten das
uwzLevel 0 --> grün oder farblos?? --> hexcode???
uwzLevel 1 --> dunkelgrün --> hexcode???
uwzLevel 2 --> gelb?? --> hexcode???
uwzLevel 3 --> orange --> hexcode???
uwzLevel 4 --> rot ??? --> hexcode???
wenn das so ist würde ich die farbwahl auf uwzLevel umbauen. hätte den vorteil icon und background selbe farbe
das einbauen ist einfach, nur ich brauch die meldungen mit den leveln und farbangaben + man muss die textfarben den passenden hexcodes zuweisen
Habe mir die Legende auf www.unwetterzentrale.de angeschaut und ist hier so aufgelistet:
grün = keine Warnung (=0?)
dunkelgrün = Wetterhinweis (=1, aktuell bei mir so vorhanden, wobei hier WarnUWZLevel_Color orange ist, wieso auch immer)
gelb = Vorwarnung für Unwetterwarnung (=2?)
orange = Unwetterwarnung (=3, hatte ich auch schon mal anliegen)
rot = Unwetterwarnung (=4?)
violett = Unwetterwarnung (=5?)
Dies würde auch so zur Beschreibung des Moduls UWZ aus der Commandoref passen: Warn_0_uwzLevel - Unwetterwarnstufe (0-5)
Folgende Farben sollten es sein, diese habe ich aus dem Quellcode der jeweiligen Wetterwarnung auf unwetterzentrale.de.
grün = #00ff00
dunkelgrün = #45930c
gelb = #ffe818
orange = #ffb400
rot = #e00000
violett = #c210cd
Schöne Grüße,
Christian
Hallo Chris,
Danke für das Widget.....werde ich auch mal testen. :)
octek0815, Danke für den Code.
moin zusammen,
dank der vorlage von christian konnte ich die änderung heute morgen schon einbauen.
ergebnis ist ein neues detail "uwzLevel". setzt man dieses statt WarnUWZLevel_Color wird die, zum icon passende, farbe aus warn_xxx_uwzLevel herangezogen. man sieht im bild schön wie sich so das bild wunderbar in den background einfügt. neue version wie immer in post 1
Danke christian
Guten Morgen,
das ging ja schnell, perfekt, danke! :)
Werde ich gleich heute Abend testen.
Schöne Grüße,
Christian
Zitat von: Geier am 08 Januar 2017, 23:24:15
dunkelgrün = Wetterhinweis (=1, aktuell bei mir so vorhanden, wobei hier WarnUWZLevel_Color orange ist, wieso auch immer)
Hatte ich gerade auch im Thema zum UWZ Modul angefragt, das wird da irgendwie mehr oder weniger nicht ganz richtig umgesetzt. Jedenfalls nicht so wie man es erwarten würde.
pro warnung und im widget (nun) schon dank der "level zu farbe" definition.
für mich wäre noch interessant welche bedeutung WarnUWZLevel_Color wirklich hat. für mich sieht das aus wie auf der seite oben die farbe unter "alle"
Die Änderung mit der Farbe klappt wunderbar, vielen Dank! :)
Langsam füllt sich mein Tablet-UI mit nützlichem Inhalt ausser Lichtschaltern, paar Thermostaten und Sonos, jetzt muss nur noch das alles ein bisschen geordnet werden :D
Schöne Grüße,
Christian
habe heute auch einen pullrequest gestartet damit ist im standard mit enthalten ist. zudem das widget entfernt und einen github-link eingefügt
Zitat von: chris1284 am 09 Januar 2017, 07:16:17
moin zusammen,
dank der vorlage von christian konnte ich die änderung heute morgen schon einbauen.
ergebnis ist ein neues detail "uwzLevel". setzt man dieses statt WarnUWZLevel_Color wird die, zum icon passende, farbe aus warn_xxx_uwzLevel herangezogen. man sieht im bild schön wie sich so das bild wunderbar in den background einfügt. neue version wie immer in post 1
Danke christian
Hallo Chris1284, da ich ja die gleiche Wetterregion habe wie du war es eigentlich einfach, aber dennoch habe ich Probleme mit der Popup Anzeige...! Grad ist ja in unserer Region eine Warnung aktiv, da kann man es gut sehen.
Ich habe deine Werte übernommen und auch schon mit den Größen Angaben versucht es hinzubekommen.
Ich bin aber noch absolut am Anfang und habe noch nicht alles geschnallt... :-\
Bei mir ist das Icon immer unterhalb vom Text und ich habe zweimal die kurze Warnung drin.
Ich bekomme es grad nicht gebacken wo ich genau was ändern muss... :-\ Zeigst du es auf einem 10" Tablet an..?
aktuelles Widget aus dem Github habe ich.
Hier mal mein Code:
<li data-row="9" data-col="3" data-sizex="8" data-sizey="1" class="semitransparent3d">
<header>UWZ mit Color,Icon, Shorttext, Warntime</header>
<div data-type="popup" data-width="950px" data-height="500px" class="inline">
<div data-type="symbol" data-device="Unwetterzentrale" data-get="WarnCount" data-states='["^[1-9][0-9]|[1-9]","0"]' data-icons='["fa-cloud warn","fa-cloud warn"]' data-colors='["orange","white"]' class="inline"></div>
<div class="dialog">
<header>Warnungen Wedemark</header>
<div class="col-1-2 inline cell">
<div data-type="uwz" data-device="Unwetterzentrale" data-detail='["WarnUWZLevel_Color", "IconURL", "ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
</div>
<div class="col-1-2 inline cell">
<div data-type="image" data-refresh="900" data-width="400" data-height="400" data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png" class="centered top-space"></div>
</div>
</div>
</div>
</li>
den bug das meldungen doppelt sind kenne ich nur wenn das device 2x verwendet wird (2x device uwz als widget mit unterschiedlichen sdetails zb)
das scheint bei dir aber nicht der fall zu sein.
meine dev hat sogar mehrere uwz + karte
<div data-type="popup" data-width="750px" data-height="500px" class="inline">
<div data-type="symbol" data-device="uwzHannover" data-get="WarnCount" data-states='["^[1-9][0-9]|[1-9]","0"]' data-icons='["fa-cloud warn","fa-cloud warn"]' data-colors='["orange","white"]' class="inline"></div>
<div class="dialog">
<header>Warnungen UWZ</header>
<div class="col-1-2 inline cell">
<header>Hannover</header>
<div data-type="uwz" data-device="uwzHannover" data-detail='["uwzLevel", "IconURL", "ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
<header>Schierke</header>
<div data-type="uwz" data-device="uwzSchierke" data-detail='["uwzLevel", "IconURL", "ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
<header>Wernigerode</header>
<div data-type="uwz" data-device="uwzWernigerode" data-detail='["uwzLevel", "IconURL", "ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
</div>
<div class="col-1-2 inline cell">
<header>Karte Niedersachsen</header>
<div data-type="image" data-refresh="900" data-width="415" data-height="415" data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png" class="centered"></div>
</div>
</div>
</div>
ist die darstellung nur auf dem tablet so (und dort auch mit anderen browsern) ? bei mit pc+firefox, fire 7" mit chrome und fully, ipad10" + chrome10 keine probleme.
syntax mal geprüft? oft reich in der ui ein simples fehlen eine </div> irgendwo im code für verwirrung
Ich habe jetzt mal deinen Code eins zu eins übernommen, aber die Anzeige stimmt immer noch nicht.
Kann es daran liegen das in Fhem meine UWZ Modul "Unwetterzentrale" heißt denn dieses steht ja bei mir doppelt drin...?
Das zu den doppelten Anzeigen.
Evtl. muss ich noch ein zusätzliches UWZ erzeugen für die Wedemark..? Du hast ja demnach 3x die UWZ definiert.
Warum er das Popup nicht richtig darstellt weiß ich jetzt auch nicht, denn dieses habe ich ja auch komplett von dir übernommen.
Für die beiden die ich nicht habe zeigt er keine Warnmeldungen an... aber er stellt sie alle untereinander dar.
Ich habe sie mit Absicht noch nicht raus gelöscht damit mir kein Fehler unterläuft.
Wegen dem Tablet habe ich nur gefragt, wegen der Größe also sollten deine Angaben bei mir passen, denn ich nutze auch ein 10" Tablet mit fully Browser und auch dem PC + Firefox.
Zitat von: moonsorrox am 10 Januar 2017, 19:26:53
Kann es daran liegen das in Fhem meine UWZ Modul "Unwetterzentrale" heißt denn dieses steht ja bei mir doppelt drin...?
ehr nicht. ich meinte mit doppelt sowas wie:
Zitat<header>Hannover</header>
<div data-type="uwz" data-device="uwzHannover" data-detail='["uwzLevel", "ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
<header>Schierke</header>
<div data-type="uwz" data-device="uwzHannover" data-detail='["IconURL"]' data-imgsize="30" data-max="5" class="centered"></div>
<header>Wernigerode</header>
<div data-type="uwz" data-device="uwzHannover" data-detail='["Longtext"]' data-imgsize="30" data-max="5" class="centered"></div>
er würde dann immer alles gleich darstellen wie im ersten define der seite angelegt wurde, quasie in dem beispiel das 3 mal
Zitat<div data-type="uwz" data-device="uwzHannover" data-detail='["uwzLevel", "ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
evtl magst du mal die ganze seite hochladen, evtl versteckt sich ja noch irgendwo ein fehler. den popup mal kopiert und auf ner leere/ anderen /frischen seite probiert?
ich habe den Teil des uwz mal in eine extra Seite gepackt und auf der Startseite positioniert. Es ändert sich nichts, das Popup bleibt so.
Die UWZ ist einer Datei die heißt "Tab_inc_uwz.html"
Diese wiederum wird dann auf der Startseite an der entsprechenden Position geladen:
<li data-row="3" data-col="11" data-sizex="2" data-sizey="2" data-template="Tab_inc_uwz.html" class="semitransparent3d"></li>
Das ist die Seite mit der UWZ
<header>Unwetterwarnung</header>
<div data-type="popup" data-width="750px" data-height="500px" class="inline">
<div data-type="symbol" data-device="Unwetterzentrale" data-get="WarnCount" data-states='["^[1-9][0-9]|[1-9]","0"]' data-icons='["fa-cloud warn","fa-cloud warn"]' data-colors='["orange","white"]' class="inline"></div>
<div class="dialog">
<header>Warnungen UWZ</header>
<div class="col-1-2 inline cell">
<header>Wedemark</header>
<div data-type="uwz" data-device="uwzWedemark" data-detail='["uwzLevel","IconURL","ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
</div>
<div class="col-1-2 inline cell">
<header>Karte Niedersachsen</header>
<div data-type="image" data-refresh="900" data-width="415" data-height="415" data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png" class="centered"></div>
</div>
</div>
</div>
Die Startseite un ddie UWZ hänge ich mal ran, sowie das fehlerhafte Popup
Die UWZ stelle ich normal nicht an dieser Stelle dar, nur eben mal zum testen
ich habe das popup mal direkt eingebaut statt dem template und es geht
statt
Zitat<li data-row="3" data-col="11" data-sizex="2" data-sizey="2" data-template="Tab_inc_uwz.html" class="semitransparent3d"></li>
so
Zitat
<li data-row="3" data-col="11" data-sizex="2" data-sizey="2" class="semitransparent3d">
<header>Unwetterwarnung</header>
<div data-type="popup" data-width="750px" data-height="500px" class="inline">
<div data-type="symbol" data-device="uwzSchierke" data-get="WarnCount" data-states='["^[1-9][0-9]|[1-9]","0"]' data-icons='["fa-cloud warn","fa-cloud warn"]' data-colors='["orange","white"]' class="inline"></div>
<div class="dialog">
<header>Warnungen UWZ</header>
<div class="col-1-2 inline cell">
<header>Wedemark</header>
<div data-type="uwz" data-device="uwzHannover" data-detail='["uwzLevel", "IconURL", "ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
<header>Schierke</header>
<div data-type="uwz" data-device="uwzSchierke" data-detail='["uwzLevel", "IconURL", "ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
<header>Wernigerode</header>
<div data-type="uwz" data-device="uwzWernigerode" data-detail='["uwzLevel", "IconURL", "ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
</div>
<div class="col-1-2 inline cell">
<header>Karte Niedersachsen</header>
<div data-type="image" data-refresh="900" data-width="415" data-height="415" data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png" class="centered"></div>
</div>
</div>
</div>
</li>
habe das popup als template wie du eingebaut, geht.
da ich deine anderen template seiten nicht habe hönnte durchaus auch da ein fehler sein und der grund warum bei mir alle sgut aussieht (weil bei mir der fehler halt nicht mitgeladen werden kann).
Tja ich bekomme es nicht hin... :-\
selbst nochmal an anderer Stelle eingefügt, es will nicht nebeneinander :-\
Ich frage mich nur welche Formatierung dafür verantwortlich ist, denn irgendwie nimmt er dies "centered" wohl nicht an..!!
Muss ich das eigentlich in der index.html eintragen
<script type="text/javascript" src="/fhem/tablet/js/widget_uwz.js" defer></script>
Die andere Frage ist noch wie bekomme ich es hin den kurzen Text und auch den langen Text darzustellen.
Ich habe ja diese beiden Codeteile:
<li data-row="3" data-col="3" data-sizex="8" data-sizey="2" class="semitransparent3d">
<header>UWZ mit Color,Icon, Shorttext, Warntime</header>
<div data-type="uwz" data-device="uwzWedemark" data-detail='["uwzLevel", "IconURL", "ShortText", "WarnTime"]' data-max="5" class="top-space"></div>
</li>
<li data-row="5" data-col="3" data-sizex="8" data-sizey="4" class="semitransparent3d">
<header>Unwetterwarnungen Niedersachsen</header>
<div data-type="uwz" data-device="uwzWedemark" data-detail='["IconURL", "LongText"]' data-max="5" class="top-space"></div>
</li>
anzeigen möchte ich es aber so wie der untere es auf dem Screenshot anzeigt. Nehme ich den oberen weg fehlt es aber im unteren auch.
Ich möchte also eine Überschrift "header" und darunter den kurzen und den langen Text mit den Icons, aber auch das gelingt mir absolut nicht, er zeigt immer den kurzen Text orange unterlegt zweimal an.
doppelt geht nicht, wenn long und short dann so
<div data-type="uwz" data-device="uwzWedemark" data-detail='["uwzLevel", "IconURL", "ShortText","LongText", "WarnTime"]' data-max="5" class="top-space"></div>
OK, da ich ja bekanntlich nicht aufgebe mein erneuter Versuch.
Ich habe von unserem Niedersächsischen Freund "octek0815" den Code in meiner Verzweifelung etwas an meine Bedürfnisse angepaßt und nun ist alles schön zentriert ;)
Ein Drama warum das nun nicht ging, ich kann das Warnicon überall einsetzen und es funktioniert.
<li data-row="3" data-col="11" data-sizex="2" data-sizey="2" class="semitransparent3d">
<header class="semitransparent3dtable"><div style="color:#CD5C5C; font-size:100%;">Unwetterwarnung</div></header>
<center>
<div class="container center">
<div class="inline" data-type="popup" data-mode="fade" data-height="710px" data-width="1000px">
<div data-type="push"
data-set-on="-"
data-icon=""
data-device="dFTUIdummy"
data-warn="Unwetterzentrale:WarnCount"
style="font-size:210%; margin-top:5px; margin-right:-8px"
class="thin">
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnUWZLevel_Color"
data-states='["gruen","gelb","orange","rot"]'
data-icons='["fa-check-square-o","fa-exclamation-triangle","fa-exclamation-triangle","fa-exclamation-triangle blink"]'
data-colors='["lightgrey","yellow","#FD5F00","#FF0101"]'
style="font-size:95%;"
class="thin"></div>
</div>
<div style="font-size:150%" class="dialog">
<header><div class="thin" style="color:#CD5C5C; font-size:140%">Warnungen Unwetterzentrale</div></header>
<div class="top-space">
<div class="hbox center">
<div data-type="uwz" data-device="Unwetterzentrale" data-imgsize="50" data-detail='["IconURL","uwzLevel","LongText","WarnTime"]' data-max="5" class="left-space-2x col-1-1"></div>
<div class="top-space col-1-1" data-type="image" data-refresh="900" data-width="415" data-height="415" data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png"></div>
</div>
<br>
<div class="inline top-space" style="color:lightgrey">
<div data-type="link" class="round"
data-color="lightgrey"
data-border-color="#505050"
data-text-align="center"
data-width="135px"
onclick="$('.dialog-close').trigger('click');">Schließen
</div>
</div>
</div>
</div>
</div>
</div>
</center>
</li>
Natürlich ist noch nicht alles schick, auf dem Firefox sieht das alles ganz gut aus, aber auf dem Tablet habe ich mit dem Icon und dem Kreis drum rum Probleme, ich finde im Popup Icon auch die Angabe "fa-circle-thin" nicht das wurde also etwas anders gelöst.
Vllt kann mir da jemand auf die Sprünge helfen.
Im Firefox ist alles gut auf dem Tablet habe ich mal das Foto ran gehangen.
Screenshot zentriert
hi,
erst mal respekt das sich jemand solche mühe macht und ein modul entwickelt.
ich habe mir das modul runtergeladen und in die ordner gepackt, fhem neu gestartet und in ftui installiert. allerdings kommt bei mir immer der fehler :
hast du das widget_uwz.js auch in deinen js Ordner gepackt..?
Du mußt es dir aus dem Github holen...!
ja habe ich getan, ich starte mal den raspi neu
ich habe glaube ich gefunden wo dran es liegt, die datei wurde als benutzer root runtergeladen, wahrscheinlich wid benutzer fhem die nicht ausführen können, ich habe aber keine ahnung wie ich die dem benutzer fhem zufügen kann
chown fhem dateiname
Hallo,
sehr beeindruckend was hier entstanden ist.
Leider schein ich mich anzustellen. Ich wollte erstmal ganz einfach starten. Allerdings zeigt mir das Widget "Aktuell keine Warnmeldungen", obwohl aktuell zwei Warnungen vorliegen. Hat jemand spontan eine Idee, wo ich den Fehler suchen muss? Wo wird eigentlich die Meldung "Aktuell keine Warnmeldungen" generiert? Im Device selber hab ich nichts entdeckt.
Hier noch mein Code:
<li data-row="4" data-col="6" data-sizex="5" data-sizey="1">
<header>Unwetterwarnung Leipzig</header>
<div data-type="uwz" data-device="Unwetterzentrale" data-detail='["WarnUWZLevel_Color", "uwzLevel", "IconURL", "ShortText", "WarnTime"]' data-max="5" class="top-space autohide"></div>
</li>
Vielen Dank und beste Grüße
Hab das Raspi wiederholt neu gestartet. Geht nun!
Viele Grüße
moin, uwzlevel gibts es nur intern, wird also nie nagezeigt und muss nicht in die ui-definition
<div data-type="uwz" data-device="Unwetterzentrale" data-detail='["WarnUWZLevel_Color", "IconURL", "ShortText", "WarnTime"]' data-max="5" class="top-space autohide"></div>
reich so also aus
Hallo Chris,
2 Ideen:
-ist es möglich, dass du noch zwischen der Gültigkeit und dem Text einen Zeilenumbruch einbaust?
-Kannst du was einbauen, dass man die einzelnen Teile Formatieren kann? z.b. ShortText Fett und WarnTime kleiner etc.
Viele Grüße,
Kuzl
Zitat von: Homer1978 am 11 Januar 2017, 20:24:07
ich habe glaube ich gefunden wo dran es liegt, die datei wurde als benutzer root runtergeladen, wahrscheinlich wid benutzer fhem die nicht ausführen können, ich habe aber keine ahnung wie ich die dem benutzer fhem zufügen kann
gib mal das auf der Shell Ebene (putty) ein
chown -R fhem:dialout /opt/fhem
@chris1284
ich habe deinen Beitrag im anderen Thread verfolgt, denn ich habe auch eine Fehlerhafte Darstellung der Meldungen (sieh Screenshot)
Der code dafür ist folgender:
<li data-row="3" data-col="3" data-sizex="8" data-sizey="8" class="semitransparent3d" style="overflow:auto;">
<header>Unwetterwarnungen Niedersachsen</header>
<div data-type="uwz" data-device="Unwetterzentrale" data-detail='["uwzLevel", "IconURL", "ShortText","LongText", "WarnTime"]' data-max="5" class="top-space"></div>
</li>
es ist nicht vorgesehn short und longtext gleichzeitig zu zeigen.
das liegt daran das ich onst mit den col-x-x nicht hinkomme. das widget macht 2 col (1-5 fürs icon, 3-4 je für short als auch long).
ich habe ehrlich auch nicht gedacht dass das eine macht, wiso auch? im long steckt der short und wenn ich short wähle will ich wohl keinen langen. beide macht keinen sinn für mich (außer natürlich als popup long wenn man auf den shorttext klickt). ich überlege mal drüber....
UPDATE:
- das Problem mit der mehrfachanzeige ist gelöst, es können nun beliebig viele uwz-widgets für das selbe device auf einer siete sein (zb 2x device uwHannover mit unterschiedlichen data-detail)
NEW:
data-shttxtstyle - hier kann man den style der schrift für den ShortText anpassen (zb big, bigger, small, ... was die ui so bietet) - im screenshot ist es small , für default einfach weg lassen
data-lngtxtstyle - hier kann man den style der schrift für den longText anpassen (zb big, bigger, small, ... was die ui so bietet) - im screenshot ist es big , für default einfach weg lassen
data-textdivider - hier kann man htmlcode eingeben um die trennung zwischen Short-/LongTextund der WarntTime angeben - im screenshot </br> (oben) und 1x </br></br> (unten) , für default einfach weg lassen
die änderungen sind im github (link post 1) zu finden!
der code des bildes
<li data-row="1" data-col="1" data-sizex="8" data-sizey="5">
<header>UWZ Hannover kutztext</header>
<div data-type="uwz" data-device="uwzHannover" data-detail='["uwzLevel", "IconURL", "ShortText","WarnTime"]' data-shttxtstyle="small" data-textdivider="</br>" data-imgsize="30" data-max="5" class=""></div>
<header>UWZ Hannover langtext ohne icon</header>
<div data-type="uwz" data-device="uwzHannover" data-detail='["uwzLevel", "LongText","WarnTime"]' data-lngtxtstyle="big" data-textdivider="</br></br>" data-imgsize="30" data-max="1" class=""></div>
</li>
Hallo,
bei mir werden die Umlaute im Widget nicht richtig dargestellt. In Fhem passt der Text allerdings. Musstet Ihr dafür etwas anpassen? Scheint ja ein Problem im FTUI zu sein. Habe auch bei anderen Widget das Problem und hatte es umgangen mit der Kodierung für HTML.
Hat jemand einen Anhaltspunkt für mich?
Danke und herzliche Grüße
Zitat von: chris1284 am 12 Januar 2017, 20:06:00
NEW:
data-shttxtstyle - hier kann man den style der schrift für den ShortText anpassen (zb big, bigger, small, ... was die ui so bietet) - im screenshot ist es small , für default einfach weg lassen
data-lngtxtstyle - hier kann man den style der schrift für den longText anpassen (zb big, bigger, small, ... was die ui so bietet) - im screenshot ist es big , für default einfach weg lassen
data-textdivider - hier kann man htmlcode eingeben um die trennung zwischen Short-/LongTextund der WarntTime angeben - im screenshot </br> (oben) und 1x </br></br> (unten) , für default einfach weg lassen
Wunderbar, vielen Dank für die schnelle Umsetzung!
ich überlege ob es sinnvoll war data-shttxtstyle + data-lngtxtstyle einzubauen statt data-textstyle da ja eh nur einer von beiden pro uwz-widget gedacht ist und ich eigentlich ja davon ausgehe das niemand short und long zusammen ausgeben will :-\
Zitat von: chris1284 am 13 Januar 2017, 07:23:23
eigentlich ja davon ausgehe das niemand short und long zusammen ausgeben will :-\
Hallo chris1284, da ich sicher gemeint bin mal folgende Frage in deinem Screenshot #51 ist doch aber links der Kurztext und darunter der Longtext, oder verstehe ich das falsch..?
Solch eine Anzeige ist doch aber sinnvoll, oder nicht denn beide unterscheiden sich.. :-\
das war nur ein beispiel um zu zeigen das jetz 2 gleiche uwz-devices gehen :-) ich selber finde es dennoch nicht praktikabel, für mich. ich weiss aber nun auch das es den anwendungsfall gibt und habe auch schon eine lösung im kopf ;) die das können wird
ALs Variante der von octek0815 entwickelten Popup-Lösung kann man das Icon bei nicht vorliegenden Warnmeldungen auch ausblenden.
Das geht ganz einfach mit zwei zusätzlichen Zeilen:
data-get="Unwetterzentrale:WarnCount"
data-hide="0"
Im Zusammenhang sieht das dann z.B. so aus:
<div class="inline" data-type="popup" data-mode="fade" data-height="600px" data-width="1000px">
<div data-type="push"
data-set-on="-"
data-icon=""
data-device="dFTUIdummy"
data-get="Unwetterzentrale:WarnCount"
data-hide="0"
data-warn="Unwetterzentrale:WarnCount"
style="font-size:310%; margin-top:5px; margin-right:-8px"
class="thin right-space">
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnUWZLevel_Color"
data-states='["gruen","gelb","orange","rot"]'
data-icons='["fa-check-square-o","fa-exclamation-triangle","fa-exclamation-triangle","fa-exclamation-triangle blink"]'
data-colors='["lightgrey","yellow","#FD5F00","#FF0101"]'
style="font-size:95%;"
class="thin right-space"></div>
</div>
[ . . . ]
Das Design ist damit etwas aufgeräumter. Besonders genial: Bei ausgeblendetem Icon werden die benachbarten Widgets neu justiert, so dass sich immer ein harmonisches Bild ergibt. 8)
Zum wiederholten Mal bin ich fasziniert von FTUI und der Entwicklergemeinde. :) :)
Nachtrag: Seit 2.5 ist das Ausblenden folgendermaßen zu definieren:
data-hide="Unwetterzentrale:WarnCount"
data-hide-on="0"
Habe versucht es einzubauen.
Kommt leider kein Ergebnis.
Was mache ich falsch?
Wenn Du das Ausblenden des Buttons meinst:
Meine Code war unvollständig. Hinter [. . .] verbergen sich sich weitere Zeilen, ich weggelassen hatte, weil sie mit dem Effekt des Ausblendens nichts zu tun haben. Der benötigte Code findet sich weiter oben in diesem Thread.
Nachfolgend kommt mein vollständiger Code. Man beachte, dass man natürlich nichts sieht, wenn aktuell keine Warnmeldung vorliegt. Ggf. in UWZ (FHEM) eine andere PLZ wählen. Ebenfalls zu beachten ist, dass die in FHEM angelegte UWZ hier den Namen "Unwetterzentrale" hat.
<div class="inline" data-type="popup" data-mode="fade" data-height="600px" data-width="1000px">
<div data-type="push"
data-set-on="-"
data-icon=""
data-device="dFTUIdummy"
data-get="Unwetterzentrale:WarnCount"
data-hide="0"
data-warn="Unwetterzentrale:WarnCount"
style="font-size:310%; margin-top:5px; margin-right:-8px"
class="thin right-space">
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnUWZLevel_Color"
data-states='["gruen","gelb","orange","rot"]'
data-icons='["fa-check-square-o","fa-exclamation-triangle","fa-exclamation-triangle","fa-exclamation-triangle blink"]'
data-colors='["lightgrey","yellow","#FD5F00","#FF0101"]'
style="font-size:95%;"
class="thin right-space"></div>
</div>
<div style="font-size:150%" class="dialog">
<header><div class="" style="color:grey; font-size:175%">Wetterwarnung</div></header>
<div class="top-space">
<div class="hbox center">
<div data-type="uwz" data-device="Unwetterzentrale" data-imgsize="50" data-detail='["IconURL","uwzLevel","ShortText","WarnTime"]' data-max="5" class="left-space-2x col-1-1"></div>
<div class="top-space col-1-1" data-type="image" data-refresh="900" data-width="415" data-height="415" data-url="http://www.unwetterzentrale.de/images/map/nrw_index.png"></div>
</div>
<br>
<div class="inline top-space" style="color:lightgrey">
<div data-type="link" class="round"
data-color="lightgrey"
data-border-color="#505050"
data-text-align="center"
data-width="135px"
onclick="$('.dialog-close').trigger('click');">Schließen
</div>
</div>
</div>
</div>
</div>
Zitat von: Tutti_Bomovski am 15 Januar 2017, 14:55:06
Habe versucht es einzubauen.
Kommt leider kein Ergebnis.
Was mache ich falsch?
gleich so viele infos auf einmal, das weis sman garnicht wo man anfangen soll ;D
was hast du versucht einzubauen? das widget an sich oder eines der beispiel evon usern hier?
was heisst es kommt kein ergebnis?
Zitat von: chris1284 am 15 Januar 2017, 15:32:51
gleich so viele infos auf einmal, das weis sman garnicht wo man anfangen soll ;D
was hast du versucht einzubauen? das widget an sich oder eines der beispiel evon usern hier?
was heisst es kommt kein ergebnis?
Du hast ja recht. ;-)
Zu viel Input.
Ich habe die Widgets installiert. Hoffe richtig.
Aus dem Link oben und sie dann im FHEM hochgeladen.
Dann habe ich den Code in eine HTML gepackt und mein Device UWZ dort verankert.
Die Seite wird geladen, aber die Boxen bleiben leer.
Irgendwas ist dann wohl noch faul.
Habe es auch mit anderen Codes versucht.
Was habe ich nur vergessen oder falsch gemacht?
dann zeig mal bitte deinen tui code für das widget. hast du das widget nach /opt/fhem/www/tablet/js kopiert, wenn ja, evtl die rechte angepasst damit fhem es lesen kann?
zu dem code noch ein list deines uwz-devices bitte
Zitat von: chris1284 am 15 Januar 2017, 18:13:12
dann zeig mal bitte deinen tui code für das widget. hast du das widget nach /opt/fhem/www/tablet/js kopiert, wenn ja, evtl die rechte angepasst damit fhem es lesen kann?
zu dem code noch ein list deines uwz-devices bitte
Widget ist im Ordner /opt/fhem/www/tablet/js.
Rechte sind 777!
Code von meiner HTML hier.
<!DOCTYPE html>
<html>
<head>
<!--
/* FHEM tablet ui */
/*
* UI builder framework for FHEM
*
* Version: 2.2.*
* URL: https://github.com/knowthelist/fhem-tablet-ui
*
* Copyright (c) 2015-2016 Mario Stephan <mstephan@shared-files.de>
* Under MIT License (http://www.opensource.org/licenses/mit-license.php)
*
* - create a new folder named 'tablet' in /<fhem-path>/www
* - copy all files incl. sub folders into /<fhem-path>/www/tablet
* - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
* - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
*/
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="widget_base_width" content="74">
<meta name="widget_base_height" content="71">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="gridster_disable" content="1">
<meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
<meta name="debug" content="2"> <!-- verbose level 1-6 = output to console;0 = not output -->
<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" />
<!-- define your personal style here, it wont be overwritten -->
<!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
<!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->
<script src="../pgm2/jquery.min.js"></script>
<script src="lib/jquery.toast.min.js"></script>
<script src="lib/jquery.gridster.min.js"></script>
<script src="js/fhem-tablet-ui.js" defer></script>
<title>FHEM-Tablet-UI</title>
</head>
<body>
<div class="gridster">
<ul>
<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="UWZ" 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="UWZ" 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="UWZ" 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="UWZ" 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="UWZ" data-detail='["WarnUWZLevel_Color", "LongText","WarnTime"]' data-max="5" class=""></div>
</li>
</ul>
</div>
</body>
</html>und hier das list meines device UWZ.
CountryCode DE
DEF DE xxxxx 3600
INTERVAL 3600
NAME UWZ
NR 41
PLZ xxxxx
STATE Warnungen: 1
TYPE UWZ
URL http://feed.alertspro.meteogroup.com/AlertsPro/AlertsProPollService.php?method=getWarning&language=de&areaID=UWZDExxxxx
VERSION 1.4.7
Readings:
2017-01-15 19:19:09 WarnCount 1
2017-01-15 19:19:09 WarnUWZLevel 1
2017-01-15 19:19:09 WarnUWZLevel_Color orange
2017-01-15 19:19:09 WarnUWZLevel_Str Stufe Dunkelgrün (Wetterhinweise)
2017-01-15 19:19:09 Warn_0_AltitudeMax 9000
2017-01-15 19:19:09 Warn_0_AltitudeMin -10
2017-01-15 19:19:09 Warn_0_Creation 1484477640
2017-01-15 19:19:09 Warn_0_Creation_Date 15.01.2017
2017-01-15 19:19:09 Warn_0_Creation_Time 11:54
2017-01-15 19:19:09 Warn_0_End 1484557200
2017-01-15 19:19:09 Warn_0_End_Date 16.01.2017
2017-01-15 19:19:09 Warn_0_End_Time 10:00
2017-01-15 19:19:09 Warn_0_EventID 14844775558983
2017-01-15 19:19:09 Warn_0_Hail 0
2017-01-15 19:19:09 Warn_0_IconURL http://www.unwetterzentrale.de/images/icons/strassenglaette-orange.gif
2017-01-15 19:19:09 Warn_0_LongText Bis mindestens Montagmorgen / -vormittag muss streckenweise mit gefährlichen Fahrbahnverhältnissen durch Schneefall oder gefrierende Nässe gerechnet werden.
2017-01-15 19:19:09 Warn_0_Severity 4
2017-01-15 19:19:09 Warn_0_ShortText Bis mindestens Mo.-morgen/-vormittag streckw. gef. Fahrb.verh. durch Schnee / Gefr.
2017-01-15 19:19:09 Warn_0_Start 1484477220
2017-01-15 19:19:09 Warn_0_Start_Date 15.01.2017
2017-01-15 19:19:09 Warn_0_Start_Time 11:47
2017-01-15 19:19:09 Warn_0_Type 8
2017-01-15 19:19:09 Warn_0_Type_Str Strassenglaette
2017-01-15 19:19:09 Warn_0_levelName notice_warn_orange
2017-01-15 19:19:09 Warn_0_uwzLevel 1
2017-01-15 19:19:09 Warn_0_uwzLevel_Str Stufe Dunkelgrün (Wetterhinweise)
2017-01-15 19:19:09 durationFetchReadings 0.00
2017-01-15 19:19:09 ftuiUwzText <div class="top-space-min"><div class="row"><div class="col-2-1"><img src="http://www.unwetterzentrale.de/images/icons/strassenglaette-orange.gif" width="50" height="50" alt="Unwetterwarnung" /></div><div class="top-space-mid col-3-4">Bis mindestens Montagmorgen / -vormittag muss streckenweise mit gefährlichen Fahrbahnverhältnissen durch Schneefall oder gefrierende Nässe gerechnet werden.</div></div><div class="newline">  </div></div>
2017-01-15 19:19:09 lastConnection 27 values captured in 0.00 s
2017-01-15 19:19:09 state Warnungen: 1
Fhem:
LOCAL 0
Helper:
Attributes:
humanreadable 1
room Wetter
sieht soweit gut aus, einzig deine widget width, hight weicht vom standard ab. browser cache mal geleert (im firefox zb strg+f5 um die seite zu refreshen)? zeigt kein browser/device (tablet, handy) was an?
Zitat von: chris1284 am 15 Januar 2017, 19:33:16
sieht soweit gut aus, einzig deine widget width, hight weicht vom standard ab. browser cache mal geleert (im firefox zb strg+f5 um die seite zu refreshen)? zeigt kein browser/device (tablet, handy) was an?
::)
man muss sich manchmal fremdschämen...
Habe den Fehler gefunden.
Eindeutig ein Userproblem!
Es funktioniert.... Juhu...
;Dschön zu hören das es geht
Zitat von: Tutti_Bomovski am 15 Januar 2017, 20:57:27
::)
man muss sich manchmal fremdschämen...
Habe den Fehler gefunden.
Eindeutig ein Userproblem!
Es funktioniert.... Juhu...
Hi Tutti_Bomovski
was war´s den,, habe das gleiche Problem :-[
Hi Chris,
kannst Du bitte mal den vollständigen code aus Antwort #19 posten?
Danke
Habe eine frage.
Und zwar habe den code kopiert. Ihn versucht mit WinSCP in fhem einzubinden, bekomme aber eine fehlermeldung. Wie kann ich es den noch einbinden. bin noch recht neu dabei.
Aber stelle mich vielleicht auch bei der suchfunktion hier doof an. Und fhem wiki hilft mir da auch nicht viel weiter.
Nichts für ungut: Das ist ungefähr so wie der Funkspruch des Flugschülers: "Sehe unter mir Straßenkreuzung. Frage: Wo bin ich?"
Die Lotsen in diesem Forum (zu denen ich mich nicht zähle) haben erwiesenermaßen einen Radarblick für Quellcode. Fast immer klärt sich die Sache ganz schnell auf, die Hilfsbereitschaft von echten Knowhowträgern ist legendär. Benötigt werden allerdings Fakten auf dem Silbertablett, in diesem Fall der verwendete Code, die genaue Fehlermeldung, der Inhalt der LOG-Datei, die Schreib-/Leseberechtigungen der Dateien, ...
Es ist nicht unrealistisch, dass es bei Dir noch heute laufen wird ... ;)
@Wasserwerk33: du kopierst das file nach /opt/fhem/www/tablet/js/
da du das sicher mit roor/pi machst braucht es dann noch leserechte für fhem das geht in dme du auf /op/fhem/ rechtklick eigenschaften gehts und die rechte nochmal durchreichst oder du rechtklick eigenschaften auf die datei gehst und die rechte setzt (0755)
@kvo1:das ist der ganze code in #19 für das popup. ich habe das so nicht mehr im einsatz wie es da aussieht aber habe ein anderes popup
Zitat
<div data-type="popup" data-width="750px" data-height="500px" class="inline">
<div data-type="symbol" data-device="uwzHannover" data-get="WarnCount" data-states='["^[1-9][0-9]|[1-9]","0"]' data-icons='["fa-cloud warn","fa-cloud warn"]' data-colors='["orange","white"]' class="inline"></div>
<div class="dialog">
<header>Warnungen UWZ</header>
<div class="col-1-2 inline cell">
<header>Hannover</header>
<div data-type="uwz" data-device="uwzHannover" data-detail='["uwzLevel", "IconURL", "ShortText","WarnTime"]' data-imgsize="30" data-max="5" class="centered"></div>
</div>
<div class="col-1-2 inline cell">
<header>Karte Niedersachsen</header>
<div data-type="image" data-refresh="900" data-width="415" data-height="415" data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png" class="centered"></div>
</div>
</div>
</div>
Hi Chris,
ich habe das gleiche Problem wie
Tutti_Bomovskifile ist nach /opt/fhem/www/tablet/js/ kopiert , Rechte passen, aber ich seh nur die Überschrift
einfachste Code
<li data-row="1" data-col="2" data-sizex="11" data-sizey="7" class="semitransparent">
<header style="color:orange"><font size="+1">UWZ mit Color,Icon, Shorttext, Warntime</font></header>
<div data-type="uwz"
data-device="Unwetterzentrale"
data-detail='["WarnUWZLevel_Color", "IconURL", "ShortText", "WarnTime"]'
data-max="5" class="top-space"></div>
</li>
Was könnte man da noch falsch machen ?
Zitat von: kvo1 am 16 Januar 2017, 00:37:16
Hi Tutti_Bomovski
was war´s den,, habe das gleiche Problem :-[
nun ja, ich habe die Widget_uwz.js mit Rechtsklick und speichern gesichert und danach hochgeladen.
das war dann natürlich kein JavaScript....
Habe dann nur den Code genommen und noch mal korrigiert.
Danach noch die Berechtigung neu gesetzt und dann funktionierte es.
Weiss ja nicht was du gemacht hast! Den Device mit den Namen hast du korrigiert?
also data-device="<der name deines uwz moduls>"
....
ansonsten noch mal posten.
Versuche noch mal zu helfen.
Durch das ganz "ausprobieren" bekommt man ja eine gewisse Kenntnis. ;-)
Ciao Tutti
Zitatdu kopierst das file nach /opt/fhem/www/tablet/js/
da du das sicher mit roor/pi machst braucht es dann noch leserechte für fhem das geht in dme du auf /op/fhem/ rechtklick eigenschaften gehts und die rechte nochmal durchreichst oder du rechtklick eigenschaften auf die datei gehst und die rechte setzt (0755)
Habe ich versucht. Bin als pi angemeldet. Bin unter /opt habe mir dann den fhem oderner gesucht, habe mit rechtsklick auf eigenschaften geklickt und wollte unter Oktal 0755 eingeben und dann okay geklickt. Hatte vorher rechte 0777 aber bekomme die fehlermeldung das ich die rechte in fhem nicht ändern kann. :(
was mache ich falsch?
Wasserwerk33
mal als pi anmelden und dann
sudo su
# dannbist du superuser..dann
cd /opt/fhem/www/tablet/js
chown fhem widget_uwz.js
chgrp dialout widget_uwz.js
dann sollte es passen
Hi Tutti,
Den Device mit den Namen hast du korrigiert? jaja da passt schon
<li data-row="1" data-col="2" data-sizex="6" data-sizey="6">
<header>UWZ mit Color,Icon, Shorttext, Warntime</header>
<div data-type="uwz" data-device="Unwetterzentrale" data-detail='["IconURL", "ShortText","WarnTime"]' data-max="5" class="top-space"></div>
</li>
der js-code ist auch korrekt , habe das Master kopiert , entpackt und dann in das .../js verzeichnis kopiert !
@Chris
kann das sein das es erst ab FTUI 2.x läuft ?
ja, nur die aktuelle tui 2.4. die alte wird ja nicht mehr supported
das widget kam gestern übrigens auch mit fhem-update (wenn man die tui da mit drin hat )
Hallo,
wäre es möglich einen Modus zu bauen, in dem die einzelnen Meldungen nebeneinander angezeigt werden und nicht untereinander?
vielen Dank
Mike
eigentlich müsste das schon gehen. das widget erzeugt pro meldung einen n <div></div> von class "cell". wenn du darum eine hbox baust sollten die meldungen nebeneinander erscheinen würde ich meinen.
leider finde ich gerade keine meldungen / regionen mit mind. 2 meldungen um das mal zu testen. außer schweden/norwegen die haben ja ordentlich meldungen aber bekomme ich nicht eingebunden
EDIT: noch mal drüber nachgedacht: im grid ist es ja nur ein element, wird wohl doch nicht gehen, ich kann das aber dneke ich einbauen
Moin Moin,
ich bin gerade am Tablet UI lernen und bastele an diesem Widget. Zwei Fragen:
- Könnte Post 1 um einen Hinweis ergänzt werden, daß dieses Widget nun per update erhältlich ist?
- Hat jemand ein Beispiel, wie eine Wetteranimation eines Bereiches eingebunden werden kann?
Laut https://wiki.fhem.de/wiki/UWZ#Download_von_Unwetterkarten kann das UWZ-Modul die Karten automatisch herunterladen - oder auch als Animation. Diese würde ich dann gerne einbinden. Ich verstehe das Image-Widget, mir geht es um die Einbindung desselben mit heruntergeladenen Wetteranimationen...
Danke, -MN
das modul speichert ja alles in attr Unwetterzentrale savepath . diesen würde ich nun mal nahc den karten durchsuchen und diese dann in image widget einbinden.
ich nutzte immer den link ins inet auf die website da so die karte wenn man sie braucht stehts aktuel ist
Hallo,
ich habe meine Testumgebung heute auf FTUI 2.5 upgedated. Das UWZ-Widget funktioniert bei mir damit auch, allerdings wird IconURL aktuell über dem LongText angezeigt und damit insgesamt recht viel Platz verschwendet.
Momentan habe ich die Icons daher erstmal weggelassen. Hatte noch jemand ähnliche Probleme?
Ideal wäre es, wenn man die einzelnen Meldungen in einem Swiper durchwischen könnte. Mit den Boardmitteln des Swiper-Widgets bekomme ich das aber leider nicht hin.
ja, das viel mir auf. ich habe aktuell ein widget welches wieder gut aussieht am laufen und werde es heute hochladen
ich habe die aktuelle version die bei mir in 2-5 gut aussieht eingechecked. im deatil habe ich intern con col-x-x auf hbox umgestellt.
den Swiper schau ich mir mal an, habe ich bisher nichts mit gemacht
einen swiperstyle habe ich direkt dank der swiper api die auch swiperwidget nur nutzt eingebaut....
die formatierung hapert aber noch
https://www.youtube.com/watch?v=HB2Vlp5LQcY
Super schnell. Danke für den Fix. Funktioniert bei mir auch mit ftui 2.5 :D
Den Swiper teste ich dann auch gerne.
Falls jemand beim Umbau auf ftui 2.5 etwas zum Abschauen braucht:
<li data-row="5" data-col="3" data-sizex="2" data-sizey="4" class="semitransparent">
<header>Unwetter</header>
<div class="vbox">
<div data-type="uwz" data-device="Unwetterzentrale" data-detail='["ShortText"]' data-max="1" class="cell top-narrow left-narrow right-narrow"></div>
<div data-type="popup" data-mode="fade" data-height="600px" data-width="900px" class="">
<div data-type="push"
data-device="Unwetterzentrale"
data-warn="WarnCount"
data-icon="none"
class="bigger">
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnUWZLevel_Color"
data-states='["gruen","gelb","orange","rot"]'
data-icons='["fa-check-square-o","fa-exclamation-triangle","fa-exclamation-triangle","fa-exclamation-triangle blink"]'
data-colors='["white","yellow","#FD5F00","#FF0101"]'
data-background-colors='["lightgrey","lightgrey","lightgrey","lightgrey"]'
class="small"></div>
</div>
<div class="dialog">
<header>Warnungen @Home</header>
<div class="vbox top-narrow">
<div class="hbox">
<div class="col-60">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["uwzLevel","IconURL","LongText","WarnTime"]'
data-lngtxtstyle="small"
data-max="5"
data-textdivider="</br>"
class=""></div>
</div>
<div data-type="image"
data-refresh="900"
data-width="400"
data-height="400"
data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png"
class="right-space"></div>
</div>
<div data-type="link"
data-width="130" data-height="40"
data-color="white"
data-background-color="green"
data-icon="fa-check"
onclick="$('.dialog-close').trigger('click');"
class="round top-narrow left-space-2x">Close</div>
</div>
</div>
</div>
</li>
ich werde nochmal versuchen statt dem "widget im widget" versuchen über data-hash des swiper_widgets dieses zu nutzen.
ich müsste dafür nur jeder hbox (theorie ) die class data-hash geben aber ich fürchte es will zwingend <li><div> strukturen... wenn du ein beispiel zum swiper hättets das data-hash zeigt würde das helfen. die doku zum swiper ist je sehr "kurz" gehalten,
Habe was gefundne und denke wir können siper aus dem tui bestand nehmen.. ich pack das gerade in eine "external swiper" option...
anbei eine uwz version die swiper-support hat. die swiper-api wird direkt angesprochen da das widgte_swiper zu unflexibel war.
aktivierbat ist der sliede per
Zitatdata-swiperstyle="yes"
Danke fürs Einbauen. Habe es eben ausprobiert, bekomme aber leider ein nicht ganz so schönes Verhalten.
Auf meinem Dashboard habe ich nur den ShortText dargestellt. der wird jetzt nicht mehr umgebrochen und ist insgesamt nach links verschoben (siehe Screenshot). Wenn man den Button klickt geht ein PopUp auf. Im PopUp ist dann die Karte und der LongText usw. (siehe Code auf Seite 6 dieses Threads). Im PopUp funktioniert das Sliden des UWZ dann nicht wirklich. Dafür kann man das PopUp verschieben.
zeigt mal deinen code
Code siehe Anhang
Hallo zusammen,
mal eine blöde Frage:
habe das Modul unproblematisch eingebunden, es funktioniert alles.
Komischerweise habe ich allerdings beim Shorttext bei Umlauten Sonderzeichen.
Vorallem bei "gültig ab ..bis" sieht das immer doof aus. Irgendjemand eine Idee?
Danke
Korrektur: komischerweise NUR beim "ü" von Gültig, sonst nicht ?!
Und/oder gib es gar die Möglichkeit das "Gültig vom" wegzulassen und die Zeit in Fett zu formatieren
Morgen,
ich kriege das Widget UWZ nicht zum Laufen.
Es zeigt einfach nichts an.
In der FHEM Oberfläche sehe ich die Unwetterdaten, aber im tabletui wird nichts angezeigt.
Ich nutze tabletui Version 2.5 und habe den letzten Update eingespielt.
FHEM:
Internals:
CountryCode DE
DEF DE 50170 3600
INTERVAL 3600
NAME UWZ_Kerpen
NR 298
PLZ 50170
STATE Warnungen: 1
TYPE UWZ
URL
Code im tablet:
<li data-row="4" data-col="2" data-sizex="6" data-sizey="2">
<header><div data-type="label" class="large">Unwetterwarnung</div></header>
<div-type="uwz"
data-device="UWZ_Kerpen"
data-detail='["IconURL", "ShortText","WarnTime"]'
data-max="5"
class="top-space"
</div>
</li>
Was mache ich hier verkehrt bzw. wo liegt mein Fehler.
Danke schon mal vorab.
Gruß
Mirko
@arminius
Zitat
<div-type="uwz"
muss
<div data-type="uwz" heißen
und hinter
Zitat
class="top-space"
fehlt noch ein ">"
@Andre: ein Attribut zum Weglassen des "Gültig vom" gibt es meines Wissens nicht. Du könntest natürlich als Workaround direkt im uwz_widget.js danach suchen und dir dein Format darin setzen. Wenn du es dann noch als Attribut baust und hier zur Verfügung stellst übenimmt der Autor es evtl.
Ich kann gerade nicht in den code schauen, denke aber, das das eine recht einfache Änderung sein sollte.
Zitat von: Wuehler am 11 Februar 2017, 10:27:50
@Andre: ein Attribut zum Weglassen des "Gültig vom" gibt es meines Wissens nicht.
dann fehlt dir an dieser stelle wissen. gültig von lässt man weg in dem man in der data-detail einfach WarnTime weg lässt ;)
ich baue es heute noch im widget so ein das umlaut korekt dargestellt werden
Zitat von: chris1284 am 11 Februar 2017, 10:54:44
dann fehlt dir an dieser stelle wissen. gültig von lässt man weg in dem man in der data-detail einfach WarnTime weg lässt ;)
ich baue es heute noch im widget so ein das umlaut korekt dargestellt werden
Moin, ertmal danke für die Rückmeldung. Dachte wenn ich WarnTime weglasse ist auch die ja Warnzeit halt weg :D wollte ja nur das "gültig von" weglassen ;> Probier es aber ma aus und werde deine Änderung dann natürlich sofort implementieren :>
aso, die zeit willst du aber den text nicht... na das geht nicht.
ich könnte den text variabel machen wenn bedarf besteht
das mit dem ü ist aber gefixed. kannst die aktuelle version aus github holen
Zitat von: chris1284 am 11 Februar 2017, 11:19:05
aso, die zeit willst du aber den text nicht... na das geht nicht.
ich könnte den text variabel machen wenn bedarf besteht
das mit dem ü ist aber gefixed. kannst die aktuelle version aus github holen
MEGA!!
Ja vielleicht wäre das eine gute Idee. Primär ist ja erstmal wichtin WANN die Warnung ist, dafür brauch man aber theoretisch kein "gültig ab". Wenn man sie dann vielleicht noch fett machen kann würde das rein visuell vielleicht noch besser aussehen :)
Zitat von: Andre0909 am 11 Februar 2017, 10:20:27
@arminius
muss <div data-type="uwz"
heißen
und hinter
fehlt noch ein ">"
Hallo Andre,
danke funktioniert nun. Manchmal sieht man den Wald vor lauter Bäumen nicht. Und ich dachte, ich hätte den Code 1zu1 aus der Anleitung kopiert.
Gruß
Arminius
Zitat von: chris1284 am 11 Februar 2017, 11:19:05
aso, die zeit willst du aber den text nicht... na das geht nicht.
ich könnte den text variabel machen wenn bedarf besteht
das mit dem ü ist aber gefixed. kannst die aktuelle version aus github holen
Ich habe aber auch ein Problem wo ich evtl deine Hilfe brauche. Ich habe gerade festgestellt dass bei meinem popup mit dem UWZ Modul die Warnungen nicht autom. aktulaisiert werden. Wir hatten heute morgen unwetterwarnung grün, stufe 1 bis 10 Uhr. Seit 13 Uhr haben wir gelb Stufe 2. Das wird mir auch in einem icon angezeigt welches die readings direkt aus dem Fhem-Modul holt. Wenn ich drauf klicke kommt ein popup mit den Unwetterdaten wie in meinem screen. Alelrdings immer noch mit den Daten von heute morgen. Erst ein REFRESH der Seite aktualisert die Daten. Was mache ich falsch? DANKE :)
<div data-type="popup" data-width="750px" data-height="550px" data-mode="fade" class="inline" onclick="$('.dialog-close').trigger('click');" >
<div data-type="symbol"
data-device="Unwetter"
data-get="WarnUWZLevel"
data-get-on='["0","1","2","3","4","5"]'
data-icons='["fa-sun-o","fa-exclamation-triangle warn","fa-exclamation-triangle warn","fa-exclamation-triangle warn","fa-exclamation-triangle warn blink","fa-exclamation-triangle warn blink"]'
data-background-icons='["","fa-circle-thin","fa-circle-thin","fa-circle-thin","fa-circle-thin","fa-circle-thin"]'
data-background-colors='["SeaGreen","SeaGreen","yellow","orange","red","violet"]'
data-on-colors='["SeaGreen","SeaGreen","yellow","orange","red","violet"]'
class="bigger">
</div>
<div class="dialog dialogTransparent">
<header class="headerTransparent">Warnungen UWZ</header>
<div class="col-1-2 inline cell">
<div data-type="uwz" data-device="Unwetter" data-detail='["uwzLevel", "IconURL", "ShortText","WarnTime"]' data-shttxtstyle="medium" data-imgsize="60" data-max="5" class="centered"></div>
</div>
<div class="col-1-2 inline cell">
<header class="headerTransparent"> Karte NRW</header>
<div data-type="image" data-refresh="900" data-width="415" data-height="415" data-url="http://www.unwetterzentrale.de/images/map/nrw_index.png" class="centered"></div>
</div>
</div>
</div>
Hallo zusammen,
ich habe nun die Unwetterzentraldaten im tabletUI, aber bei Gültig von bis steht immer nur undefined.
Die Daten werden in FHEM korrekt dargestellt. Woher kommt das?
Meine Knotig habe ich nur um die Anmerkungen von Andre erweitert.
Gruß
Arminius
Zitat von: arminius am 11 Februar 2017, 20:20:58
Hallo zusammen,
ich habe nun die Unwetterzentraldaten im tabletUI, aber bei Gültig von bis steht immer nur undefined.
Die Daten werden in FHEM korrekt dargestellt. Woher kommt das?
Meine Knotig habe ich nur um die Anmerkungen von Andre erweitert.
Gruß
Arminius
musst beim Device das Attribut humanreadable auf 1 setzen
Genau diese Probleme wird es nicht mehr geben, wenn die FTUI-Doku fertig ist. Das Stichwort "humanreadable" kommt mir irgendwie bekannt vor. Die Zusammenhänge sind in den Tiefen des Forums auch alle nachzulesen. Viel einfacher ist aber, die Frage neu zu stellen ... ::)
Wer macht die Doku für UWZ?
Zitat von: Ulm32b am 11 Februar 2017, 22:25:35
Wer macht die Doku für UWZ?
naja, die ist ja in form der commandref schon fertig
Zitathumanreadable
Anzeige weiterer Readings Warn_?_Start_Date, Warn_?_Start_Time, Warn_?_End_Date, Warn_?_End_Time. Diese Readings enthalten aus dem Timestamp kalkulierte Datums/Zeit Angaben. Weiterhin werden folgende Readings aktivier: Warn_?_Type_Str und Warn_?_uwzLevel_Str welche den Unwettertyp als auch das Unwetter-Warn-Level als Text ausgeben. (0|1)
Hi Leute
Habe ein problem und zwar zeigt mir Tablet-ui ein fehler an. Und zwar heist dieser swiper yes.
Was ist passiert??
Habe den fehler auf meinem Tablet und auf meinem PC. Auf meinem PC kann ich nach einmal klicken ein häcken setzten wo ich gefragt werde ob die seite daran gehindert werden soll weiter Skipte zu laden, dieses geht nur leider nicht auf meinem Tablett.
:(
danke schon mal für die Antwort.
du wirst die version ohne swiper nutzen und hast dennoch data-swiperstyle="yes" gesetzt. lösche das in deiner definition oder lad die testversion mit swiper von github. so meine vermutung
Zitat von: chris1284 am 31 Januar 2017, 17:32:34
ich habe die aktuelle version die bei mir in 2-5 gut aussieht eingechecked. im deatil habe ich intern con col-x-x auf hbox umgestellt.
Wie schaffe ich es damit, das Icon links neben dem Text stehen zu haben und gleichzeitig die gesamtbreite festzulegen? Beides gleichzeitig bekomme ich nicht hin :(
_______________________
Ist es irgendwie möglich die Gültigkeit auch noch separat zum short- bzw. longtext zu formatieren? Im Moment nimmt die Gültigkeitsdauer immer die Formatierung, die ich shortxt zuweise.
Gruß,
Kuzl
Zitat von: chris1284 am 03 Februar 2017, 18:57:46
anbei eine uwz version die swiper-support hat. die swiper-api wird direkt angesprochen da das widgte_swiper zu unflexibel war.
aktivierbat ist der sliede per
Hi, Dein Widget funktioniert bei mir wunderbar. Ich habe versucht das Autoplay von 2500 zu erhöhen. Leider funktionierte das bei mir sowohl mit dem Befehl im FTUI
data-autoplay="8000"als auch leider nicht mit der Erhöhung des Wertes 2500 in der JS Datei selbst.
Kann man das manuell irgendwie erhöhen?
Grüße
die option kennt das widget noch nicht, du kannst sie setzen, wird aber nicht berücksichtigt.
du kannst es per hand im widget_uwz.js eintragen zeile 164 autoplay: 2500,\ einfach verändern und seite neu laden.
ich setze es auf meine todo
Hallo Zusammen,
wenn ich das Paket bei Github geladen habe, finde ich 3 dateien...wo muss ich die denn dann hinladen bzw. kopieren??
Über ne info danke ich Euch.
Gruss
Zitat von: Kusselin am 02 Mai 2017, 15:09:51
Hallo Zusammen,
wenn ich das Paket bei Github geladen habe, finde ich 3 dateien...wo muss ich die denn dann hinladen bzw. kopieren??
Über ne info danke ich Euch.
Gruss
Die .js-Dateien gehören in den Unterordner js/ im FTUI-Verzeichnis. Die .gitattributes kannst Du ignorieren/löschen.
Danke Dir..und welche Aufgabe hat dann die Datei? Was wäre wenn man die nicht in das Verzeichnis kopieren würde?
Gesendet von iPhone mit Tapatalk Pro
widget_calview.js --> ftui widget für calview devices
widget_uwz.js --> ftui widget für uwz devices
.gitattributes "steuerdatei" von gihub und kann ignoriert werden, muss nicht kopiert werden.
ZitatWas wäre wenn man die nicht in das Verzeichnis kopieren würde?
nix da man sie für die tui /fhem nicht braucht
Leuts ich meine die .js Datei.. Wenn ich die nicht kopiere...
Gesendet von iPad mit Tapatalk Pro
a) welche js datei, da sind 2.. und ) allgemein: keine js datei, kein widget. ohne widget keine daten/darstellung in der tui.
wenn du nur umz willst dann brauchst du die widget_calview.js natürlich nicht
Das wollte ich wissen...wenn man die .js dateien nicht in den entsprechenden ordner kopiert kann ich auch keine Anzeige in tablet ui haben.....
Also funzt doch mehr wollte ich nicht.
Danke euch
Gesendet von iPad mit Tapatalk Pro
Hallo zusammen,
bin heute über dieses widget "gestolpert" und wollte es gleich ausprobieren.
Entsprechende .js-Datei habe ich heruntergeladen und abgespeichert.
In der Fhem-Oberfläche sehe ich alle UWZ-Werte.
In der Tablet UI habe ich ein UWZ-Symbol mit einem Popup. Im Popup sollen die Detail-Informationen aus der UWZ dargestellt werden.
Ich bekomme das korrekte Symbol inkl. Farbe, aber keinen Inhalt im Popup. Hier der entsprechende Code-Schnipsel:
...
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnUWZLevel_Color"
data-states='["gruen","gelb","orange","rot"]'
data-icons='["fa-check-square-o","fa-exclamation-triangle","fa-exclamation-triangle","fa-exclamation-triangle blink"]'
data-colors='["white","yellow","#FD5F00","#FF0101"]'
data-background-colors='["lightgrey","lightgrey","lightgrey","lightgrey"]'
class="bigger">
</div>
<div class="dialog" >
<header class="headerTransparent">Unwetterwarnungen Details</header>
<div class="hbox">
<div class="col-60">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["IconURL","LongText","WarnTime"]'
data-lngtxtstyle="small"
data-max="5"
data-textdivider="</br>"
data-swiperstyle="yes"
class="top-space"></div>
...
Wahrscheinlich habe ich Tomaten vor den Augen und finde deshalb den Fehler nicht.
Kann mir evtl. jemand weiterhelfen?
Vielen Dank und viele Grüße,
mcbill
Zeig mal ein list vom UWZ Device
Hallo CoolTux,
danke für Deine Antwort. Hänge einen Screenshot an.
Viele Grüße,
mcbill
Wenn ich nach einem list Frage hat das einen Sinn. Dein Screenshot bringt mir rein gar nichts weil ich die Attribute nicht sehe.
list ist ein FHEM Befehl. list UWZDevice
Sorry, das hatte ich wohl falsch verstanden.
Hier die Ausgabe von list:
Internals:
CountryCode DE
DEF DE 86159 600
INTERVAL 600
INTERVALWARN 0
NAME Unwetterzentrale
NR 119
PLZ 86159
STATE Warnungen: 1
TYPE UWZ
URL http://feed.alertspro.meteogroup.com/AlertsPro/AlertsProPollService.php?method=getWarning&language=de&areaID=UWZDE86159
VERSION 1.6.0
READINGS:
2017-07-14 09:08:36 WarnCount 1
2017-07-14 09:08:36 WarnUWZLevel 2
2017-07-14 09:08:36 WarnUWZLevel_Color gelb
2017-07-14 09:08:36 Warn_0_AltitudeMax 9000
2017-07-14 09:08:36 Warn_0_AltitudeMin -10
2017-07-14 09:08:36 Warn_0_Creation 1499942940
2017-07-14 09:08:36 Warn_0_End 1500073200
2017-07-14 09:08:36 Warn_0_EventID 14999394683825
2017-07-14 09:08:36 Warn_0_Hail 0
2017-07-14 09:08:36 Warn_0_IconURL http://www.unwetterzentrale.de/images/icons/gewitter-gelb.gif
2017-07-14 09:08:36 Warn_0_LongText Am Freitag sind Starkregenschauer oder kurze Gewitter mit Starkregen und stürmischen Böen möglich. Niederschlagsintensitäten von 10 bis 15 Liter pro Quadratmeter binnen ein bis zwei Stunden und Böen um 70 km/h sind möglich. Abends setzt wieder rasche Wetterberuhigung ein.
2017-07-14 09:08:36 Warn_0_Severity 7
2017-07-14 09:08:36 Warn_0_ShortText Starkregenschauer oder kurze Gewitter mit Starkregen und stürmischen Böen möglich
2017-07-14 09:08:36 Warn_0_Start 1500001200
2017-07-14 09:08:36 Warn_0_Type 7
2017-07-14 09:08:36 Warn_0_levelName alert_forewarn_orange
2017-07-14 09:08:36 Warn_0_uwzLevel 2
2017-07-14 09:08:36 currentIntervalMode normal
2017-07-14 09:08:36 durationFetchReadings 0.00
2017-07-14 09:08:36 lastConnection 18 values captured in 0.00 s
2017-07-14 09:08:36 state Warnungen: 1
fhem:
LOCAL 0
helper:
Bitte setze das Attribut humanreadable auf 1
Habe das Attribut gesetzt. Führt leider nicht zum Erfolg.
Hier die neue Ausgabe von list:
Internals:
CountryCode DE
DEF DE 86159 600
INTERVAL 600
INTERVALWARN 0
NAME Unwetterzentrale
NR 119
PLZ 86159
STATE Warnungen: 1
TYPE UWZ
URL http://feed.alertspro.meteogroup.com/AlertsPro/AlertsProPollService.php?method=getWarning&language=de&areaID=UWZDE86159
VERSION 1.6.0
READINGS:
2017-07-14 10:39:15 WarnCount 1
2017-07-14 10:39:15 WarnUWZLevel 2
2017-07-14 10:39:15 WarnUWZLevel_Color gelb
2017-07-14 10:39:15 WarnUWZLevel_Str Stufe Gelb (Vorwarnung für Unwetterwarnung)
2017-07-14 10:39:15 Warn_0_AltitudeMax 9000
2017-07-14 10:39:15 Warn_0_AltitudeMin -10
2017-07-14 10:39:15 Warn_0_Creation 1499942940
2017-07-14 10:39:15 Warn_0_Creation_Date 13.07.2017
2017-07-14 10:39:15 Warn_0_Creation_Time 12:49
2017-07-14 10:39:15 Warn_0_End 1500073200
2017-07-14 10:39:15 Warn_0_End_Date 15.07.2017
2017-07-14 10:39:15 Warn_0_End_Time 01:00
2017-07-14 10:39:15 Warn_0_EventID 14999394683825
2017-07-14 10:39:15 Warn_0_Hail 0
2017-07-14 10:39:15 Warn_0_IconURL http://www.unwetterzentrale.de/images/icons/gewitter-gelb.gif
2017-07-14 10:39:15 Warn_0_LongText Am Freitag sind Starkregenschauer oder kurze Gewitter mit Starkregen und stürmischen Böen möglich. Niederschlagsintensitäten von 10 bis 15 Liter pro Quadratmeter binnen ein bis zwei Stunden und Böen um 70 km/h sind möglich. Abends setzt wieder rasche Wetterberuhigung ein.
2017-07-14 10:39:15 Warn_0_Severity 7
2017-07-14 10:39:15 Warn_0_ShortText Starkregenschauer oder kurze Gewitter mit Starkregen und stürmischen Böen möglich
2017-07-14 10:39:15 Warn_0_Start 1500001200
2017-07-14 10:39:15 Warn_0_Start_Date 14.07.2017
2017-07-14 10:39:15 Warn_0_Start_Time 05:00
2017-07-14 10:39:15 Warn_0_Type 7
2017-07-14 10:39:15 Warn_0_Type_Str Gewitter
2017-07-14 10:39:15 Warn_0_levelName alert_forewarn_orange
2017-07-14 10:39:15 Warn_0_uwzLevel 2
2017-07-14 10:39:15 Warn_0_uwzLevel_Str Stufe Gelb (Vorwarnung für Unwetterwarnung)
2017-07-14 10:39:14 currentIntervalMode normal
2017-07-14 10:39:15 durationFetchReadings 0.00
2017-07-14 10:39:15 lastConnection 27 values captured in 0.00 s
2017-07-14 10:39:15 state Warnungen: 1
fhem:
LOCAL 0
helper:
Attributes:
humanreadable 1
Folgender Code hingegen liefert ein Ergebnis:
<div data-type="label"
data-device="Unwetterzentrale"
data-get="Warn_0_LongText">
</div>
du hast oben von einem PopUp geschrieben, ich sehe keines bei dir.
Bei mir sieht das so aus:
<div class="top-narrow" data-type="popup" data-mode="fade" data-width="1000px" data-height="710px">
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnCount"
data-states='["^[1-9][0-9]|[1-9]","0"]'
data-icons='["fa-cloud warn","fa-cloud warn"]'
data-colors='["darkorange","white"]'>
</div>
<div class="dialog">
<div class="col-1-2 inline cell">
<div style="font-size:150%" class="dialog">
<header><div class="thin crimson" style="font-size:140%">Warnungen Unwetterzentrale</div></header>
<div class="top-space">
<div class="hbox center">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50" data-detail='["IconURL","uwzLevel","LongText","WarnTime"]'
data-max="5" class="left-space-2x col-1-1">
</div>
<div class="top-space col-1-1"
data-type="image"
data-refresh="900"
data-width="415"
data-height="415"
data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png">
</div>
</div>
<br>
<div class="inline top-space" style="color:lightgrey">
<div data-type="link" class="round"
data-color="lightgrey"
data-border-color="#505050"
data-text-align="center"
data-width="135px"
onclick="$('.dialog-close').trigger('click');">Schließen
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Evtl. hilft es dir weiter
Beispiel von mir des UWZDevice und Screenshot:
Internals:
CFGFN ./FHEM/Wetter.cfg
CountryCode DE
DEF DE 30900 3600
INTERVAL 3600
INTERVALWARN 0
NAME Unwetterzentrale
NR 1947
PLZ 30900
STATE Warnungen: 1
TYPE UWZ
URL http://feed.alertspro.meteogroup.com/AlertsPro/AlertsProPollService.php?method=getWarning&language=de&areaID=UWZDE30900
VERSION 1.6.0
READINGS:
2017-07-14 10:59:17 WarnCount 1
2017-07-14 10:59:17 WarnUWZLevel 2
2017-07-14 10:59:17 WarnUWZLevel_Color gelb
2017-07-14 10:59:17 WarnUWZLevel_Str Stufe Gelb (Vorwarnung für Unwetterwarnung)
2017-07-14 10:59:17 Warn_0_AltitudeMax 9000
2017-07-14 10:59:17 Warn_0_AltitudeMin -10
2017-07-14 10:59:17 Warn_0_Creation 1499943180
2017-07-14 10:59:17 Warn_0_Creation_Date 13.07.2017
2017-07-14 10:59:17 Warn_0_Creation_Time 12:53
2017-07-14 10:59:17 Warn_0_End 1500066000
2017-07-14 10:59:17 Warn_0_End_Date 14.07.2017
2017-07-14 10:59:17 Warn_0_End_Time 23:00
2017-07-14 10:59:17 Warn_0_End_de Freitag 14. Juli 23:00 Uhr
2017-07-14 10:59:17 Warn_0_EventID 14999387859264
2017-07-14 10:59:17 Warn_0_Hail 0
2017-07-14 10:59:17 Warn_0_IconURL http://www.unwetterzentrale.de/images/icons/gewitter-gelb.gif
2017-07-14 10:59:17 Warn_0_LongText Am Freitag sind Starkregenschauer oder kurze Gewitter mit Starkregen und stürmischen Böen möglich. Niederschlagsintensitäten von 10 bis 15 Liter pro Quadratmeter binnen ein bis zwei Stunden und Böen um 70 km/h sind möglich. Abends setzt wieder rasche Wetterberuhigung ein.
2017-07-14 10:59:17 Warn_0_Severity 7
2017-07-14 10:59:17 Warn_0_ShortText Starkregenschauer oder kurze Gewitter mit Starkregen und stürmischen Böen möglich
2017-07-14 10:59:17 Warn_0_Start 1500033600
2017-07-14 10:59:17 Warn_0_Start_Date 14.07.2017
2017-07-14 10:59:17 Warn_0_Start_Time 14:00
2017-07-14 10:59:17 Warn_0_Start_de Freitag 14. Juli 14:00 Uhr
2017-07-14 10:59:17 Warn_0_Type 7
2017-07-14 10:59:17 Warn_0_Type_Str Gewitter
2017-07-14 10:59:17 Warn_0_levelName alert_forewarn_orange
2017-07-14 10:59:17 Warn_0_uwzLevel 2
2017-07-14 10:59:17 Warn_0_uwzLevel_Str Stufe Gelb (Vorwarnung für Unwetterwarnung)
2017-07-14 10:59:17 currentIntervalMode normal
2017-07-14 10:59:17 durationFetchReadings 0.20
2017-07-14 10:59:17 lastConnection 27 values captured in 0.20 s
2017-07-14 10:59:17 state Warnungen: 1
fhem:
LOCAL 0
helper:
Attributes:
alias UWZ - Wedemark
download 1
group Unwetterzentrale
humanreadable 1
room Wettervorhersage
savepath /tmp/
sortby 01
userReadings Warn_0_Start_de {
my $t = ReadingsVal("Unwetterzentrale","Warn_0_Start","?");
my @Wochentage = qw(Sonntag Montag Dienstag Mittwoch Donnerstag Freitag Samstag);
my @Monatsnamen = qw(Januar Februar März April Mai Juni Juli August September Oktober November Dezember);
my ($Sekunden, $Minuten, $Stunden, $Monatstag, $Monat,$Jahr, $Wochentag, $Jahrestag, $Sommerzeit) = localtime($t);
my $datum = sprintf("%s %02d. %s",$Wochentage[$Wochentag],$Monatstag,$Monatsnamen[$Monat]);
my $zeit = sprintf("%02d:%02d Uhr",$Stunden,$Minuten);
return $datum." ".$zeit;
},
Warn_0_End_de {
my $t = ReadingsVal("Unwetterzentrale","Warn_0_End","?");
my @Wochentage = qw(Sonntag Montag Dienstag Mittwoch Donnerstag Freitag Samstag);
my @Monatsnamen = qw(Januar Februar März April Mai Juni Juli August September Oktober November Dezember);
my ($Sekunden, $Minuten, $Stunden, $Monatstag, $Monat,$Jahr, $Wochentag, $Jahrestag, $Sommerzeit) = localtime($t);
my $datum = sprintf("%s %02d. %s",$Wochentage[$Wochentag],$Monatstag,$Monatsnamen[$Monat]);
my $zeit = sprintf("%02d:%02d Uhr",$Stunden,$Minuten);
return $datum." ".$zeit;
}
verbose 2
@moonsorrox....wenn ich deinen Code nehme dann sollte das doch bei mir auch der popup aufgehen..
ich habe es nämlich jetzt so das ich immer viel scrollen muss in Tablet UI...
Gruss
Ja, aber...
evtl. mußt du es noch in eine Tabelle, vBox oder hBox geben, ich weiß nicht wie dein Aufbau aussieht. aber es sollte gehen
Ich habe es in einem <td> Tag einer Tabelle
Hallo Moonsorrow,
danke für deine Antwort. Das Popup an sich funktioniert bei mir schon.
Habe nur zum Test UWZ direkt auf der Seite platziert:
<li class="halbTransparent border-left border-right" data-row="17" data-col="1" data-sizex="9" data-sizey="3">
<header class="headerTransparent">Unwetterwarnungen</header>
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["IconURL","LongText","WarnTime"]'
data-lngtxtstyle="small"
data-max="5"
data-textdivider="</br>"
data-swiperstyle="yes"
class="top-space"></div>
</li>
Bekomme aber auch hier nichts angezeigt ...
evtl. hier das noch vervollständigen
data-detail='["IconURL","uwzLevel","LongText","WarnTime"]'
EDIT:// wird denn in Fhem etwas angezeigt in Form von einem Icon (gelb, rot) mit dem dazugehörigen Text..?
Zitat von: moonsorrox am 14 Juli 2017, 12:18:12
Ja, aber...
evtl. mußt du es noch in eine Tabelle, vBox oder hBox geben, ich weiß nicht wie dein Aufbau aussieht. aber es sollte gehen
Ich habe es in einem <td> Tag einer Tabelle
Hi,
um sicher zu gehen müsstest du mein html Code der jetzigen Unwetterzentrale sehen..richtig? dann poste ich diesen heute nach der Arbeit mal..O.K.?
Gruss
probiere es einfach aus und formatiere es dann passend für dich... schau erst mal wie es jetzt mit meinem Code bei dir aussieht
@moonsorrox:
Wenn ich im FTUI mittels anderen widgets (label, image etc.) auf das device "Unwetterzentrale" zugreife, bekomme ich im data-get die korrekten Werte.
Nur im UWZ-widget leider nicht ...
Folgendes funktioniert z.B., ich bekomme damit ein gelbes Dreieck mit Ausrufezeichen:
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnUWZLevel_Color"
data-states='["gruen","gelb","orange","rot"]'
data-icons='["fa-check-square-o","fa-exclamation-triangle","fa-exclamation-triangle","fa-exclamation-triangle blink"]'
data-colors='["white","yellow","#FD5F00","#FF0101"]'
data-background-colors='["lightgrey","lightgrey","lightgrey","lightgrey"]'
class="bigger">
</div>
Zitat von: mcbill am 14 Juli 2017, 14:19:06
Folgendes funktioniert z.B., ich bekomme damit ein gelbes Dreieck mit Ausrufezeichen:
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnUWZLevel_Color"
data-states='["gruen","gelb","orange","rot"]'
data-icons='["fa-check-square-o","fa-exclamation-triangle","fa-exclamation-triangle","fa-exclamation-triangle blink"]'
data-colors='["white","yellow","#FD5F00","#FF0101"]'
data-background-colors='["lightgrey","lightgrey","lightgrey","lightgrey"]'
class="bigger">
</div>
so bekommst du natürlich auch kein Text... so nur das Icon..!!
Was fehlt dir denn jetzt..? der Text oder was..? dann bitte noch mein Codeschnipsel beachten
data-detail='["IconURL","uwzLevel","LongText","WarnTime"]'
Folgendes funktioiniert nicht:
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["IconURL","uwzLevel","LongText","WarnTime"]'
data-lngtxtstyle="small"
data-max="5"
data-textdivider="</br>"
data-swiperstyle="yes"
class="top-space"></div>
Ich bekomme nichts dargestellt.
Kannst du ja auch nicht. Es müssen doch erst die humanreadable Readings angelegt werden. Und das passiert erst bei einer neuen Wetterwarnung.
Hast du das Attribut noch drin?
Zitat von: moonsorrox am 14 Juli 2017, 13:19:15
probiere es einfach aus und formatiere es dann passend für dich... schau erst mal wie es jetzt mit meinem Code bei dir aussieht
Hi moonsorrox,
Also dein Code funzt soweit..
Musste nur die URL äbdern..kein niedersachsen sondern badenwuerttemberg
Jetzt aber ne Frage noch..die eigentliche widgetwarnung also da wo dann 12 oder mehrere Meldungen als Zahl erscheint...kann ja nur ein kleines Viereck in tablet Ui sein gell?
Und wenn man dann draufköickt kommen die eigentlichen Meldungen..richtig mit Karte!!!
Bitte um Info
Gruss
Gesendet von iPhone mit Tapatalk Pro
Dieses sollte eigentlich eine Wolke sein, kein Viereck... zumindest bei mir ist es eine Wolke... ;)
data-icons bitte schauen...
Kann jetzt aber nicht schauen, da ich in Bayern bin :D
Ja sorry, ne Wolke ist das..genau mit einem roten kreis in dem dann die anzahl der warnungen stehen!!
Aber das icon kann halt grad so gross sein wie die wolke..weisst was ich meine?
Und nicht den ganzen bildschirm ausfüllen.
Voel Spass noch in Bayern
Gesendet von iPhone mit Tapatalk Pro
Ein cooles Widget - aber man muss das erst mal finden...
Ich war so frei und habe einen Beitrag dazu im WIKI (https://wiki.fhem.de/wiki/FTUI_Widget_UWZ) erstellt, damit man es evtl. auch besser findet...
:) Respekt. New Member mit 6 Beiträgen und bereits ein normgerechter Eintrag im Wiki. Weiter so.
Im Frühjahr gab es hier eine große, ich denke ziemlich erfolgreiche Aktion zur Dokumentation des verstreuten FTUI-Wissens. Aber fertig ist man ja nie.
Beste Grüße
Ulm32b
schöner beitrag, danke dir. habe zwar auch wiki rechte aber bisher noch keine lust was anzulegen. vielen dank!
Habe auch das Problem dass das ü in "Gültig vom ..." falsch dargestellt wird. In der Warnmeldung wird zB. "von Süd- ..." richtig dargestellt. Wie habt ihr das hinbekommen?
Hallo zusammen,
ich bekomme es leider auch nicht hin das mir die Wetterarnungen im Tablet-UI angezeigt werden. Habe ledeglich die farbigen Symbole.
<li class="halbTransparent" data-row="2" data-col="2" data-sizex="7" data-sizey="4" style="overflow:auto;">
<header class="headerTransparent">WETTERWARNUNGEN REGION MANNHEIM</header>
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["IconURL","uwzLevel","LongText","WarnTime"]'
data-lngtxtstyle="small"
data-max="5"
data-textdivider="</br>"
data-swiperstyle="yes"
class="top-space">
</div>
</li>
Internals:
CountryCode DE
DEF DE 68305 1800
INTERVAL 1800
INTERVALWARN 0
NAME Unwetterzentrale
NR 75
PLZ 68305
STATE Warnungen: 2
TYPE UWZ
URL http://feed.alertspro.meteogroup.com/AlertsPro/AlertsProPollService.php?method=getWarning&language=de&areaID=UWZDE68305
VERSION 1.6.0
READINGS:
2017-09-13 19:17:30 WarnCount 2
2017-09-13 19:17:30 WarnUWZLevel 3
2017-09-13 19:17:30 WarnUWZLevel_Color orange
2017-09-13 19:17:30 WarnUWZLevel_Str Warnstufe Orange (Unwetterwarnung)
2017-09-13 19:17:30 Warn_0_AltitudeMax 800
2017-09-13 19:17:30 Warn_0_AltitudeMin -10
2017-09-13 19:17:30 Warn_0_Creation 1505226060
2017-09-13 19:17:30 Warn_0_Creation_Date 12.09.2017
2017-09-13 19:17:30 Warn_0_Creation_Time 16:21
2017-09-13 19:17:30 Warn_0_End 1505433600
2017-09-13 19:17:30 Warn_0_End_Date 15.09.2017
2017-09-13 19:17:30 Warn_0_End_Time 02:00
2017-09-13 19:17:30 Warn_0_EventID 15051605598565.1
2017-09-13 19:17:30 Warn_0_Hail 0
2017-09-13 19:17:30 Warn_0_IconURL http://www.unwetterzentrale.de/images/icons/sturm-orange.gif
2017-09-13 19:17:30 Warn_0_LongText Am Mittwochmorgen und am Vormittag kommt starker bis stürmischer Südwestwind auf. Dabei ist mit teils schweren Sturmböen von 75 bis 90 km/h zu rechnen, auch stärkere Böen können, bevorzugt in Schauer und Gewitternähe, nicht ausgeschlossen werden. Zwischenzeitlich kann der Wind aus West bis Nordwest wehen, vor allem am Donnerstag dreht er auf Nordwest und schwächt sich zum Abend hin ab.
2017-09-13 19:17:30 Warn_0_Severity 10
2017-09-13 19:17:30 Warn_0_ShortText Mi stürmischer SW-Wind, schwere Sturmböen um 90 km/h, Do. 80-90 aus SW-NW
2017-09-13 19:17:30 Warn_0_Start 1505260800
2017-09-13 19:17:30 Warn_0_Start_Date 13.09.2017
2017-09-13 19:17:30 Warn_0_Start_Time 02:00
2017-09-13 19:17:30 Warn_0_Type 2
2017-09-13 19:17:30 Warn_0_Type_Str Sturm
2017-09-13 19:17:30 Warn_0_levelName alert_warn_orange
2017-09-13 19:17:30 Warn_0_uwzLevel 3
2017-09-13 19:17:30 Warn_0_uwzLevel_Str Warnstufe Orange (Unwetterwarnung)
2017-09-13 19:17:30 Warn_1_AltitudeMax 9000
2017-09-13 19:17:30 Warn_1_AltitudeMin -10
2017-09-13 19:17:30 Warn_1_Creation 1505272740
2017-09-13 19:17:30 Warn_1_Creation_Date 13.09.2017
2017-09-13 19:17:30 Warn_1_Creation_Time 05:19
2017-09-13 19:17:30 Warn_1_End 1505412000
2017-09-13 19:17:30 Warn_1_End_Date 14.09.2017
2017-09-13 19:17:30 Warn_1_End_Time 20:00
2017-09-13 19:17:30 Warn_1_EventID 15052724287439
2017-09-13 19:17:30 Warn_1_Hail 0
2017-09-13 19:17:30 Warn_1_IconURL http://www.unwetterzentrale.de/images/icons/regen-orange.gif
2017-09-13 19:17:30 Warn_1_LongText Ab Mittwochvormittag und -mittag ist zeitweise mit stärkerem Regen zu rechnen. Teils ist dieser länger anhaltend, teils in Form von Schauern und Gewittern. Vor allem von Mittwochabend bis Donnerstagmorgen regnet es teils stark. Insgesamt ist mit Regenmengen von verbreitet 30 bis 40 l/m² in 36 Stunden, örtlich auch um 50 Liter oder etwas zu rechnen.
2017-09-13 19:17:30 Warn_1_Severity 10
2017-09-13 19:17:30 Warn_1_ShortText Teils länger anhaltender, teils schauerartiger und gewittriger Regen mit 30-50 l/qm
2017-09-13 19:17:30 Warn_1_Start 1505293200
2017-09-13 19:17:30 Warn_1_Start_Date 13.09.2017
2017-09-13 19:17:30 Warn_1_Start_Time 11:00
2017-09-13 19:17:30 Warn_1_Type 4
2017-09-13 19:17:30 Warn_1_Type_Str Regen
2017-09-13 19:17:30 Warn_1_levelName alert_warn_orange
2017-09-13 19:17:30 Warn_1_uwzLevel 3
2017-09-13 19:17:30 Warn_1_uwzLevel_Str Warnstufe Orange (Unwetterwarnung)
2017-09-13 19:17:30 currentIntervalMode normal
2017-09-13 19:17:30 durationFetchReadings 0.00
2017-09-13 19:17:30 lastConnection 49 values captured in 0.00 s
2017-09-13 19:17:30 state Warnungen: 2
fhem:
LOCAL 0
helper:
Attributes:
group Wetterwarnungen
humanreadable 1
room 00_Infos
Bin mittlerweile ziemlich ratlos und steh völlig auf dem Schlauch. Wäre klasse wenn ich von euch einen Tipp bekommen könnte warum es nicht klappt.
Schonmal Vielen Dank im Voraus :)
Besten Gruß
Alex
deine defininition in der ui funktioniert bei mir auf anhieb und dein uwz device sieht auch gut aus.
ich denke es liegt an irgend etwas was sich noch auf der siet befindet oder einen syntaxfehler auf deiner seite. probier mal ein quasi leere seite und deine uwz definition
Hmm ok das ist sehr merkwürdigt.
Hab jetzt alles auf eine seperate Seite gepackt und das funktioniert leider auch nicht.
Das ist die komplette HTML Datei:
<html>
<head>
<title>UWZ</title>
</head>
<body>
<div class="gridster">
<ul>
<li class="halbTransparent" data-row="2" data-col="2" data-sizex="7" data-sizey="4" style="overflow:auto;">
<header class="headerTransparent">WETTERWARNUNGEN REGION MANNHEIM</header>
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["IconURL","uwzLevel","LongText","WarnTime"]'
data-lngtxtstyle="small"
data-max="5"
data-textdivider="</br>"
data-swiperstyle="yes"
class="top-space">
</div>
</li>
</ul>
</div>
</body>
</html>
hast du mal das aktuelle widget aus dem github geladen und rechte nach dem kopiern in den js ordner geprüft?
Jap hab gerade nochmal Widget über den Link von Seite 1 gezogen und die Rechte nochmal neu vergeben. Hat sich aber leider nix getan.
hier sind ja einige codes aber ich suche eine Platzsparende Lösung für die Startseite. Hat da jemadn etwas schönes gebaut ? Bei klick darauf dann ein Popup mit mehr Infos ?
ich habe in der Header Menüleiste ein Warn Icon, klicke ich drauf kommt ein Popup mit mehr infos.
Ist ein <td></td> aus einer Tabelle mußt du dir anpassen, da meines nur ganz schmal (6%)oben in der Leiste ist
Aber hier (https://forum.fhem.de/index.php/topic,64334.msg659397.html#msg659397) habe ich es ja auch schon beschrieben.
<td width="6%" style="border-left:1px solid black;">
<div class="top-narrow" data-type="popup" data-mode="fade" data-width="1000px" data-height="710px">
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnCount"
data-states='["^[1-9][0-9]|[1-9]","0"]'
data-icons='["fa-cloud warn","fa-cloud warn"]'
data-colors='["darkorange","white"]'>
</div>
<div class="dialog">
<div class="col-1-2 inline cell">
<div style="font-size:150%" class="dialog">
<header><div class="thin crimson" style="font-size:140%">Warnungen Unwetterzentrale</div></header>
<div class="top-space">
<div class="hbox center">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50" data-detail='["IconURL","uwzLevel","LongText","WarnTime"]'
data-max="5" class="left-space-2x col-1-1">
</div>
<div class="top-space col-1-1"
data-type="image"
data-refresh="900"
data-width="415"
data-height="415"
data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png">
</div>
</div>
<br>
<div class="inline top-space" style="color:lightgrey">
<div data-type="link" class="round"
data-color="lightgrey"
data-border-color="#505050"
data-text-align="center"
data-width="135px"
onclick="$('.dialog-close').trigger('click');">Schließen
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
ok cool Danke. Kann man das so hinbekommen das die Farbe sich je nach Warnstufe ändert? Gelb = gelb rot = rot??
Zitat von: ChrisW am 18 September 2017, 11:09:39
Kann man das so hinbekommen das die Farbe sich je nach Warnstufe ändert? Gelb = gelb rot = rot??
das muss setstate beantworten ich wüßte nicht das es schon geht
Wenn Warn ein Reading des Device ist, einfach ReadingName und und die zu erwartenden Werte des Reading in data-states ändern
data-get="Warn"
data-states='["gelb","rot"]'
Oder habe ich Rot=rot und Gelb=gelb falsch verstanden?
Wie beim Strom: rot ist blau und plus ist minus ;)
Hallo,
wie bekomme ich es wieder hin, das dass Icon vor dem Text steht. Früher ging das.
<div class="hbox center">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["uwzLevel","IconURL","ShortText","WarnTime"]'
data-textdivider="<br>"
data-max="4" class="left-space-2x col-1-1">
</div>
<div class="top-space col-1-1"
data-type="image"
data-refresh="900"
data-width="415"
data-height="415"
data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png">
</div>
</div>
Grüße
Oliver
nimm mal die hbox weg
Klappt trotzdem nicht. Habe den Code komplett entschlackt:
<div class="dialog">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["uwzLevel","IconURL","ShortText","WarnTime"]'
data-textdivider="<br>"
data-max="4">
</div>
</div>
Kann es sein das es in Dialog nicht richtig funktioniert?
kannst du mehr code zeigen? ggf. die ganze seite
Bei mir tritt das Problem leider auch auf. Ich habe mal versuchshalber von "gridster" auf "flex" umgestellt (wobei natürlich alles andere verrutscht), aber dort wird das Icon links vom Text dargestellt, während es in "gridster" (bei ansonsten gleichem html) über dem Text steht (wie in den Screenshots von octek0815).
Her der Gesamtcode (ist ein Template):
<div data-type="popup" id="wetterwarung" data-height="523px" data-width="1000px">
<div class="center">
<div style="font-size:175%; margin-left:-10px;" data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnUWZLevel"
data-states='["0","1","2","3","4","5"]'
data-icons='["mf1-cloud-alert","mf1-cloud-alert","mf1-cloud-alert","mf1-cloud-alert","mf1-cloud-alert blink","mf1-cloud-alert blink"]'
data-colors='["white","SeaGreen","yellow","Orange","Crimson","#CC00FF"]'
data-warn-color="#ffffff"
data-warn="Unwetterzentrale:WarnCount"
data-hide="WarnCount"
data-hide-on="0"
data-hide-off="!0"></div>
</div>
<div class="dialog">
<header style="background-color:#202020;">
<div class="sheet">
<div data-type="label"
class="left"
style="margin-left:15px; margin-top:17px; margin-bottom:15px; font-size:20px; color:white;">WETTERWARNUNG</div>
<div data-type="link"
data-color="white"
data-icon-left="fa-times"
class="right"
style="margin-top:10px; font-size:150%;"
onclick="$('.dialog-close').trigger('click');"></div>
</div>
</header>
<div class="top-space">
<div class="hbox center">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["uwzLevel","IconURL","ShortText","WarnTime"]'
data-textdivider="<br>"
data-max="4" class="left-space-2x col-1-1">
</div>
<div class="top-space col-1-1"
data-type="image"
data-refresh="900"
data-width="415"
data-height="415"
data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png">
</div>
</div>
</div>
</div>
</div>
ich habe das Icon ebenfalls oben drüber, aber das muss wohl schon seit einer Version vorher sein.
Denn ich habe die Tage noch gar nichts aktualisiert...
<div class="top-narrow" data-type="popup" data-mode="fade" data-width="1000px" data-height="710px">
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnCount"
data-states='["^[1-9][0-9]|[1-9]","0"]'
data-icons='["fa-cloud warn","fa-cloud warn"]'
data-colors='["darkorange","white"]'>
</div>
<div class="dialog">
<div class="col-1-2 inline cell">
<div style="font-size:150%" class="dialog">
<header><div class="thin crimson" style="font-size:140%">Warnungen Unwetterzentrale</div></header>
<div class="top-space">
<div class="hbox center">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50" data-detail='["IconURL","uwzLevel","LongText","WarnTime"]'
data-max="5" class="left-space-2x col-1-1">
</div>
<div class="top-space col-1-1"
data-type="image"
data-refresh="900"
data-width="415"
data-height="415"
data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png">
</div>
</div>
<br>
<div class="inline top-space" style="color:lightgrey">
<div data-type="link" class="round"
data-color="lightgrey"
data-border-color="#505050"
data-text-align="center"
data-width="135px"
onclick="$('.dialog-close').trigger('click');">Schließen
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Ja, ist auch schon länger so, nur jetzt wollte ich das mal endlich angehen.
Früher hatte das geklappt mit dem Icon vor dem Text.
Zitat von: octek0815 am 07 November 2017, 13:20:07
Früher hatte das geklappt mit dem Icon vor dem Text.
ja das weiß ich da ich das ja mal vor einiger Zeit von dir übernommen hatte ;)
Naja wird bestimmt noch :D
Zitat von: moonsorrox am 07 November 2017, 13:22:23
ja das weiß ich da ich das ja mal vor einiger Zeit von dir übernommen hatte ;)
Naja wird bestimmt noch :D
Ja, die Optik kam mir irgendwie bekannt vor.
Inzwischen habe ich das ein wenig verfeinert.
Guten Morgen,
gibt's schon eine Lösung für das "Icon über Text" - Problem? :)
Ist das im generellen Update von https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt enthalten?
VG, Thomas
Zitat von: ToM_ToM am 17 November 2017, 07:35:37
gibt's schon eine Lösung für das "Icon über Text" - Problem? :)
Meiner Meinung nach gibt es kein generelles Problem. Am widget wurde nichts geändert, hier läuft alles und ich kann es nicht nachstellen
Zitat von: ToM_ToM am 17 November 2017, 07:35:37
Ist das im generellen Update von https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt enthalten?
Nein, dort ist es veraltet.
Hallo Christian,
das war der entscheidende Hinweis!
Ich bin auch davon ausgegangen, da es inzwischen mit dem normalen Update kommt.
Nun habe ich die letzte verfügbare Version eingespielt und alles ist Ok.
Sorry für die Verwirrung und vielen Dank für deine Prüfung!
Grüße
Oliver
Nachtrag:
Eine unschöne Sache ist mir nun aufgefallen:
Wenn ich nun ein Normales FTUI-Update aus https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt durchführe wird leider das von dir neuere UWZ Widget überschrieben.
Das macht die Pflege nun recht aufwändig, zumal ja setstate wieder Fahrt aufgenommen hat in Sachen Updates.
Bei mir funktioniert es jetzt auch perfekt. :) Das Einzige ist, ich bekomme permanent eine MessageBox angezeigt wenn ich das swiping aktiviert habe.
Cool wäre es wirklich wenn es ins normale Update übernommen wird. :)
VG, Thomas
Zitat von: octek0815 am 17 November 2017, 08:28:12
Nachtrag:
Eine unschöne Sache ist mir nun aufgefallen:
Wenn ich nun ein Normales FTUI-Update aus https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt durchführe wird leider das von dir neuere UWZ Widget überschrieben.
Das macht die Pflege nun recht aufwändig, zumal ja setstate wieder Fahrt aufgenommen hat in Sachen Updates.
Du musst das widget_uwz.js aus dem update excluden
Zitat von: ToM_ToM am 17 November 2017, 09:24:11
Bei mir funktioniert es jetzt auch perfekt. :) Das Einzige ist, ich bekomme permanent eine MessageBox angezeigt wenn ich das swiping aktiviert habe.
Zeig mal bitte
Zitat von: chris1284 am 17 November 2017, 16:08:29
Du musst das widget_uwz.js aus dem update excluden
Perfekt, klappt. Danke! Kannte ich noch nicht. Man lernt nie aus...
ZitatZeig mal bitte
<div data-type="uwz"
data-device="Unwetterzentrale_Berlin"
data-imgsize="50"
data-detail='["IconURL","ShortText","WarnTime"]'
data-lngtxtstyle="normal"
data-max="5"
data-textdivider="</br>"
data-swiperstyle="yes"
class="">
</div>
Nachdem ich auf Okay klicke, kommt der Dialog immer wieder von Neuem.
VG, Thomas
Im github war wohl noch eine Bastelversion ... nun ist dort meine Produktive, also einfach nochmal laden
https://github.com/chris1284/Widgets-for-fhem-tablet-ui
Wird das noch eingecheckt?
definiere eingecheckt? es ist in meinem github eingecheckt
Zitat von: chris1284 am 17 November 2017, 17:19:41
definiere eingecheckt? es ist in meinem github eingecheckt
In das Update von FHEM.
also:
-ins update von FHEM kommt ja erstmal gar nichts, weder TUI noch meine Widgets
-das dein update von FHEM auch TUI-Sachen zieht, hast du selbst eingebaut (update add https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt)
Deine Frage ist also: Wann kommen die widgets in aktueller Version in knowthelist / Setstates github.
Die Antwort ist wenn er den pullrequest irgendwann mal annimmt. https://github.com/knowthelist/fhem-tablet-ui/pull/212
Wenn ich wüsste wie man das github so hinbiegt das dort die controls txt auftaucht und man somit per update add einfach noch mein repo ins fhem update aufnimmt wäre es einfacher
Hallo,
wie füge ich am besten die Niederschlag und Temperatur Videos ein?
Internals:
DEF htmlCode {UWZAsHtmlMovie("Unwetterwarnungen","temperatur")}
LINK {UWZAsHtmlMovie("Unwetterwarnungen","temperatur")}
NAME UnwetterKarteMovieTemperatur
NR 759
STATE initialized
TYPE weblink
WLTYPE htmlCode
Attributes:
group UWZ
room Geo
Internals:
DEF htmlCode {UWZAsHtmlMovie("Unwetterwarnungen","niederschlag-wolken")}
LINK {UWZAsHtmlMovie("Unwetterwarnungen","niederschlag-wolken")}
NAME UnwetterKarteMovieNiederschlag
NR 760
STATE initialized
TYPE weblink
WLTYPE htmlCode
Attributes:
group UWZ
room Geo
Gab es eine änderung der Unwetter meldungen? Schon lange keine mehr bekommen o_O
Habe 3 ...☺ Kannst einfach prüfen in dem du die uwz Website besuchst und kurz auf ein Gebiet mit Meldungen in fhem switched oder ein testdevice anlegst
Hallo Chris,
bei meiner FTUI Konfiguration sind wegen besserer Übersichtlichkeit die FTUI Dateien in einem anderen Verzeichnis als die html Files (ich habe mehrere FTUI Instanzen für verschiedene FHEM Systeme).
In diesem Fall wird leider die swiper.jquery.min.js nicht geladen.
Hier ein Änderungsvorschlag:
function depends_uwz() {
var deps = [];
if (!$.fn.swiper) {
var userCSS = $('head').find("[href$='fhem-tablet-ui-user.css']");
if (userCSS.length)
userCSS.before('<link rel="stylesheet" href="'+ ftui.config.basedir + 'lib/swiper.min.css" type="text/css" />');
else
$('head').append('<link rel="stylesheet" href="'+ ftui.config.basedir + 'lib/swiper.min.css" type="text/css" />');
deps.push(ftui.config.basedir + "lib/swiper.jquery.min.js");
}
return deps;
};
Der basiert mehr oder weniger auf Modulteilen von setstate.
Zum einen wird der Dateipfad relativ zum ftui.config.basedir gebildet (dieses wird aus dem Pfad von fhem-tablet-ui.js in Header der index.html gebildet). Zum anderen wird die css Datei auch vor einer eventuell existierenden fhem-tablet-ui-user.css eingabunden, so das man über diese noch Änderungen machen kann.
Grüße
Klaus
nächste Woche / am we kümmer ich mich drum
Wollte nur mal ein schnelles DANKESCHÖN in diesen Foren-Thread reinwerfen.
Tolle Erklärungen und detaillierte Anleitungen. :D
Selbst ein FHEM-Noob wie ich war dadurch in der Lage, die Meldungen der Unwetterzentrale recht professionell im FTUI darzustellen.
THANKS.
Für alle, die wie ich sich nicht merken können, was die Farben und Symbole der UWZ-Bilder zu bedeuten haben, ist hier ein Legenden-Pic für das UWZ-Bild angehängt (uwz_legende.jpg). Maße: 415x316px
Habe es im UWZ-Popup unter dem Vorschaubild der UWZ plaziert (Beispiel NRW: siehe uwz_popup1.jpg und uwz_popup2.jpg).
Have fun und nochmals danke!
Hallo chris1284,
erst mal Frohe Weihnachten! :)
Könntest du bitte deine Abhängigkeits-Funktion folgendermaßen anpassen? Sonst bekomme ich immer Fehlermeldungen wenn ich mit Unterverzeichnissen arbeite.
"use strict";
function depends_uwz() {
var deps = [ftui.config.basedir +"lib/swiper.jquery.min.js"];
$('head').append('<link rel="stylesheet" href="' + ftui.config.basedir + 'lib/swiper.min.css" type="text/css" />');
return deps;
};
Vielen Dank und viele Grüße,
Thomas
Hi wollte das Wiget auch gerade in mein FTUI einbinden:
<li data-row="10" data-col="1" data-sizex="4" data-sizey="14">
<header>UWZ ohne Color, Shorttext, Warntime</header>
<div data-type="uwz" data-device="Unwetterzentrale" data-detail='["IconURL", "ShortText","WarnTime"]' data-max="5" class="top-space"></div>
</li>
Leider werden bei zwei Warnmeldungen viel zu viel Platz zwischen den Meldungen gelassen (siehe bild)
Wiget.js schein aktuell zu sein:
// widget_uwz last changed 2017-11-17 17:00:00 by chris1284
//-------------------------------------------------------------------
Hat jemand eine Idee was ich falsch mache?
Schon mal Danke in vorraus...
Hallo chris1284,
erstmal riesigen Dank für Deine Arbeit.
Ich möchte mir nur die Icons anzeigen lassen. Allerdings werden mehrere Icons nur untereinander dargestellt. Ich hätte sie aber gern nebeneinander.
Im Floorplan geht es. Ich vermute es liegt an einer Formatierung, ich habe aber momentan ein Brett vorm Kopf. Den Code der ersten Zelle habe ich mal drangehängt.
Vielen Dank schon mal und ein gutes neues Jahr an alle.
Kehemann
<!-- Unwetterwarnung -->
<li data-row="1" data-col="1" data-sizex="3" data-sizey="1" class="semitransparent">
<div data-type="uwz"
data-device="WA_Warnung"
data-detail='["IconURL"]'
data-imgsize="60"
data-swiperstyle="yes"
data-max="5"
class="">
</div>
</li>
Ich habe ein Problem mit dem Widget... bei mir werden die Meldungen in riesengroßen Blöcken angezeigt... ich hätte es doch gerne etwas schlanker... s.Anhang...
Kann mir da jemand helfen?
<title>FHEM-Tablet-UI</title>
</head>
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="3" data-sizex="2" data-sizey="2">
<header>Wetterwarnungen</header>
<div data-type="uwz"
data-device="Unwetterzentrale"
data-detail='["uwzLevel", "IconURL", "ShortText", "LongText", "WarnTime"]'
data-lngtxtstyle="small"
data-textdivider="</br>"
data-max="5"
data-imgsize="70"
class="top-space"></div>
</li>
Edit: Hat sich erledigt, ich hatte den data-swiperstyle="yes" nicht drin.
Danke an MrJackBlack
Hallo Leute,
ich habe auch so meine Schwierigkeiten mit der UWZ im TabletUI. Ich möchte in einem Widget der Grösse 1x3 maximal 5 Unwetterwarnungen dargestellen:
<li data-row="7" data-col="5" data-sizey="1" data-sizex="3">
<header>Warnings</header>
<div data-type="uwz"
data-device="UNWETTER"
data-detail='["IconURL", "ShortText"]'
data-max="3"
data-swiperstyle="yes"
class=""></div>
</li>
Punkt 1: ich sehe keinen Slider, sliden geht aber, siehe Pfeil :( (siehe Bild1)
Punkt 2: lasse ich den Slider weg, dann bekommen die einzelnen Meldungen "riesige" Abstände zu einander. Auch mit "data-textdivider="</br>" wird es nicht besser. (siehe Bild2)
Was mache ich falsch?
edit: ich glaube ich habe da was gefunden, bin aber gespannt was der Entwickler sagt:
Schaue ich mir die HTML in Google Chrome an, erkenne ich folgende Zeile
<div data-type="uwz" data-device="UNWETTER" data-detail="["IconURL", "ShortText"]" data-max="3" data-textdivider="<br><br>" class="" data-ready="" style="height: calc(100% - 22px);">
Ändere ich nun die Stelle
style="height: calc(100% - 22px);"
zu
style="100%;"
sieht alles super aus, siehe Bild 3
Das Problem tritt nur auf wenn die UWZ in deinem Widget mit Header-Text ist. Lasse ich den Header-Text weg, ist auch wieder alles tutti.
Hallo zusammen,
die riesigen Abstände zwischen den Meldungen (vertikal) kann ich als Fehler bestätigen. Es lief bei mir immer super auf jedem Gerät. Jedoch scheint es mit einem der letzten Updates nun einen Fehler im Code zu geben. Ich habe mit dem "swiperstyle" etwas gespielt und musste ebenfalls feststellen, dass es mit dem ersten swipe (auto Weiterschaltung zur nächsten Meldung) einen Absturz der gesamten page (query.min.js:2 ... uwzslideX) gibt. Mit der Aktivierung des "swiperstyle" werden jedoch zumindest die Meldungen wieder aus dem Zentrum der Anzeigefläche auf den oberen Rand des widgets verschoben, so wie es seither immer war.
Bitte schaut euch das mal an.
Dankeschön und beste Grüße,
Ingo
Alles super bei mir im Chrome.FireFox, Edge.
Def
<li data-row="2" data-col="4" data-sizex="5" data-sizey="1">
<header>Warnungen der Schierke</header>
<div data-type="uwz" data-device="uwzSchierke" data-detail='["uwzLevel", "IconURL", "ShortText","WarnTime"]' data-imgsize="30" data-max="10" data-swiperstyle="yes" class=""></div>
</li>
info aus der widget_uwz.js
Zitat// widget_uwz last changed 2017-11-17 17:00:00 by chris1284
Hallo,
ich kann das Verhalten nur bestätigen. Der Swiper der UWZ scheint nicht sauber zu funktionieren.
In einer Pagetab im FTUI habe ich die Wettervorhersage für die nächsten vier Tage in einem eigenen Swiper.
Wenn ich swiperstyle="yes" setze, stürzt die GUI komplett ab. Fehlermeldung von der JSquery ist "can't find #uwzslide0" etc. Allerdings wird der hashtxt (data-hash="uwzslide0" etc.) korrekt im widget_uwz.js gebildet.
Lustigerweise funktioniert der Autoplay für den Swiper der Wettervorhersage einmalig. Oo
Setze ich swiperstyle="no", dann fügt sich der <div> Container unschön in die FTUI Box.
Was nun? :(
VG
häng mal die js an.
Die JS hatte ich nicht angepackt. Und ansonsten waren es nur Standardwidgets - wie das andere Swiper-Widget.
Dann ich hab mal im Netz gestöbert und hab für mich eine funktionierende Lösung gefunden.
Erst hatte ich versucht, eine Vererbung der CSS Klassen zu erwirken und diese anstelle von swiper-pagination etc. zu nutzen. Aber Vererbung, wie ich diese mir vorstellte, funktioniert so mit CSS nicht. :-\
In der Swiper-API steht es etwas versteckt (hier (http://idangero.us/swiper/api/) und hier (https://github.com/nolimits4web/Swiper/issues/273)) , aber man kann auch HTML Elemente mit normalen JS ansprechen: setzt man im HTML Element eine ID, kann man mit document.getElementById() darauf referenzieren.
Ich habe die widget_uwz.js wie folgt angepasst:
Zeile 131 - hinzufügen von id=\"uwz-swiper\":
mytext += "<div class=\"swiper-container\" id=\"uwz-swiper\">";
Zeile 132 - hinzufügen von id=\"uwz-wrapper\":
mytext += "<div class=\"swiper-wrapper\" id=\"uwz-wrapper\">"
Zeile 134 - hinzufügen von id=\""+elem.data('hashtxt')+""+i+"\":
mytext += "<div class=\"swiper-slide\" data-hash=\""+elem.data('hashtxt')+""+i+"\" id=\""+elem.data('hashtxt')+""+i+"\">";
Zeile 157 - hinzufügen von id=\"uwz-swiper-pagination\":
mytext += "<div class=\"swiper-pagination\" id=\"uwz-swiper-pagination\" style=\"position:static\"></div>";
Zeile 161 - ersetzen von '.swiper-container' durch this.document.getElementById('uwz-swiper'):
var "+elem.data('swipername')+" = new Swiper(this.document.getElementById('uwz-swiper'), {\
Zeile 162 - ersetzen von '.swiper-pagination' durch this.document.getElementById('uwz-swiper-pagination'):
pagination: this.document.getElementById('uwz-swiper-pagination'),\
Zeile 166 - hashnav auf false gesetzt:
hashnav: false,\
@chris1284: kannst du das mal testen und ggf mit in die widget_uwz.js übernehmen?
man müsste aber eine ID generieren die unic ist da man mehrere UWZ-widgets auf einer Seite haben kann.
mmmh, dies stimmt. :o
Das Problem besteht doch auch wenn man mehr als ein UWZ Widgets bzw swiper auf einer seite benutzt - oder nicht? Es fehlt doch die eindeutige Zuordnung.
Mehrere swiper instanzen scheinen wohl schwierig zu sein (siehe hier (https://github.com/nolimits4web/Swiper/issues/273)). Sie müssten dann individuell über das JS initialisiert werden.
Zumindestens mir hilft es den UWZ swiper von dem anderen Swiper zu unterscheiden - und beide funktionieren parallel.
Hallo zusammen
für den Fall, dass ich ein bereits bestehendes Problem anspreche, bitte ich nur um link yu dem entsprechenden Beitrag.
Mein Problem:
Meine Einstellung
<div data-type="uwz" data-device="OS_BadWeatherWarning" data-detail='["WarnUWZLevel_Color", "IconURL", "ShortText","WarnTime"]' data-max="5" class="top-space"></div>
sorgt mit oder ohne Icon dafür, dass das Message - Band etwas breiter ist als 2 Kästen des ftui und somit knapp darüber hianus ragt.
3 Kästen will ich nicht spendieren, da dann sehr viel Platz verschwendet wird.
Gibt es eine Möglichkeit das Band per Parameter in seiner Grösse zu gestalten oder dies automatisch an der jeweiligen Kastengröße zu orientieren?
Der Abstand auf der linken Seite ist nämlich schon optimal.
Danke!
Gruss
Sailor
Hi Leute
habe mein Tablet Ui etwas überarbeitet nun läd er aber leider meine Unwetterdaten nicht mehr aus meinem Fhem bereich.
Vielleicht kann mir jemand sagen wo mein fehler ist. Habe es mit dem auf der 1. Seite verglichen.
defmod Unwetterzentrale UWZ DE 49479 1800
attr Unwetterzentrale event-on-change-reading Status
attr Unwetterzentrale humanreadable 1
attr Unwetterzentrale lang de
attr Unwetterzentrale room Wetter
setstate Unwetterzentrale Warnungen: 1
setstate Unwetterzentrale 2018-05-13 14:33:57 WarnCount 1
setstate Unwetterzentrale 2018-05-13 14:33:57 WarnUWZLevel 2
setstate Unwetterzentrale 2018-05-13 14:33:57 WarnUWZLevel_Color gelb
setstate Unwetterzentrale 2018-05-13 14:33:57 WarnUWZLevel_Str Stufe Gelb (Vorwarnung für Unwetterwarnung)
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_AltitudeMax 9000
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_AltitudeMin -10
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_Creation 1526114040
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_Creation_Date 12.05.2018
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_Creation_Time 10:34
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_End 1526256000
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_End_Date 14.05.2018
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_End_Time 02:00
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_EventID 15261041014137
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_Hail 1
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_IconURL http://www.unwetterzentrale.de/images/icons/gewitter-gelb.gif
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_LongText Am Sonntag können sich im Tagesverlauf starke Regenschauer und Gewitter bilden. Unter Umständen sind die Gewitter sehr blitzintensiv und können mit Starkregen von 15 bis 45 Litern Regen pro Quadratmeter binnen ein bis zwei Stunden einhergehen. Stellenweise ist auch Hagel mit Korngrößen bis etwa 3 cm Zentimeter nicht ausgeschlossen. Stürmischen Böen odr Sturmböen bis um 80 km/h sind ebenfalls möglich. Da die Gewitter mangels Höhenwind nur langsam ziehen sind vereinzelt auch Regenmengen über 50 Liter pro Quadratmeter binnen weniger Stunden nicht auszuschließen.
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_Severity 8
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_ShortText Örtl. Starkregen oder heftige Gewitter mit Starkregen, Hagel, stürmische Böen
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_Start 1526209200
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_Start_Date 13.05.2018
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_Start_Time 13:00
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_Type 7
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_Type_Str Gewitter
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_levelName alert_forewarn_red
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_uwzLevel 2
setstate Unwetterzentrale 2018-05-13 14:33:57 Warn_0_uwzLevel_Str Stufe Gelb (Vorwarnung für Unwetterwarnung)
setstate Unwetterzentrale 2018-05-13 14:33:57 currentIntervalMode normal
setstate Unwetterzentrale 2018-05-13 14:33:57 durationFetchReadings 0.00
setstate Unwetterzentrale 2018-05-13 14:33:57 lastConnection 27 values captured in 0.00 s
setstate Unwetterzentrale 2018-05-13 14:33:57 state Warnungen: 1
<!DOCTYPE html>
<html>
<head>
<!-- Template für Wetterwarnung -->
</head>
<body>
<div data-type="popup" id="wetterwarung" data-height="500px" data-width="1000px" data-return-time="100" data-draggable="false">
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnUWZLevel"
data-states='["0","1","2","3","4","5"]'
data-icons='["mf1-cloud-alert","mf1-cloud-alert","mf1-cloud-alert","mf1-cloud-alert","mf1-cloud-alert blink","mf1-cloud-alert blink"]'
data-colors='["white","SeaGreen","yellow","Orange","Crimson","#FF0000"]'
data-warn-color="#FFFFFF"
data-warn="Unwetterzentrale:WarnCount"
data-hide="WarnCount"
data-hide-on="0"
data-hide-off="!0" style="font-size:175%; margin-left:-15px;"></div>
<div class="dialog">
<header style="background-color:#202020;">
<div class="sheet">
<div class="left" style="margin-left:50px; margin-top:17px; margin-bottom:15px; font-size:30px; color:white;">WETTERWARNUNG</div>
<div data-type="link" data-color="white" data-icon-left="fa-times" class="right bigger" style="margin-top:10px;" onclick="$('.dialog-close').trigger('click');"></div>
</div>
</header>
<div class="top-space center">
<div class="hbox center">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["uwzLevel","IconURL","ShortText","LongText","WarnTime"]'
data-textdivider="<br>"
data-max="5" class="nocache left-space-2x col-1-1">
</div>
<div data-type="image"
data-refresh="900"
data-width="415"
data-height="415"
data-url="http://www.unwetterzentrale.de/images/map/nrw_index.png"
class="nocache top-space col-1-1">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Hoffe jemand kann mir sagen wieso es nicht klappt
Gibt es hier schon was Neues wegen dem Swiper?!? Wenn ich data-swiperstyle="yes" setze dann refreshed sich bei mir die komplette Seite im loop.
/Daniel
Zitatman müsste aber eine ID generieren die unic ist da man mehrere UWZ-widgets auf einer Seite haben kann.
Kann man die nicht per Device parameter übergeben? Also so
data-unique-id="4711" Nur mal so eine Idee. :)
@yersinia: Ich habe die Anpassungen von dir mal übernommen, aber bekomme leider immer noch die Fehlermeldung auf dem angehängten Screenshot.
VG, Thomas
@Sailor:
Hast du mal versucht, das UWZ widget in eine Zelle zu packen oder mit style="width:###px;" in der Breite zu begrenzen? Ich hab das so gelöst:
<!-- UNWETTERZENTRALE -->
<div class="row">
<div class="col">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-detail='["uwzLevel", "IconURL", "ShortText","WarnTime"]'
data-max="5"
data-imgsize="70"
data-lngtxtstyle="normal"
data-shttxtstyle="normal"
data-swiperstyle="yes"
data-swipername="uwzswiper"
data-tabclass="uwzswiper"
data-hashtxt="uwzslide"
data-textdivider="<br>"
class="top-narrow-10"
style="width:640px;"> <!-- <--- style der die Breite einschränkt -->
</div>
</div>
</div>
@ToM_ToM:
Ich hab mein widget_uwz.js mal angehängt. Vielleicht hilft dies in Kombination mit dem Quellcode oben.
Die Fehlermeldung ist aber schon kurios. Welcher identifier könnte denn fehlen? Seite mal neu geladen? Die widget_swiper.js eingebunden?
ZitatDie Fehlermeldung ist aber schon kurios. Welcher identifier könnte denn fehlen? Seite mal neu geladen? Die widget_swiper.js eingebunden?
Neu geladen schon mehrfach auch Cache geleert usw.
Wie meinst du die widget_swiper.js eingebunden? Ich hatte die swiper lib eingebunden, hat aber auch nichts gebracht.
Das ist mein Widget:
<div data-type="uwz"
data-device="Wetter_MA_Unwetterzentrale"
data-imgsize="50"
data-detail='["IconURL","ShortText","WarnTime"]'
data-lngtxtstyle="normal"
data-max="5"
data-textdivider="</br>"
data-swiperstyle="yes"
data-swipername="uwzswiper"
data-tabclass="uwzswiper"
data-hashtxt="uwzslide"
class="top-space">
</div>
Hi ToM_ToM,
ich hab in der index.html die swiper css eingebunden, ansonsten gibt es keine andere lib - das uwz widget lädt die lib selbstständig nach bei Bedarf
<link rel="stylesheet" href="lib/swiper.min.css" />
Bist du dir zudem sicher, dass die Fehlermeldung von dem UWZ-swiper-aufruf kommt?
Hast du auch den code nochmal überprüft? getElementById ist zB case-sensitive.
Die Fehlermeldung komtm recht früh und möglicherwiese geht schon beim swiper-Aufruf etwas schief. Bei mir sieht es so aus (Zeile 160ff):
mytext += "<script>\
var "+elem.data('swipername')+" = new Swiper(this.document.getElementById('uwz-swiper'), {\
pagination: this.document.getElementById('uwz-swiper-pagination'),\
spaceBetween: 30,\
autoplay: 4000,\
autoplayDisableOnInteraction: false,\
hashnav: false,\
hashnavWatchState: true\
});\
</script>";
Btw, mWn ist das so falsch:
data-textdivider="</br>"
richtig wäre
data-textdivider="<br>"
oder
data-textdivider="<br />"
Hi yersinia,
die swiper.css muss ich ja nicht einbinden, die wird ja durch das swiper widget eingebunden.
ZitatBist du dir zudem sicher, dass die Fehlermeldung von dem UWZ-swiper-aufruf kommt?
Ja. Sobald ich das UWZ widget rausnehme, ist auch die Fehlermeldung verschwunden.
Den Code habe ich auch nochmal verglichen. Bekomme den Fehler sowohl mit der Anpassung von dir als auch mit dem orginal UWZ widget.
Das mit dem "data-textdivider" stimmt. Das hatte ich gar nicht gesehen. Danke. :) Ist jetzt korrigiert. War aber leider nicht der Grund für meinen Fehler.^^
Hier mal die Auflistung was ich alles in der index im header initialisiere:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="widget_base_width" content="51">
<meta name="widget_base_height" content="57">
<meta name="widget_margin" content="0">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name='gridster_disable' content='1'>
<meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
<meta name="debug" content="0"> <!-- verbose level 1-6 = output to console;0 = not output -->
<meta name="longpoll_type" content="websocket">
<meta http-equiv="Cache-Control" content="no-store" />
<!--<script type="text/javascript" src="/../fhem/pgm2/jquery.min.js"></script>-->
<script type="text/javascript" src="/fhem/tablet/js/fhem-tablet-ui.js" defer></script>
<!-- Widget analogclock von http://ueberueck.com/index.php/fhem-hausautomatisierung/fhem-tablet-ui/ftui-widget-analogclock -->
<script type="text/javascript" src="/fhem/tablet/lib/analogclock.js"></script>
<!-- define your personal style here, it wont be overwritten -->
<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user2.css" />
<!-- WDTimer Widget Styles -->
<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-wdtimer.css" />
<!-- GMaps Widget Styles -->
<link rel="stylesheet" href="/fhem/tablet/css/ftui_gmaps.css" />
Hey yersinia,
ich weiß jetzt woher der Fehler kommt. Meine Seiten liegen in einem Unterordner. Und anscheinend gibt es noch Widgets die damit noch nicht klar kommen da darin noch relative Pfade angegeben sind.
setstate hatte ja damals die Widgets angepasst, aber anscheind gibt es noch irgendwo code der noch nicht angepasst ist. Das könnte jetzt am swiper oder am uwz liegen. Nur leider bin ich in JavaScript nicht so fit.
Hey ToM_ToM,
das kann natürlich sein. Ich hatte im Fehlerfall auch mal beobachtet, dass der Swiper die Swiperslides ungefähr so referenziert:
http://fhem-ip/fhem/ftui/index.html#swiperslide1
Dabei liegt die index.html unter /opt/fhem/www/tablet
Würde es ein Unterschied machen, wenn du das UWZ widget (evtl inkl. swiper widget) auf der Seite in der du das uwz modul nutzt direkt einbindest?
Aber zugegebener Maßen ist ds für mich auch nur Trial&Error. -.-
Hallo yersinia,
das funktioniert leider auch nicht. Habe jetzt nochmal die erste Funktion depends_uwz() im UWZ-Widget um den ftui Basispfad angepasst. Aber das hat leider auch nicht geholfen.
Irgendwo ist noch der Wurm drin.
EDIT: Habe nochmal den Browser-Cache geleert. Die folgende Anpassung hat doch geholfen. :)
"use strict";
function depends_uwz() {
var deps = [ftui.config.basedir + "lib/swiper.jquery.min.js"];
$('head').append('<link rel="stylesheet" href="' + ftui.config.basedir + 'lib/swiper.min.css" type="text/css" />');
return deps;
}
Moin,
bin neu hier und auf dem Feld der Hausautomation. Fange gerade an mit Hilfe von fhem und Tablet UI meine Bruchbude zu pimpen..
Zum Thema:
Ich habe meinem Tablet eine Internetsperre verpasst und das problem das ich bei der IconURL ein BrokenLink Icon zu sehen bekomme.
Könnte man das Widget so ändern das ein default warnungs-icon eingestellt wird?
Moin,
habe die Zeile if (spalte == 'IconURL') ... so geändert:
if (spalte == 'IconURL') { mytext += "<div class=\"col-1-5 inline cell\"><img src=\"" + elem.getReading('Warn_'+i+'_'+spalte).val + "\" onerror=\"javascript:this.src='/fhem/images/openautomation/message_attention.svg'\" width=\""+ elem.data('imgsize')+"\" height=\""+elem.data('imgsize')+"\" class=\"cell centered\"></div>"; }
sieht jetzt so aus:
(https://www2.pic-upload.de/thumb/35551398/uwz_neu.png) (https://www.pic-upload.de/view-35551398/uwz_neu.png.html)
Aber das Modul hat keine gute Formatierung der Ausgabe und es werden extrem viele unnötige Schleifendurchläufe gemacht um die Daten aufzubereiten. An das Widget muss wohl nochmal Hand angelegt werden...
Zitat von: Bruchbude am 29 Juni 2018, 16:24:48
Moin,
habe die Zeile if (spalte == 'IconURL') ... so geändert:
if (spalte == 'IconURL') { mytext += "<div class=\"col-1-5 inline cell\"><img src=\"" + elem.getReading('Warn_'+i+'_'+spalte).val + "\" onerror=\"javascript:this.src='/fhem/images/openautomation/message_attention.svg'\" width=\""+ elem.data('imgsize')+"\" height=\""+elem.data('imgsize')+"\" class=\"cell centered\"></div>"; }
sieht jetzt so aus:
(https://www2.pic-upload.de/thumb/35551398/uwz_neu.png) (https://www.pic-upload.de/view-35551398/uwz_neu.png.html)
Aber das Modul hat keine gute Formatierung der Ausgabe und es werden extrem viele unnötige Schleifendurchläufe gemacht um die Daten aufzubereiten. An das Widget muss wohl nochmal Hand angelegt werden...
Ich denke mal Chris hat bestimmt nichts gegen einen Patch ein zu wenden. Nur Mut!
moin,
habe folgende änderungen gemacht:
- icon "fällt" nicht mehr nach rechts bei kurzen texten
- anzeige eines standard icons falls icon nicht gefunden wird
- icon hintergrundfarbe passt jetzt zur hintergrundfarbe
- start/end zeit wird aus warn_x_start/end berechnet
- text der rechts aus div ragt wird abgeschnitten
- uniqueID für swiper
update: refresh problem auch gelöst... funzt jetzt alles bei mir (setTimout(...) brachte die Lösung)
// widget_uwz last changed 2018-07-19 by Bruchbude
//-------------------------------------------------------------------
//-------------------------------------------------------------------
// 2018-01-28 added data-hide
// 2018-07-08 modified by Bruchbude
"use strict";
function depends_uwz() {
var deps = [];
$('head').append('<link rel="stylesheet" href="' + ftui.config.basedir + 'lib/swiper.min.css" type="text/css" />');
if (!$.fn.Swiper) {
deps.push(ftui.config.basedir + "lib/swiper.jquery.min.js");
}
return deps;
};
var Modul_uwz = function() {
var colormap = {
'0': '#00ff00', // Keine Warnung
'1': '#009b00', // Wetterhinweise
'2': '#ffe900', // Vorwarnung für Unwetterwarnung
'3': '#ffB400', // Unwetterwarnung
'4': '#e30000', // Unwetterwarnung stark
'5': '#ff00ff', // Unwetterwarnung extrem
};
var getUniqueID = (function() {
var staticVar = 0;
return function() {
return (++staticVar).toString();
}
})();
function init() {
me.elements = $('div[data-type="' + me.widgetname + '"]', me.area);
// We can can more then one widget_uwz, so init all of them
me.elements.each(function(index) {
var elem = $(this);
elem.initData('max', 10);
elem.initData('device', "noUWZDeviceDefined");
elem.initData('WarnCount', 'WarnCount');
elem.initData('detail', ["WarnUWZLevel_Color", "uwzLevel", "IconURL", "ShortText", "LongText", "Start", "End", "WarnTime", ]);
elem.initData('fontcolor', '#222222');
elem.initData('imgsize', 30);
elem.initData('swiperstyle', 'no');
elem.initData('lngtxtstyle', '');
elem.initData('uID', getUniqueID()); // Each Swiper needs an uniqueID
// init all default values and use addReding for every value that needs updates
elem.initData("WarnCount", "WarnCount");
me.addReading(elem, "WarnCount");
var readingGroupWarn = ["uwzLevel", "IconURL", "ShortText", "LongText", "Start", "End"];
for (var j = 0; j < elem.data('max'); j++) {
for (var i = 0; i < readingGroupWarn.length; i++) {
var strValue = "Warn_" + j + "_" + readingGroupWarn[i];
elem.initData(strValue, strValue);
me.addReading(elem, strValue);
}
}
});
}
function update(device, reading) {
// we need only updates for our device, so filter out all other widgets
me.elements.filter('div[data-device="' + device + '"]').each(function(index) {
var elem = $(this);
var myHtml = "";
var sumWarnings = parseInt(elem.getReading('WarnCount').val);
// No warnings
if (!sumWarnings)
return elem.html("<div class=\"cell top-space\">Aktuell keine Warnmeldungen.</div>");
// We got some warnings
if (sumWarnings > elem.data('max')) sumWarnings = elem.data('max');
var imageMargin = elem.data('detail').includes('IconURL') ? parseInt(elem.data('imgsize')) + 10 : 4;
if (elem.data('swiperstyle') != 'yes') {
for (var i = 0; i < sumWarnings; i++) {
var prefix = "Warn_" + i + "_";
var color = elem.getReading(prefix + 'uwzLevel').val;
if (color >= colormap.length) color = colormap.length - 1;
myHtml += "<div style=\"float:left;width:100%;overflow-x:hidden;margin:3px;border-radius:4px;color:" + elem.data('fontcolor') + ";background-color:" + colormap[color] + ";\">";
if (elem.data('detail').includes('IconURL') && typeof elem.getReading(prefix + 'IconURL').val != "undefined") myHtml += "<div class=\"\" style=\"float:left;margin:4px;\"><img src=\"" + elem.getReading(prefix + 'IconURL').val + "\" onerror=\"javascript:this.src='/fhem/images/openautomation/message_attention.svg'\" width=\"" + elem.data('imgsize') + "\" height=\"" + elem.data('imgsize') + "\"></div>";
if (!elem.data('detail').includes('LongText')) {
if (typeof elem.getReading(prefix + 'ShortText').val != "undefined") myHtml += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;\"" + elem.data('shttxtstyle') + ">" + elem.getReading(prefix + 'ShortText').val;
} else {
if (typeof elem.getReading(prefix + 'LongText').val != "undefined") myHtml += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;\"" + elem.data('lngtxtstyle') + ">" + elem.getReading(prefix + 'LongText').val;
}
if ((typeof elem.getReading(prefix + 'Start').val != "undefined") && (typeof elem.getReading(prefix + 'End').val != "undefined")) myHtml += elem.data('textdivider') + "Gültig vom " + elem.getReading(prefix + 'Start').val.toDate().ddmmhhmm() + " bis " + elem.getReading(prefix + 'End').val.toDate().ddmmhhmm();
myHtml += "</div></div>";
}
}
else // swiper
{
myHtml += "<div class=\"swiper-container\" id=\"uwz-swiper" + elem.data('uID') + "\">";
myHtml += "<div class=\"swiper-wrapper\">"
for (var i = 0; i < sumWarnings; i++) {
myHtml += "<div class=\"swiper-slide\">";
var prefix = "Warn_" + i + "_";
var color = elem.getReading(prefix + 'uwzLevel').val;
if (color >= colormap.length) color = colormap.length - 1;
myHtml += "<div style=\"float:left;width:98%;overflow-x:hidden;margin:3px;border-radius:4px;color:" + elem.data('fontcolor') + ";background-color:" + colormap[color] + ";\">";
if (elem.data('detail').includes('IconURL') && typeof elem.getReading(prefix + 'IconURL').val != "undefined") myHtml += "<div class=\"\" style=\"float:left;margin:4px;\"><img src=\"" + elem.getReading(prefix + 'IconURL').val + "\" onerror=\"javascript:this.src='/fhem/images/openautomation/message_attention.svg'\" width=\"" + elem.data('imgsize') + "\" height=\"" + elem.data('imgsize') + "\"></div>";
if (!elem.data('detail').includes('LongText')) {
if (typeof elem.getReading(prefix + 'ShortText').val != "undefined") myHtml += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;\">" + elem.getReading(prefix + 'ShortText').val;
} else {
if (typeof elem.getReading(prefix + 'LongText').val != "undefined") myHtml += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;\">" + elem.getReading(prefix + 'LongText').val;
}
if ((typeof elem.getReading(prefix + 'Start').val != "undefined") && (typeof elem.getReading(prefix + 'End').val != "undefined")) myHtml += elem.data('textdivider') + "Gültig vom " + elem.getReading(prefix + 'Start').val.toDate().ddmmhhmm() + " bis " + elem.getReading(prefix + 'End').val.toDate().ddmmhhmm();
myHtml += "</div></div></div>";
}
myHtml += "</div>";
myHtml += "<div class=\"swiper-pagination\" id=\"uwz-swiper-pagination" + elem.data('uID') + "\" style=\"position:static\"></div>";
myHtml += "</div>";
myHtml += "<script>\
var uwzswiper" + elem.data('uID') + " = new Swiper(this.document.getElementById('uwz-swiper" + elem.data('uID') + "'), {\
pagination: this.document.getElementById('uwz-swiper-pagination" + elem.data('uID') + "'),\
spaceBetween: 30,\
autoplay: 8000,\
autoplayDisableOnInteraction: false,\
hashnav: false,\
hashnavWatchState: true\
});\
setTimeout(function(){ uwzswiper" + elem.data('uID')+".update(); }, 10);\
</script>";
}
elem.html(myHtml);
//extra reading for hide
me.update_hide(device, reading);
});
};
// public
// inherit all public members from base class
var me = $.extend(new Modul_widget(), {
//override or own public members
widgetname: 'uwz',
init: init,
update: update,
});
return me;
};
Hallo Zusammen,
funktioniert das UWZ bei euch korrekt? Bei mir scheint er den Swiper zu ignorieren und alles untereinander zu packen. Müsste das nicht eig. durchwischbar (keine Ahnung wie man das auf Deutsch sagt) sein?
Siehe Screenshot anbei.
VG, Thomas
swiper funktioniert hier einwandfrei, def?
Hi Chris,
anbei meine UWZ Def:
<div data-type="uwz"
data-device="Wetter_MA_Unwetterzentrale"
data-imgsize="50"
data-detail='["IconURL","ShortText","WarnTime"]'
data-lngtxtstyle="normal"
data-max="5"
data-textdivider="<br />"
data-swiperstyle="yes"
data-swipername="uwzswiper"
data-tabclass="uwzswiper"
data-hashtxt="uwzslide"
class="top-space">
</div>
Es hatte bei mir auch schon mal funktioniert. Ich bin jedoch umgestiegen auf Apache und nutze keinen eigenen HTTPSRV mehr für FUTI (falls das hier relevant ist).
VG, Thomas
moin tom_tom,
u.a. swiper der original version hat bei mir auch nicht funktioniert.
einen dicken bock hast du auf jeden fall mit data-textdivider="<br />" geschossen. mach mal mit data-textdivider="<br>"
falls es dann immer noch nicht klappt teste mal bitte meine version.
(nach überschreiben der widget_uwz.js aber browsercache leeren)
Bruchbude
Hallo Bruchbude,
das mit dem textdevider habe ich geändert und schon steht es nicht mehr untereinander. Aber einen richtigen Swiper habe ich noch nicht. Es ist jetzt eher eine Art Scrollfunktion und kein Swipe.
Aber schon mal deutlich besser als vorher.
Habe auch deine Version am Start.
VG, Thomas
moin tom_tom,
hört sich nach dem swiper internen problem an...
wenn du einen resize vom browserfenster machst oder das aktuelle browserfenster neu lädst - funzt es dann?
falls ja dann versuch mal im widget_uwz.js die setTimeout( .... ) auf einen höheren wert als 10 zu setzen
(zum testen ruhig mal auf 1000 was einer sekunde entspricht)
bruchbude
Bei mir macht der mit aktiviertem swiper ständig ein Seiten Refresh, ich kommt da auch nicht so ganz klar mit.
/Daniel
Zitatfalls ja dann versuch mal im widget_uwz.js die setTimeout( .... ) auf einen höheren wert als 10 zu setzen
Hi Bruchbude, habe den Wert auf 100, 1000, 2000, 3000, 10000 und 100000 probiert.
Macht jedoch keinen Unterschied.
Es funktioniert nur dann korrekt, wenn sich das UWZ-Widget auf der Seite befindet die als erstes geladen wird. Dann geht es auch mit dem Standard-Timeout von 10.
Meine Konstellation ist jedoch die, dass ich mit Pagebutton eine Unterseite lade auf der das Widget dargestellt wird (diese hat auch die prefetch - Klasse).
Wenn ich dann von der Home-Seite auf die Weather-Seite wechsle, dann funktioniert das Swipen nicht korrekt.
VG, Thomas
moin ext23, tom_tom,
ich bin mir nicht sicher ob ihr nicht noch irgendwas von ner alten version im cache habt....
ich hatte das problem beim testen ein paar mal das mein firefox-addon zwar so getan hat als ob der cache leer ist, aber erst nachdem ccleaner drübergelaufen ist war alles ok.
ich füge morgen mal irgendeine testausgabe ein damit wir das dann schonmal als fehlerquelle ausschliessen können
@tom_tom
Zitatwenn du einen resize vom browserfenster machst oder das aktuelle browserfenster neu lädst - funzt es dann?
Hi Bruchbude,
jap, nach nem Resize läuft es. Den Cache kann ich bei mir auschließen da ich jeden Test mit einer neuen privaten Session starte.
VG, Thomas
Bei mir haut es jetzt hin mit der gepatchten Version.
Danke.
moin,
@ext23: sehr schön
@tom_tom:
hehe, dann wollen wir mal gucken wie private deine sessions so sind...
in der neuen version habe ich den autoplay parameter drin, das können wir gleichzeitig zum testen deines cachs nehmen.
wenn der swiper also nicht wie wild hin und her tanzt, dann liegts am cache.
(nicht vergessen data-device="Unwetterzentrale" auf deinen devicenamen zu ändern)
<div class="row" data-type="uwz" data-device="Unwetterzentrale" data-detail='["IconURL","ShortText","Swiper"]' data-swiperstyle="yes" data-autoplay="8" data-max="5" data-imgsize="40" data-textdivider="<br>"></div>
// widget_uwz last changed 2018-07-29 by Bruchbude
//-------------------------------------------------------------------
//-------------------------------------------------------------------
// 2018-01-28 added data-hide
// 2018-07-08 modified by Bruchbude
// 2018-07-29 added autoplay param, code cosmetics
"use strict";
function depends_uwz() {
var deps = [];
$('head').append('<link rel="stylesheet" href="' + ftui.config.basedir + 'lib/swiper.min.css" type="text/css" />');
if (!$.fn.Swiper) {
deps.push(ftui.config.basedir + "lib/swiper.jquery.min.js");
}
return deps;
};
var Modul_uwz = function() {
var colormap = {
'0': '#00ff00', // Keine Warnung
'1': '#009b00', // Wetterhinweise
'2': '#ffe900', // Vorwarnung für Unwetterwarnung
'3': '#ffB400', // Unwetterwarnung
'4': '#e30000', // Unwetterwarnung stark
'5': '#e900e9', // Unwetterwarnung extrem
};
var getUniqueID = (function() {
var staticVar = 0;
return function() {
return (++staticVar).toString();
}
})();
function init() {
me.elements = $('div[data-type="' + me.widgetname + '"]', me.area);
// We can can more then one widget_uwz, so init all of them
me.elements.each(function(index) {
var elem = $(this);
elem.initData('max', 10);
elem.initData('device', "noUWZDeviceDefined");
elem.initData('detail', ["IconURL", "ShortText", "LongText", "Swiper"]);
elem.initData('swiperstyle', 'no'); // Deprecated. We be replaced by "Swiper" in 'detail' array soon
elem.initData('fontcolor', '#222222');
elem.initData('imgsize', 30);
elem.initData('autoplay', '8000');
elem.initData('uID', getUniqueID()); // Each Swiper needs an uniqueID
// init all default values and use addReding for every value that needs updates
elem.initData('WarnCount', 'WarnCount');
me.addReading(elem, "WarnCount");
var readingGroupWarn = ["End", "IconURL", "LongText", "ShortText", "Start", "uwzLevel"];
for (var j = 0; j < elem.data('max'); j++) {
for (var i = 0; i < readingGroupWarn.length; i++) {
var strValue = "Warn_" + j + "_" + readingGroupWarn[i];
elem.initData(strValue, strValue);
me.addReading(elem, strValue);
}
}
});
}
function getWarnings(elem, sumWarnings, strtSlide, width, stopSlide)
{
var html = ""
var imageMargin = elem.data('detail').includes('IconURL') ? parseInt(elem.data('imgsize')) + 10 : 4;
for (var i = 0; i < sumWarnings; i++)
{
var prefix = "Warn_" + i + "_";
var color = elem.getReading(prefix + 'uwzLevel').val;
if (color >= colormap.length) color = colormap.length - 1;
html+= strtSlide; // startcode for a slider (swiper)
html+= "<div style=\"float:left;" + width + ";overflow-x:hidden;margin:3px;border-radius:4px;color:" + elem.data('fontcolor') + ";background-color:" + colormap[color] + ";\">";
if (elem.data('detail').includes('IconURL') && typeof elem.getReading(prefix + 'IconURL').val != "undefined") html += "<div class=\"\" style=\"float:left;margin:4px;\"><img src=\"" + elem.getReading(prefix + 'IconURL').val + "\" onerror=\"javascript:this.src='/fhem/images/openautomation/message_attention.svg'\" width=\"" + elem.data('imgsize') + "\" height=\"" + elem.data('imgsize') + "\"></div>";
if (!elem.data('detail').includes('LongText')) {
if (typeof elem.getReading(prefix + 'ShortText').val != "undefined") html += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;\">" + elem.getReading(prefix + 'ShortText').val;
} else {
if (typeof elem.getReading(prefix + 'LongText').val != "undefined") html += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;\">" + elem.getReading(prefix + 'LongText').val;
}
if ((typeof elem.getReading(prefix + 'Start').val != "undefined") && (typeof elem.getReading(prefix + 'End').val != "undefined")) html+= elem.data('textdivider') + "Gültig vom " + elem.getReading(prefix + 'Start').val.toDate().ddmmhhmm() + " bis " + elem.getReading(prefix + 'End').val.toDate().ddmmhhmm();
html+= "</div></div>";
html+= stopSlide; // stopcode for a slider (swiper)
}
return html;
}
function update(device, reading) {
// we need only updates for our device, so filter out all other widgets
me.elements.filter('div[data-device="' + device + '"]').each(function(index) {
var elem = $(this);
var myHtml = "";
var sumWarnings = parseInt(elem.getReading('WarnCount').val);
if (!sumWarnings)
return elem.html("<div class=\"cell top-space\">Aktuell keine Warnmeldungen.</div>");
// We got some warnings
if (sumWarnings > elem.data('max')) sumWarnings = elem.data('max');
if (elem.data('swiperstyle') != 'yes') {
myHtml+= getWarnings(elem, sumWarnings, "", "width:100%", "");
} else {
myHtml+= "<div class=\"swiper-container\" id=\"uwz-swiper" + elem.data('uID') + "\">";
myHtml+= "<div class=\"swiper-wrapper\">"
myHtml+= getWarnings(elem, sumWarnings, "<div class=\"swiper-slide\">", "width:98%", "</div>");
myHtml+= "</div><div class=\"swiper-pagination\" id=\"uwz-swiper-pagination" + elem.data('uID') + "\" style=\"position:static\"></div></div>";
myHtml+= "<script>\
var uwzswiper" + elem.data('uID') + " = new Swiper(this.document.getElementById('uwz-swiper" + elem.data('uID') + "'), {\
pagination: this.document.getElementById('uwz-swiper-pagination" + elem.data('uID') + "'),\
spaceBetween: 30, autoplay: " + elem.data('autoplay') + ",\
autoplayDisableOnInteraction: false,\
hashnav: false, hashnavWatchState: true\
});\
setTimeout(function(){ uwzswiper" + elem.data('uID')+".update(); }, 10);\
</script>";
}
elem.html(myHtml);
//extra reading for hide
me.update_hide(device, reading);
});
};
// public
// inherit all public members from base class
var me = $.extend(new Modul_widget(), {
//override or own public members
widgetname: 'uwz',
init: init,
update: update,
});
return me;
};
Hi Bruchbude,
also das mit dem "Hin und Hertanzen" funktioniert. Aber auch nur dann wenn ich meiner Seite beim Öfnnen gleich die korrekte Unterseite mitgebe. Öffne ich die Startseite und wechsle dann auf die Wetter-Seite, passiert natürlich nichts, da ja auch der Swiper nicht korrekt geladen wurde. Da wird dann zwar nach einem Resize der Swiper geladen und mir angezeigt (sehe ich ja an den Page-Punkten), aber der verrückte Autoplay-Tanz startet dann erst sobald ich einmal swipe. ;)
PS: Den weg über Änderungen am FTUI vornehmen, Private Session öffnen, URL öffnen, testen, Private Session schließen, und wieder von vorne.... muss ich leider gehen seit ich auf Apache umgestellt habe. Ansonsten müsste ich immer meinen gesamten Cache leeren. Selbst Strg+F5, Shift+F5 usw... funktioniert hier nicht. Weder in Firefox noch, Chrome oder Opera, IE...
Daher leider der umständliche Weg und somit Sicherheit dass alles weg ist und er komplett neu lädt.
VG, Thomas
moin tom_tom,
ich habe das mal mit den privaten fenstern versucht und das funzt nicht wirklich. bischen rumgespielt und bekam relativ schnell darstellungsfehler und in der konsole fehlermeldungen bezüglich json.
ich nutze ein addon für firefox wo ich auf knopfdruck den cache leere, in seltenen fällen muss ich dann trotzem nach dem leeren firefox komplett schließen.
wenn cache leeren nicht hilft bin ich mit meinem latain am ende. hatte noch was im netz gefunden wo jemand meinte mit swiper.appendSlide() die slides zu bauen aber hatte bei mir auch erst nach setTimeout() gefunzt - also keine option.
vielleicht hat ja jemand noch ne andere idee...
so, hatte jetzt auch den letzten punkt in angriff genommen - die vielen schleifendurchläufe.
@tom_tom: versuch mal die neue version. bei mir brauche ich jetzt kein setTimeout() mehr. vielleicht löst das ja dein problem.
// widget_uwz last changed 2018-07-29 by Bruchbude
//-------------------------------------------------------------------
//-------------------------------------------------------------------
// 2018-01-28 added data-hide
// 2018-07-08 modified by Bruchbude
// 2018-07-29 added autoplay param, code cosmetics
// 2018-08-04 switching to sendFhemCommand() now we get only 1 update() on changes instead of countless
"use strict";
function depends_uwz() {
var deps = [];
$('head').append('<link rel="stylesheet" href="' + ftui.config.basedir + 'lib/swiper.min.css" type="text/css" />');
if (!$.fn.Swiper) {
deps.push(ftui.config.basedir + "lib/swiper.jquery.min.js");
}
return deps;
};
var Modul_uwz = function() {
var colormap = {
'0': '#00ff00', // Keine Warnung
'1': '#009b00', // Wetterhinweise
'2': '#ffe900', // Vorwarnung für Unwetterwarnung
'3': '#ffB400', // Unwetterwarnung
'4': '#e30000', // Unwetterwarnung stark
'5': '#e900e9', // Unwetterwarnung extrem
};
var getUniqueID = (function() {
var staticVar = 0;
return function() {
return (++staticVar).toString();
}
})();
function init() {
me.elements = $('div[data-type="' + me.widgetname + '"]', me.area);
// We can can more then one widget_uwz, so init all of them
me.elements.each(function(index) {
var elem = $(this);
elem.initData('max', 10);
elem.initData('device', "noUWZDeviceDefined");
elem.initData('detail', ["IconURL", "ShortText", "LongText", "Swiper"]);
elem.initData('swiperstyle', 'no'); // Deprecated. Will be replaced by "Swiper" in 'detail' array soon
elem.initData('fontcolor', '#222222');
elem.initData('imgsize', 30);
elem.initData('autoplay', '8000');
elem.initData('uID', getUniqueID()); // Each Swiper needs an uniqueID
elem.initData('WarnCount', 'WarnCount');
me.addReading(elem, "WarnCount"); // if this value changes, update() is called.
});
}
function getWarnings(elem, res, sumWarnings, strtSlide, width, stopSlide)
{
var myHtml = ""
var imageMargin = elem.data('detail').includes('IconURL') ? parseInt(elem.data('imgsize')) + 10 : 4;
for (var i = 0; i < sumWarnings; i++)
{
var prefix = "Warn_" + i + "_";
var color = res.Readings[prefix + 'uwzLevel'].Value;
if (color >= colormap.length) color = colormap.length - 1;
myHtml+= strtSlide; // startcode for a slider (swiper)
myHtml+= "<div style=\"float:left;" + width + ";overflow-x:hidden;margin:3px;border-radius:4px;color:" + elem.data('fontcolor') + ";background-color:" + colormap[color] + ";\">";
if (elem.data('detail').includes('IconURL')) myHtml += "<div class=\"\" style=\"float:left;margin:4px;\"><img src=\"" + res.Readings[prefix + 'IconURL'].Value + "\" onerror=\"javascript:this.src='/fhem/images/openautomation/message_attention.svg'\" width=\"" + elem.data('imgsize') + "\" height=\"" + elem.data('imgsize') + "\"></div>";
if (!elem.data('detail').includes('LongText')) {
myHtml += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;\">" + res.Readings[prefix + 'ShortText'].Value;
} else {
myHtml += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;\">" + res.Readings[prefix + 'LongText'].Value;
}
myHtml+= elem.data('textdivider') + "Gültig vom " + res.Readings[prefix + 'Start'].Value.toDate().ddmmhhmm() + " bis " + res.Readings[prefix + 'End'].Value.toDate().ddmmhhmm();
myHtml+= "</div></div>";
myHtml+= stopSlide; // stopcode for a slider (swiper)
}
return myHtml;
}
function update(device, reading) {
// we need only updates for our device, so filter out all other widgets
me.elements.filter('div[data-device="' + device + '"]').each(function(index) {
var elem = $(this);
var sumWarnings = parseInt(elem.getReading('WarnCount').val);
if (!sumWarnings)
return elem.html("<div class=\"cell top-space\">Aktuell keine Warnmeldungen.</div>");
// build a string with all keywords we want to receive from the fhem weather device
var readingGroupWarn = ["End", "IconURL", "LongText", "ShortText", "Start", "uwzLevel"];
var strDaten = " STATE longpoll lastConnection WarnCount";
if (sumWarnings > elem.data('max'))
sumWarnings = elem.data('max');
for (var j = 0; j < sumWarnings; j++) {
for (var i = 0; i < readingGroupWarn.length; i++) {
strDaten+= " Warn_" + j + "_" + readingGroupWarn[i];
}
}
var fhemJSON = ftui.sendFhemCommand("jsonlist2 WEB," + device + strDaten).done(function(fhemJSON) {
var res = fhemJSON.Results[1]; // 0 = Arg, 1 =Results
var myHtml = "";
if (sumWarnings > elem.data('max')) sumWarnings = elem.data('max');
// We got some warnings
if (elem.data('swiperstyle') != 'yes') {
myHtml+= getWarnings(elem, res, sumWarnings, "", "width:100%", "");
} else {
myHtml+= "<div class=\"swiper-container\" id=\"uwz-swiper" + elem.data('uID') + "\">";
myHtml+= "<div class=\"swiper-wrapper\">"
myHtml+= getWarnings(elem, res, sumWarnings, "<div class=\"swiper-slide\">", "width:98%", "</div>");
myHtml+= "</div><div class=\"swiper-pagination\" id=\"uwz-swiper-pagination" + elem.data('uID') + "\" style=\"position:static\"></div></div>";
myHtml+= "<script>\
var uwzswiper" + elem.data('uID') + " = new Swiper(this.document.getElementById('uwz-swiper" + elem.data('uID') + "'), {\
pagination: this.document.getElementById('uwz-swiper-pagination" + elem.data('uID') + "'),\
spaceBetween: 30, autoplay: " + elem.data('autoplay') + ",\
autoplayDisableOnInteraction: false,\
hashnav: false, hashnavWatchState: true\
});\
</script>";
}
elem.html(myHtml);
});
//extra reading for hide
me.update_hide(device, reading);
});
};
// public
// inherit all public members from base class
var me = $.extend(new Modul_widget(), {
//override or own public members
widgetname: 'uwz',
init: init,
update: update,
});
return me;
};
// needs testing:
// after switching to sendFhemCommand() is setTimout() no longer needed?
// setTimeout(function(){ uwzswiper" + elem.data('uID')+".update(); }, 10);\
// (was located in the line before </script>")
Zitat@tom_tom: versuch mal die neue version. bei mir brauche ich jetzt kein setTimeout() mehr. vielleicht löst das ja dein problem.
Leider nicht. Immer noch das gleiche Verhalten wie vorher auch. Das Problem tritt aber nur auf wenn ich für den Pagebutton die prefetch - Klasse verwende und die Seite quasi vorgeladen wird.
VG, Thomas
@tom_tom: mist, sollte unter allen bedingungen funzen. ich bin überfragt. muss sich wohl mal einer von den alten hasen angucken.
@chris1284: würde mich freuen wenn du meine änderungen einpflegst. alles was ich brauche funzt, ziehe jetzt zum nächsten widget was nicht macht was ich will...
...nur noch ne kleine änderung um bandbreite zu sparen:
// widget_uwz last changed 2018-08-04 by Bruchbude
//-------------------------------------------------------------------
//-------------------------------------------------------------------
// 2018-08-04 switching to sendFhemCommand() now we get only 1 update() on changes instead of countless
// 2018-08-04 request shorttext or longtext from device, not both
"use strict";
function depends_uwz() {
var deps = [];
$('head').append('<link rel="stylesheet" href="' + ftui.config.basedir + 'lib/swiper.min.css" type="text/css" />');
if (!$.fn.Swiper) {
deps.push(ftui.config.basedir + "lib/swiper.jquery.min.js");
}
return deps;
};
var Modul_uwz = function() {
var colormap = {
'0': '#00ff00', // Keine Warnung
'1': '#009b00', // Wetterhinweise
'2': '#ffe900', // Vorwarnung für Unwetterwarnung
'3': '#ffB400', // Unwetterwarnung
'4': '#e30000', // Unwetterwarnung stark
'5': '#e900e9', // Unwetterwarnung extrem
};
var getUniqueID = (function() {
var staticVar = 0;
return function() {
return (++staticVar).toString();
}
})();
function init() {
me.elements = $('div[data-type="' + me.widgetname + '"]', me.area);
// We can can more then one widget_uwz, so init all of them
me.elements.each(function(index) {
var elem = $(this);
elem.initData('max', 10);
elem.initData('device', "noUWZDeviceDefined");
elem.initData('detail', ["IconURL", "ShortText", "LongText", "Swiper"]);
elem.initData('swiperstyle', 'no'); // Deprecated. Will be replaced by "Swiper" in 'detail' array soon
elem.initData('fontcolor', '#222222');
elem.initData('imgsize', 30);
elem.initData('autoplay', '8000');
elem.initData('uID', getUniqueID()); // Each Swiper needs an uniqueID
elem.initData('WarnCount', 'WarnCount');
me.addReading(elem, "WarnCount"); // if this value changes, update() is called.
});
}
function getWarnings(elem, res, sumWarnings, strtSlide, width, stopSlide)
{
var myHtml = ""
var imageMargin = elem.data('detail').includes('IconURL') ? parseInt(elem.data('imgsize')) + 10 : 4;
for (var i = 0; i < sumWarnings; i++)
{
var prefix = "Warn_" + i + "_";
var color = res.Readings[prefix + 'uwzLevel'].Value;
if (color >= colormap.length) color = colormap.length - 1;
myHtml+= strtSlide; // startcode for a slider (swiper)
myHtml+= "<div style=\"float:left;" + width + ";overflow-x:hidden;margin:3px;border-radius:4px;color:" + elem.data('fontcolor') + ";background-color:" + colormap[color] + ";\">";
if (elem.data('detail').includes('IconURL')) myHtml += "<div class=\"\" style=\"float:left;margin:4px;\"><img src=\"" + res.Readings[prefix + 'IconURL'].Value + "\" onerror=\"javascript:this.src='/fhem/images/openautomation/message_attention.svg'\" width=\"" + elem.data('imgsize') + "\" height=\"" + elem.data('imgsize') + "\"></div>";
if (!elem.data('detail').includes('LongText')) {
myHtml += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;\">" + res.Readings[prefix + 'ShortText'].Value;
} else {
myHtml += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;\">" + res.Readings[prefix + 'LongText'].Value;
}
myHtml+= elem.data('textdivider') + "Gültig vom " + res.Readings[prefix + 'Start'].Value.toDate().ddmmhhmm() + " bis " + res.Readings[prefix + 'End'].Value.toDate().ddmmhhmm();
myHtml+= "</div></div>";
myHtml+= stopSlide; // stopcode for a slider (swiper)
}
return myHtml;
}
function update(device, reading) {
// we need only updates for our device, so filter out all other widgets
me.elements.filter('div[data-device="' + device + '"]').each(function(index) {
var elem = $(this);
var sumWarnings = parseInt(elem.getReading('WarnCount').val);
if (!sumWarnings)
return elem.html("<div class=\"cell top-space\">Aktuell keine Warnmeldungen.</div>");
// build a string with all keywords we want to receive from the fhem weather device
var readingGroupWarn = (elem.data('detail').includes('LongText')?["End", "IconURL", "LongText", "Start", "uwzLevel"]:["End", "IconURL", "ShortText", "Start", "uwzLevel"]);
var strDaten = " STATE longpoll lastConnection WarnCount";
if (sumWarnings > elem.data('max'))
sumWarnings = elem.data('max');
for (var j = 0; j < sumWarnings; j++) {
for (var i = 0; i < readingGroupWarn.length; i++) {
strDaten+= " Warn_" + j + "_" + readingGroupWarn[i];
}
}
var fhemJSON = ftui.sendFhemCommand("jsonlist2 WEB," + device + strDaten).done(function(fhemJSON) {
var res = fhemJSON.Results[1]; // 0 = Arg, 1 =Results
var myHtml = "";
if (sumWarnings > elem.data('max')) sumWarnings = elem.data('max');
// We got some warnings
if (elem.data('swiperstyle') != 'yes') {
myHtml+= getWarnings(elem, res, sumWarnings, "", "width:100%", "");
} else {
myHtml+= "<div class=\"swiper-container\" id=\"uwz-swiper" + elem.data('uID') + "\">";
myHtml+= "<div class=\"swiper-wrapper\">"
myHtml+= getWarnings(elem, res, sumWarnings, "<div class=\"swiper-slide\">", "width:98%", "</div>");
myHtml+= "</div><div class=\"swiper-pagination\" id=\"uwz-swiper-pagination" + elem.data('uID') + "\" style=\"position:static\"></div></div>";
myHtml+= "<script>\
var uwzswiper" + elem.data('uID') + " = new Swiper(this.document.getElementById('uwz-swiper" + elem.data('uID') + "'), {\
pagination: this.document.getElementById('uwz-swiper-pagination" + elem.data('uID') + "'),\
spaceBetween: 30, autoplay: " + elem.data('autoplay') + ",\
autoplayDisableOnInteraction: false,\
hashnav: false, hashnavWatchState: true\
});\
</script>";
}
elem.html(myHtml);
});
//extra reading for hide
me.update_hide(device, reading);
});
};
// public
// inherit all public members from base class
var me = $.extend(new Modul_widget(), {
//override or own public members
widgetname: 'uwz',
init: init,
update: update,
});
return me;
};
Zitat
@chris1284: würde mich freuen wenn du meine änderungen einpflegst. alles was ich brauche funzt, ziehe jetzt zum nächsten widget was nicht macht was ich will..
ja/nein/vielleicht?
Ich tippe auf "nein", ich muss es auch jedes mal wieder zurückändern. Verstehe ich auch nicht wieso das nicht endlich übernommen wird.
/Daniel
@ext23:
Ich hab es so gelöst, dass die widget_uwz.js nichtmehr fhem:dialout gehört sondern root. Damit bricht das FTUI Update allerdings ab (komplett!). Will ich ein FTUI Update durchlaufen lassen, dann ziehe ich ein backup der uwz, ändere den eigentümer, führe das Update durch und stelle die alte version wieder her.
Auf der RasPi Console wär es dann (ohne Gewähr):
cd /opt/fhem/www/tablet/js
sudo cp widget_uwz.js widget_uwz.bck
sudo chown fhem:dialout widget_uwz.js
## update durchführen
sudo rm widget_uwz.js
sudo cp widget_uwz.bck widget_uwz.js
sudo chown root:root widget_uwz.js
Wie kann ich hier helfen? Soll ich eine bestimmte Version auf Github hochladen?
Ich denke es macht Sinn die letzte Version: https://forum.fhem.de/index.php/topic,64334.msg824389.html#msg824389
einzuchecken. Bei mir funktioniert alles und vor allem das Swipe/Slider oder wie man es nennt funktioniert hier gut ohne das die Seite ständig refreshed wird etc.
@yersinia: stimmt, gute Idee, oder aus den updates excluden bei globals.
/Daniel
Fullquote, da schon etwas her - betrifft #79 / #80 dieses Threads:
Zitat von: XXL-Wing am 20 Januar 2017, 19:54:05
wäre es möglich einen Modus zu bauen, in dem die einzelnen Meldungen nebeneinander angezeigt werden und nicht untereinander?
Zitat von: chris1284 am 21 Januar 2017, 08:23:15
eigentlich müsste das schon gehen. das widget erzeugt pro meldung einen n <div></div> von class "cell". wenn du darum eine hbox baust sollten die meldungen nebeneinander erscheinen würde ich meinen.
leider finde ich gerade keine meldungen / regionen mit mind. 2 meldungen um das mal zu testen. außer schweden/norwegen die haben ja ordentlich meldungen aber bekomme ich nicht eingebunden
EDIT: noch mal drüber nachgedacht: im grid ist es ja nur ein element, wird wohl doch nicht gehen, ich kann das aber dneke ich einbauen
hbox bringt zwar beide Icons in ein Kästchen - aber auch untereinander. Hat sich denn in Sachen "ich kann das aber denke ich einbauen" etwas getan?
Freundliche Grüße
P.S: @chris1284
Hi,
wer ist denn zurzeit der Maintainer des Teils? ...und welches ist die aktuelle Version bzw. über welchen Weg wird diese ausgeliefert?
Ich frage deshalb, weil die mit FTUI mitgelieferte Version in FUIP nicht läuft, da die "depends" unsauber programmiert sind. Die beiden weiter oben in diesem Thread angegebenen Versionen schreiben immer ein "undefined" mit rein, da "textdivider" nicht gesetzt wird. Außerdem stimmt die Angabe der Farben nicht mit der Doku im Wiki überein.
Gruß,
Thorsten
Zitat von: Thorsten Pferdekaemper am 22 Oktober 2018, 16:21:19
wer ist denn zurzeit der Maintainer des Teils?
Mal ganz allgemein zu FTUI-Maintainern: Das scheint mir (im Gegensatz) zu FHEM nicht wirklich strukturiert, vielleicht sollten wir das angehen. So fehlt mir zum Beispiel in den Wiki-FTUI-Widget-Artikeln rechts oben ein Kasten (wie bei den FHEM-Modul-Artikeln), der u.a. sagt, wer Maintainer ist. Das wird wohl nur gehen, wenn @setstate das auch so sieht und somit auch so will.
Zitat von: Thorsten Pferdekaemper am 22 Oktober 2018, 16:21:19
...und welches ist die aktuelle Version
Wohl
// widget_uwz last changed 2017-11-17 17:00:00 by chris1284
Zitat von: Thorsten Pferdekaemper am 22 Oktober 2018, 16:21:19
bzw. über welchen Weg wird diese ausgeliefert?
IMHO über den FTUI-Update-Zweig.
Aber -wieder allgemein- scheint mir das alles wacklig, Beispiele:
Seit einem Jahr gibt es den Hinweis, dass das svgplot-widget nicht läuft - gleich mit dem Vorschlag, wo genau man da gegentreten muss. Leider war das unter Neulingsfragen. Ich habe dann @setstate gebeten, da mal in das fremde Modul einzugreifen.
(Hat er sofort gemacht, das ist als update schon auf dem Weg.)
Oder das Calendar-Widget, da schaut wohl @OdfFhem grad drüber, das hat seine letzte Änderung auch von @chris1284 .
HINT: Ich habe nichts über oder gar gegen @chris1284 gesagt. Ich kann da nichts beurteilen. Das steht mir überhaupt nicht zu. - Es geht um was ganz anderes: Wie gehen wir mit fehlerhaften und/oder verwaisten FTUI-Modulen um? Und wie sorgen wir dafür, dass jedes Modul eine einigermaßen klare (aktueller Maintainer, letzte produktive Version, aktuelle Testversion) Wiki-Dokumentation hat bzw. bekommt?
hi,
ist es eigtl. möglich die einzelnen warnings untereinander zu haben und wie eine laufschrift automatisch nach oben rennen zu lassen. Beiß mir da momentan echt die zähne aus...
Habe nur 880 x 80 px platz und würde gerne die warnings nach oben oder unten rennen lassen..
Danke.. Bernhard
edit: ok geht anscheinend mit swiper und autoplay... hat da irgendwer einen tipp für mich?
Hallo,
ich habe jetzt die Pagination entfernt. Keine Ahnung wie man das als eigenes Attribut macht welches dann in den html files gesetzt werden kann und ob das so korrekt ist aber es funktioniert. Jedenfalls wenn man den pagination Wert wieder gegen 'uID' (comments im js) tauscht ist er wieder da. Weiters habe ich den grünen Hintergrund an das Grün vom Icon angepasst, den Text mit einem Margin-Top versehen, damit der nicht so oben klebt und die Zeit mit dem Wort "Uhr" ergänzt.
Für mehr Änderungen ist mein Basiswissen leider nicht ausreichend.
LG Bernhard
// widget_uwz last changed 2018-08-04 by Bruchbude
//-------------------------------------------------------------------
//-------------------------------------------------------------------
// 2018-08-04 switching to sendFhemCommand() now we get only 1 update() on changes instead of countless
// 2018-08-04 request shorttext or longtext from device, not both
// 2018-12-12 removed pagination and cosmetics
"use strict";
function depends_uwz() {
var deps = [];
$('head').append('<link rel="stylesheet" href="' + ftui.config.basedir + 'lib/swiper.min.css" type="text/css" />');
if (!$.fn.Swiper) {
deps.push(ftui.config.basedir + "lib/swiper.jquery.min.js");
}
return deps;
};
var Modul_uwz = function() {
var colormap = {
'0': '#00ff00', // Keine Warnung
'1': '#439400', // Wetterhinweise
'2': '#ffe900', // Vorwarnung für Unwetterwarnung
'3': '#ffB400', // Unwetterwarnung
'4': '#e30000', // Unwetterwarnung stark
'5': '#e900e9', // Unwetterwarnung extrem
};
var getUniqueID = (function() {
var staticVar = 0;
return function() {
return (++staticVar).toString();
}
})();
function init() {
me.elements = $('div[data-type="' + me.widgetname + '"]', me.area);
// We can can more then one widget_uwz, so init all of them
me.elements.each(function(index) {
var elem = $(this);
elem.initData('pagination', 'null');
elem.initData('max', 10);
elem.initData('device', "noUWZDeviceDefined");
elem.initData('detail', ["IconURL", "ShortText", "LongText", "Swiper"]);
elem.initData('swiperstyle', 'no'); // Deprecated. Will be replaced by "Swiper" in 'detail' array soon
elem.initData('fontcolor', '#222222');
elem.initData('imgsize', 30);
elem.initData('autoplay', '6000');
elem.initData('uID', getUniqueID()); // Each Swiper needs an uniqueID
elem.initData('WarnCount', 'WarnCount');
me.addReading(elem, "WarnCount"); // if this value changes, update() is called.
});
}
function getWarnings(elem, res, sumWarnings, strtSlide, width, stopSlide)
{
var myHtml = ""
var imageMargin = elem.data('detail').includes('IconURL') ? parseInt(elem.data('imgsize')) + 10 : 4;
for (var i = 0; i < sumWarnings; i++)
{
var prefix = "Warn_" + i + "_";
var color = res.Readings[prefix + 'uwzLevel'].Value;
if (color >= colormap.length) color = colormap.length - 1;
myHtml+= strtSlide; // startcode for a slider (swiper)
myHtml+= "<div style=\"float:left;" + width + ";overflow-x:hidden;border-radius:4px;color:" + elem.data('fontcolor') + ";background-color:" + colormap[color] + ";\">";
if (elem.data('detail').includes('IconURL')) myHtml += "<div class=\"\" style=\"float:left;margin:4px;\"><img src=\"" + res.Readings[prefix + 'IconURL'].Value + "\" onerror=\"javascript:this.src='/fhem/images/openautomation/message_attention.svg'\" width=\"" + elem.data('imgsize') + "\" height=\"" + elem.data('imgsize') + "\"></div>";
if (!elem.data('detail').includes('LongText')) {
myHtml += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;margin-top:14px;\">" + res.Readings[prefix + 'ShortText'].Value; // for text margin change margin-top value
} else {
myHtml += "<div class=\"left-align\" style=\"margin-left:" + imageMargin + "px;margin-top:14px\">" + res.Readings[prefix + 'LongText'].Value; // for text margin change margin-top value
}
myHtml+= elem.data('textdivider') + "Gültig vom " + res.Readings[prefix + 'Start'].Value.toDate().ddmmhhmm() + " Uhr bis " + res.Readings[prefix + 'End'].Value.toDate().ddmmhhmm() + " Uhr";
myHtml+= "</div></div>";
myHtml+= stopSlide; // stopcode for a slider (swiper)
}
return myHtml;
}
function update(device, reading) {
// we need only updates for our device, so filter out all other widgets
me.elements.filter('div[data-device="' + device + '"]').each(function(index) {
var elem = $(this);
var sumWarnings = parseInt(elem.getReading('WarnCount').val);
if (!sumWarnings)
return elem.html("<div class=\"cell top-space\">Aktuell keine Warnmeldungen.</div>");
// build a string with all keywords we want to receive from the fhem weather device
var readingGroupWarn = (elem.data('detail').includes('LongText')?["End", "IconURL", "LongText", "Start", "uwzLevel"]:["End", "IconURL", "ShortText", "Start", "uwzLevel"]);
var strDaten = " STATE longpoll lastConnection WarnCount";
if (sumWarnings > elem.data('max'))
sumWarnings = elem.data('max');
for (var j = 0; j < sumWarnings; j++) {
for (var i = 0; i < readingGroupWarn.length; i++) {
strDaten+= " Warn_" + j + "_" + readingGroupWarn[i];
}
}
var fhemJSON = ftui.sendFhemCommand("jsonlist2 WEB," + device + strDaten).done(function(fhemJSON) {
var res = fhemJSON.Results[1]; // 0 = Arg, 1 =Results
var myHtml = "";
if (sumWarnings > elem.data('max')) sumWarnings = elem.data('max');
// We got some warnings
if (elem.data('swiperstyle') != 'yes') {
myHtml+= getWarnings(elem, res, sumWarnings, "", "width:100%", "");
} else {
myHtml+= "<div class=\"swiper-container\" id=\"uwz-swiper" + elem.data('uID') + "\">";
myHtml+= "<div class=\"swiper-wrapper\">"
myHtml+= getWarnings(elem, res, sumWarnings, "<div class=\"swiper-slide\">", "width:98%", "</div>");
myHtml+= "</div><div class=\"swiper-pagination\" id=\"uwz-swiper-pagination" + elem.data('uID') + "\" style=\"position:static\"></div></div>";
myHtml+= "<script>\
var uwzswiper" + elem.data('uID') + " = new Swiper(this.document.getElementById('uwz-swiper" + elem.data('uID') + "'), {\
pagination: this.document.getElementById('uwz-swiper-pagination" + elem.data('pagination') + "'),\ // If pagination wanted, change value 'pagination' to 'uID'
spaceBetween: 30, autoplay: " + elem.data('autoplay') + ",\
autoplayDisableOnInteraction: false,\
hashnav: false, hashnavWatchState: true\
});\
</script>";
}
elem.html(myHtml);
});
//extra reading for hide
me.update_hide(device, reading);
});
};
// public
// inherit all public members from base class
var me = $.extend(new Modul_widget(), {
//override or own public members
widgetname: 'uwz',
init: init,
update: update,
});
return me;
};
@der Bernhard
Du müsstest das dem Maintainer des Widgets (wohl @Bruchbude ?) mitteilen, damit er das prüfen und bei Gefallen einarbeiten kann. Sonst kommt das nie in den Update-Vorgang. Und das @Bruchbude Dein Post hier liest, ist ja nicht sicher.
Auch @setstate als Hüter aller Widgets könnte man Bescheid geben.
Hallo Curt,
nachdem es BruchBude's Änderungen vom August nicht ins Widget geschafft haben bin ich mal pessimistisch, dass das auf diesem Weg funktioniert. Deswegen hab ich das Ganze hier reingepackt so wie er auch. Außerdem weiß ich ja nicht ob das korrekt so ist, wie ich es gemacht habe - da soll einfach noch wer drüberschaun bzw. wäre die pagination als setzbares Attribut sehr nützlich...
Aber ja prinzipiell hast du recht.
Na nicht doch - wenn alle rumjammern, wird das hier nie was.
Tests: Zwar nutze ich das Widget (passiv) auch, aber für Testen und Korrekturlesen bin ich (momentan) der Falsche. Kannst Du nicht @BruchBude überzeugen?
Einchecken von neueren Versionen bei verlorengegangenem Maintainer:
Das Problem igbt es wohl häufiger, beim weather-Widget gibt es das Problem auch. Da hat sich auch jemand gefunden, Du liest da sicher mit. Der sagt dann @setstate, dass eine neue Version fertig ist und setstate checkt diese dann ein.
Genau diesen Weg müsstest Du auch beschreiten.
Und: Hilfreich wäre ein Artikel im Wiki. Falls es den schon gibt - Artikel anpassen.
Moin,
wurde das neue Modul schon eingecheckt? Ich hab immer noch den Update block drin.
/Daniel
Zitat von: ext23 am 04 Februar 2019, 09:50:47
wurde das neue Modul schon eingecheckt? Ich hab immer noch den Update block drin.
ls -l js/*uwz*
-rw-r--r-- 1 fhem dialout 9067 Jan 13 05:48 js/widget_uwz_andi.js
-rw-r--r-- 1 fhem dialout 9506 Nov 26 23:26 js/widget_uwz.js
-rw-r--r-- 1 fhem dialout 9506 Nov 26 21:33 js/widget_uwz.js.2018-11-26
-rw-r--r-- 1 fhem dialout 9514 Nov 26 23:25 js/widget_uwz.js.2018-11-26a
Ich würde also mal sagen: Nein. (@setstate hatte nicht reagiert)
widget_uwz_andi.js ist übrigens eine völlig andere Geschichte, da werden (anders als uwz vermuten lässt) die Warnungen des DWD abgegriffen. Gurkt hier auch im Forum rum.
P.S. Langsam wird es Zeit für eine vernünftige Versionierung/dokumentation der vielen im Forum verstreuten Widgets - wie ja schon andiskutiert.
Zitat von: curt am 04 Februar 2019, 21:41:14
widget_uwz_andi.js ist übrigens eine völlig andere Geschichte, da werden (anders als uwz vermuten lässt) die Warnungen des DWD abgegriffen. Gurkt hier auch im Forum rum.
P.S. Langsam wird es Zeit für eine vernünftige Versionierung/dokumentation der vielen im Forum verstreuten Widgets - wie ja schon andiskutiert.
So wie hier für die DWD Warnungen? https://forum.fhem.de/index.php/topic,97204.msg918623.html#msg918623
Hallo @yersinia
ich weiß nicht, ob wir aneinander vorbei reden. Da ich momentan nicht übermäßig viel Zeit habe, daher auch keine Nerven, den richtigen Andi zu suchen, machen wir es kurz.
Der Aufruf ist bei mir:
<li data-row="2" data-col="4" data-sizex="4" data-sizey="4">
<div class="row">
<div data-type="uwz_andi"
data-device="DWD"
data-count="9"
data-icon="no"
class="readonly big nocache">
</div>
</div>
</li>
Das eigentlich Widget heißt (bei mir) widget_uwz_andi.js und hat Dateidatum 2019-01-13 und habe ich von hier irgendwo. Widget ist erste Anlage, oberhalb des Screenshots.
Zur Illustration Bildschirmfoto. Der Textkasten rechts ist das Ergebnis.
Sage bitte kurz, ob Dir das half.
Zitat von: curt am 17 April 2019, 22:16:18
ich weiß nicht, ob wir aneinander vorbei reden. Da ich momentan nicht übermäßig viel Zeit habe, daher auch keine Nerven, den richtigen Andi zu suchen, machen wir es kurz.
Nee, ich hatte mir auch eine eigene Version für die DWD Warnungen (https://forum.fhem.de/index.php/topic,97204.msg918623.html#msg918623) basierend auf dem UWZ Widget (inklusive Adaptionen von Bruchbude und sinus61) gebastelt. Es funktiunioniert, ist optisch allerdings...dem Bauhaus-Stil nach der Funktionalität folgend. ;)
Also wer fester im Design ist, feel free. :)
Danke, dass du deine Andi-Version hier teilst. Ich werde es mal ausprobieren und etwas damit spielen. Möglicherweise kann ich dann meine hässlon-Version dann ad acta legen. :)
Hallo Zusammen,
ich bin gerade dabei meine TabletUI zu erstellen.
Nun wollte ich die UWZ einbinden.
Kann mir einer sagen welches die aktuellste Version des UWZ Widget ist und wann sich die laden kann?
Blicke da nicht durch, github, forum oder sonst wo.
Gruß Robert
nimm die offizielle aus dem repository, also jene, die mit FTUI mitgeliefert wird.
Wenn diese für dich nicht ausreichend funktioniert, dann kannst du immer noch im Forum nach Alternativen suchen.
Moin, bei mir werden keine Meldungen angezeigt.... Jemand ein Idee warum nicht ?
Danke und Grüße
<!DOCTYPE html>
<html>
<head></head>
<body>
<div class="page" id="1_unwetter-content">
<div class="gridster">
<ul>
<!-- =============Unwettervorhersage =============== -->
<!-- ====================================== -->
<li class="semitransparent3d" data-row="5" data-col="1" data-sizex="4" data-sizey="10">
<header class="semitransparentheader">Unwetterzentrale Niedersachsen</header>
<div class="cell">
<img src="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png" width='75%' alt="Wetterkarte">
</div>
</li>
<li class="semitransparent3d" data-row="1" data-col="5" data-sizex="5" data-sizey="10">
<header class="semitransparentheader">Unwetterzentrale Meldungen</header>
<div data-type="uwz" data-device="UWZ" data-detail='["WarnUWZLevel_Color","ShortText"]'></div>
</li>
</ul>
</div>
</body>
</html>
da ich auch Niedersachsen habe kann ich dir sagen das es aktuell 2 Meldungen gibt.
Entscheidend ist hier aber sicher der in Fhem hinterlegte Code, nicht FTUI.
Zeigt Fhem denn was...
Hier mal das List von mir und UWZ
Internals:
CFGFN ./FHEM/Wetter.cfg
CountryCode DE
DEF DE 30900 3600
FUUID 5c4319dc-f33f-a6c6-6518-4b15087e30b78f72
INTERVAL 3600
INTERVALWARN 0
NAME Unwetterzentrale
NR 2072
PLZ 30900
STATE Warnungen: 2
TYPE UWZ
URL http://feed.alertspro.meteogroup.com/AlertsPro/AlertsProPollService.php?method=getWarning&language=de&areaID=UWZDE30900
VERSION 2.0.3
OLDREADINGS:
READINGS:
2019-06-14 23:42:24 WarnCount 2
2019-06-14 23:42:24 WarnUWZLevel 2
2019-06-14 23:42:24 WarnUWZLevel_Color gelb
2019-06-14 23:42:24 WarnUWZLevel_Str Stufe Gelb (Vorwarnung für Unwetterwarnung)
2019-06-14 23:42:24 Warn_0_AltitudeMax 9000
2019-06-14 23:42:24 Warn_0_AltitudeMin -10
2019-06-14 23:42:24 Warn_0_Creation 1560485580
2019-06-14 23:42:24 Warn_0_Creation_Date 14.06.2019
2019-06-14 23:42:24 Warn_0_Creation_Time 06:13
2019-06-14 23:42:24 Warn_0_End 1560603600
2019-06-14 23:42:24 Warn_0_End_Date 15.06.2019
2019-06-14 23:42:24 Warn_0_End_Time 15:00
2019-06-14 23:42:24 Warn_0_End_de Samstag 15. Juni 15:00 Uhr
2019-06-14 23:42:24 Warn_0_EventID 15604849714199.4
2019-06-14 23:42:24 Warn_0_Hail 1
2019-06-14 23:42:24 Warn_0_IconURL http://www.unwetterzentrale.de/images/icons/gewitter-gelb.gif
2019-06-14 23:42:24 Warn_0_LongText Ab Freitagmittag können sich Schauer und Gewitter entwickeln. Diese sind stellenweise stark und können mit Niederschlagsintensitäten zwischen 15 und 30 Liter Regen pro Quadratmeter binnen ein bis zwei Stunden, Hagel bis um 1 cm Korndurchmesser und Sturmböen um 80 km/h, in Ausnahmefällen auch schweren Sturmböen über 90 km/h, einhergehen. In der Nacht zum Samstag zieht wahrscheinlich kräftiger und mit Gewittern versetzter Regen durch. Auch hier können ähnliche Entwicklungen wie oben beschrieben auftreten.
2019-06-14 23:42:24 Warn_0_Severity 8
2019-06-14 23:42:24 Warn_0_ShortText Starkregenschauer oder Gewitter Starkregen 15-30 l/qm pro Std., Hagel Sturmböen mögl
2019-06-14 23:42:24 Warn_0_Start 1560506400
2019-06-14 23:42:24 Warn_0_Start_Date 14.06.2019
2019-06-14 23:42:24 Warn_0_Start_Time 12:00
2019-06-14 23:42:24 Warn_0_Start_de Freitag 14. Juni 12:00 Uhr
2019-06-14 23:42:24 Warn_0_Type 7
2019-06-14 23:42:24 Warn_0_Type_Str Gewitter
2019-06-14 23:42:24 Warn_0_levelName alert_forewarn_red
2019-06-14 23:42:24 Warn_0_uwzLevel 2
2019-06-14 23:42:24 Warn_0_uwzLevel_Str Stufe Gelb (Vorwarnung für Unwetterwarnung)
2019-06-14 23:42:24 Warn_1_AltitudeMax 9000
2019-06-14 23:42:24 Warn_1_AltitudeMin -10
2019-06-14 23:42:24 Warn_1_Creation 1560414784
2019-06-14 23:42:24 Warn_1_Creation_Date 13.06.2019
2019-06-14 23:42:24 Warn_1_Creation_Time 10:33
2019-06-14 23:42:24 Warn_1_End 1560600000
2019-06-14 23:42:24 Warn_1_End_Date 15.06.2019
2019-06-14 23:42:24 Warn_1_End_Time 14:00
2019-06-14 23:42:24 Warn_1_EventID 15604140097174
2019-06-14 23:42:24 Warn_1_Hail 0
2019-06-14 23:42:24 Warn_1_IconURL http://www.unwetterzentrale.de/images/icons/temperatur-orange.gif
2019-06-14 23:42:24 Warn_1_LongText Am Freitag wird es heiß mit Tageshöchsttemperaturen zwischen 30 und 32 Grad. Die höchsten Temperaturen des Tages werden in der Regel zwischen 14 und 18 Uhr erreicht. Die Entwicklung am Samstag ist noch unsicher, bei Bedarf erfolgt rechtzeitig eine neuer Hinweis zur Hitzebelastung.
2019-06-14 23:42:24 Warn_1_Severity 4
2019-06-14 23:42:24 Warn_1_ShortText Nachmittags leichte Hitzebelastung bei Höchsttemperaturen zwischen 30 und 32 Grad.
2019-06-14 23:42:24 Warn_1_Start 1560513600
2019-06-14 23:42:24 Warn_1_Start_Date 14.06.2019
2019-06-14 23:42:24 Warn_1_Start_Time 14:00
2019-06-14 23:42:24 Warn_1_Type 9
2019-06-14 23:42:24 Warn_1_Type_Str Hitze
2019-06-14 23:42:24 Warn_1_levelName notice_warn_orange
2019-06-14 23:42:24 Warn_1_uwzLevel 1
2019-06-14 23:42:24 Warn_1_uwzLevel_Str Stufe Dunkelgrün (Wetterhinweise)
2019-06-14 23:42:24 currentIntervalMode normal
2019-06-14 23:42:24 durationFetchReadings 0.23
2019-06-14 23:42:24 lastConnection 49 values captured in 0.23 s
2019-06-14 23:42:24 state Warnungen: 2
fhem:
LOCAL 0
helper:
Attributes:
alias UWZ - Wedemark
download 1
group Unwetterzentrale
humanreadable 1
room Wettervorhersage
savepath /tmp/
sortby 01
userReadings Warn_0_Start_de {
my $t = ReadingsVal("Unwetterzentrale","Warn_0_Start","?");
my @Wochentage = qw(Sonntag Montag Dienstag Mittwoch Donnerstag Freitag Samstag);
my @Monatsnamen = qw(Januar Februar März April Mai Juni Juli August September Oktober November Dezember);
my ($Sekunden, $Minuten, $Stunden, $Monatstag, $Monat,$Jahr, $Wochentag, $Jahrestag, $Sommerzeit) = localtime($t);
my $datum = sprintf("%s %02d. %s",$Wochentage[$Wochentag],$Monatstag,$Monatsnamen[$Monat]);
my $zeit = sprintf("%02d:%02d Uhr",$Stunden,$Minuten);
return $datum." ".$zeit;
},
Warn_0_End_de {
my $t = ReadingsVal("Unwetterzentrale","Warn_0_End","?");
my @Wochentage = qw(Sonntag Montag Dienstag Mittwoch Donnerstag Freitag Samstag);
my @Monatsnamen = qw(Januar Februar März April Mai Juni Juli August September Oktober November Dezember);
my ($Sekunden, $Minuten, $Stunden, $Monatstag, $Monat,$Jahr, $Wochentag, $Jahrestag, $Sommerzeit) = localtime($t);
my $datum = sprintf("%s %02d. %s",$Wochentage[$Wochentag],$Monatstag,$Monatsnamen[$Monat]);
my $zeit = sprintf("%02d:%02d Uhr",$Stunden,$Minuten);
return $datum." ".$zeit;
}
verbose 2
Danke für die Info, das Data Device musste ich noch anpassen. Jetzt funktioniert es.
ich habe zu dem thema TabletUI in Verbindung mit dem widget_uwz.js nochmal eine frage.
nach jedem FHEM update muss ich ein lokales Backup des widget_uwz ziehen, weil die offizielle variante alle Swiper elemente auf der gleichen Seite zum "hin und herlaufen" bringt.
Gibt es irgendeine Möglichkeit, die ersten Zeilen der angehängten widget_uwz_restore.js, die der user Bruchbude seinerzeit wohl eingebaut hatte in die offizielle Version zu übernehmen? Dieses Problem nervt doch sicher andere auch nehm ich an?
Grüße,
Chris
@MCh76
Zitat von: setstate am 08 September 2018, 09:57:11
Wie kann ich hier helfen? Soll ich eine bestimmte Version auf Github hochladen?
Versuche bitte, @setstate via PN zu kontaktieren. Er hat ziemlich viele Fäden in der Hand, er wird diesen Thread sicher nicht immer verfolgen.
@MCh76
In der Zwischenzeit kannst du das uwz widget aus dem Update exkludieren (müsste im global Device gehen) oder du entziehst dem User fhem indirekt die Rechte für das Widget, dann scheitert das Update:
sudo chown root:root widget_uwz.js
(Zurückgeben der Ownerschaft via
sudo chown fhem:dialout widget_uwz.js)
EDIT:
Im global Device heisst das Attribut exclude_from_update:
attr global exclude_from_update www/tablet/js/widget_uwz.js
hervorragend yersinia, vielen dank!
Hab parallel dennoch setstate mal per PN angeschrieben...