FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: D3ltorohd am 24 Oktober 2019, 19:42:51

Titel: [WEATHER WIDGET] amcharts Icons werden nicht angezeigt.
Beitrag von: D3ltorohd am 24 Oktober 2019, 19:42:51
Hallo Com,

ich habe folgendes Problem und komme einfach nicht dahinter, warum mir die amcharts Icons nicht angezeigt werden. Hier ist ein Auszug meiner Index ...

<!DOCTYPE html>
<html>
<head>
<title>FHEM - Hausautomatisierung</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!-- Mobile-Web-Config -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="mobile-web-app-capable" content="yes" />
<!-- Favicon-Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/home.ico" />
<!-- Cache -->
    <!--<meta http-equiv="Cache-Control" content="no-store" />-->
<!-- FTUI-Settings -->
<meta name="debug" content="0">
<meta name="longpoll_type" content="websocket" />
<meta name="toast" content="1"> <!-- 1,2,3...= n Toast-Messages, 0: No Toast-Messages -->
<!-- Scripts -->
    <script type="text/javascript" src="js/fhem-tablet-ui.min.js" defer></script>
<!-- Icon Fonts -->
<link rel="stylesheet" href="fonts/roman/style.css" />
<link rel="stylesheet" href="lib/font-awesome.min.css" type="text/css" />
<!-- Custom CSS -->
    <link rel="stylesheet" href="css/fhem-mobil-ui.css" />
    <link rel="stylesheet" href="css/animate.css" />
<link rel="stylesheet" href="css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui-user.css" />
<link rel="stylesheet" href="lib/weather-icons-wind.min.css"/>
<link rel="stylesheet" href="lib/weather-icons-wind.css"/>
<link rel="stylesheet" href="lib/openautomation.min.css" type="text/css" />
<link rel="stylesheet" href="lib/openautomation.css" />
</head>


Hier ist der Teil, indem ich das Wetter anzeigen möchte.

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="lib/weather-icons-wind.min.css"/>
<link rel="stylesheet" href="lib/weather-icons.min.css"/>
</head>
<body>
    <div class="page" id="content_home">
<section>
<div class="big">Wettervorhersage
</div>
<div style="display:inline-block;height:1px;width:80%;background-color:#0088CC;"></div>
<table>
<tr>
<td>
<div data-type="label" class="cell top-space narrow">morgens</div>
<div data-type="label" data-device="DWD" data-get="fc0_1_time" class="cell top-space narrow"></div>
<div data-type="weather" data-device="DWD" data-get="fc0_1_ww" data-imageset="amcharts" class="big"></div>
<div data-type="label" data-device="DWD" data-get="fc0_1_wwd" class="cell top-narrow"></div>
<div data-type="label" data-device="DWD" data-get="fc0_1_TTT" data-unit="%B0C%0A" data-fix="0" class="cell bigger" data-limits='[-50,0,28]' data-colors='["#5858FA","white","red"]'></div>
</td>
<td>
<div data-type="label" class="cell top-space narrow">mittags</div>
<div data-type="label" data-device="DWD" data-get="fc0_2_time" class="cell top-space narrow"></div>
<div data-type="weather" data-device="DWD" data-get="fc0_2_ww" data-imageset="amcharts" class="big"></div>
<div data-type="label" data-device="DWD" data-get="fc0_2_wwd" class="cell top-narrow"></div>
<div data-type="label" data-device="DWD" data-get="fc0_2_TTT" data-unit="%B0C%0A" data-fix="0" class="cell bigger" data-limits='[-50,0,28]' data-colors='["#5858FA","white","red"]'></div>
</td>
<td>
<div data-type="label" class="cell top-space narrow">abends</div>
<div data-type="label" data-device="DWD" data-get="fc0_3_time" class="cell top-space narrow"></div>
<div data-type="weather" data-device="DWD" data-get="fc0_3_ww" data-imageset="amcharts" class="cell mini"></div>
<div data-type="label" data-device="DWD" data-get="fc0_3_wwd" class="cell top-narrow"></div>
<div data-type="label" data-device="DWD" data-get="fc0_3_TTT" data-unit="%B0C%0A" data-fix="0" class="cell bigger" data-limits='[-50,0,28]' data-colors='["#5858FA","white","red"]'></div>
</td>
</tr>
</table>
</section>


Es gelinkt mir einfach nicht, die amcharts zu sehen. Kleinklima geht. Weathericons scheinen auch nicht zu gehen. So wie jetzt sieht sind nach den meteochons aus. Warum keine Ahnung. Was habe ich falsch gemacht, oder wo liegt mein Fehler ???

Ich nutze FTUI von Ueberbeck, ich hatte das mal im Standard Template probiert, da ging das. Hab aber leider keine Sicherung mehr davon.

Grüße,
Titel: Antw:[WEATHER WIDGET] amcharts Icons werden nicht angezeigt.
Beitrag von: yersinia am 25 Oktober 2019, 10:25:30
Diesen Thread (https://forum.fhem.de/index.php/topic,96954.msg901188.html#msg901188) hast du schon durch? Insbesondere dieser Teil:
Zitat von: somansch am 05 Februar 2019, 00:24:58Die neuen animierten Icons von amCharts könnt ihr auf https://www.amcharts.com/free-animated-svg-weather-icons/ (https://www.amcharts.com/free-animated-svg-weather-icons/) oder im Wiki-Beitrag anschauen: https://wiki.fhem.de/wiki/FTUI_Widget_Weather (https://wiki.fhem.de/wiki/FTUI_Widget_Weather). Alle Icons werden per FHEM Update verteilt. Falls dies bei euch nicht funktioniert, könnt ihr einfach den Inhalt der "weather.zip" (im Anhang) in den Ordner "/opt/fhem/www/images/default/weather" kopieren.
Ich hatte da Anfangs auch Probleme, manche Iconsets sind nicht sauber geladen worden weil nicht vorhanden.
Titel: Antw:[WEATHER WIDGET] amcharts Icons werden nicht angezeigt.
Beitrag von: D3ltorohd am 25 Oktober 2019, 10:27:14
Da hatte ich schon nachgeschaut, dort sind sie vorhanden.
Bin noch mal her gegangen und habe alle aus dem Zip File in den Weather Ordner kopiert. Auch nichts.
Titel: Antw:[WEATHER WIDGET] amcharts Icons werden nicht angezeigt.
Beitrag von: D3ltorohd am 25 Oktober 2019, 20:08:04
Ich bekomme sie nun angezeigt, denke in dem Template was ich nutze, wurde da was geändert. Habe bis auf die html Files alles gelöscht und vom original eingespielt, danach war das Template quasi zerstört. Dann hab ich alles Files von meiner Sicherung mit eingespielt aber die vorhandenen nicht überschrieben, jetzt sieht FTUI aus wie gewohnt und die amcharts sind auch vorhanden.

Aber selbst bei mini im class bleiben sie recht groß.