[widget_uwz] widget für UWZ Unwetterzentrale.

[TWART016]

Hallo,

wie füge ich am besten die Niederschlag und Temperatur Videos ein?

Code Auswählen Erweitern

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

Code Auswählen Erweitern

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

[ChrisW]

Gab es eine änderung der Unwetter meldungen? Schon lange keine mehr bekommen o_O

[chris1284]

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

[klausw]

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:

Code Auswählen Erweitern

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

[chris1284]

nächste Woche / am we kümmer ich mich drum

[ulobo60]

Wollte nur mal ein schnelles DANKESCHÖN in diesen Foren-Thread reinwerfen.
Tolle Erklärungen und detaillierte Anleitungen. 
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!

[ToM_ToM]

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.

Code Auswählen Erweitern


"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

[nicegu0815]

Hi wollte das Wiget auch gerade in mein FTUI einbinden:

Code Auswählen Erweitern

<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:

Code Auswählen Erweitern

// 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...

[Kehemann]

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

Code Auswählen Erweitern

<!--  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>

[Volumeman]

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?

Code Auswählen Erweitern


<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

[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:

Code Auswählen Erweitern

<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

Code Auswählen Erweitern

<div data-type="uwz" data-device="UNWETTER" data-detail="[&quot;IconURL&quot;, &quot;ShortText&quot;]" data-max="3" data-textdivider="<br><br>" class="" data-ready="" style="height: calc(100% - 22px);">

Ändere ich nun die Stelle

Code Auswählen Erweitern

style="height: calc(100% - 22px);"
zu

Code Auswählen Erweitern

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.

[ih-sqeezer]

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

[chris1284]

Alles super bei mir im Chrome.FireFox, Edge.
Def

Code Auswählen Erweitern


<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

// widget_uwz last changed 2017-11-17 17:00:00 by chris1284

[yersinia]

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

[chris1284]

häng mal die js an.