[widget_uwz] widget für UWZ Unwetterzentrale.

chris1284 · 15 Januar 2017, 15:32:51

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

was hast du versucht einzubauen? das widget an sich oder eines der beispiel evon usern hier?
was heisst es kommt kein ergebnis?

Tutti_Bomovski · 15 Januar 2017, 17:30:28

Zitat von: chris1284 am 15 Januar 2017, 15:32:51
gleich so viele infos auf einmal, das weis sman garnicht wo man anfangen soll
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?

chris1284 · 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

Tutti_Bomovski · 15 Januar 2017, 19:26:14

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.

Code Auswählen

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

Code Auswählen

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">&nbsp </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

chris1284 · 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?

Tutti_Bomovski · 15 Januar 2017, 20:57:27

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

chris1284 · 15 Januar 2017, 21:23:07

;Dschön zu hören das es geht

kvo1 · 16 Januar 2017, 00:37:16

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

kvo1 · 16 Januar 2017, 13:31:31

Hi Chris,

kannst Du bitte mal den vollständigen code aus Antwort #19 posten?

Danke

Wasserwerk33 · 16 Januar 2017, 15:01:01

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.

Ulm32b · 16 Januar 2017, 15:31:16

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

chris1284 · 16 Januar 2017, 17:38:35

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

kvo1 · 16 Januar 2017, 20:45:31

Hi Chris,

ich habe das gleiche Problem wie Tutti_Bomovski

file 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 ?

Tutti_Bomovski · 16 Januar 2017, 20:50:00

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

Wasserwerk33 · 16 Januar 2017, 21:37:12

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?