Widget - Wetter

[EricVanDeGriesel]

Aktueller Wetter

• Aktueller Wetterstatus
• Stündliche Vorhersage
• 7 Tage Vorhersage
• Anwendung von Geolocation für Standortermittlung

[EricVanDeGriesel]

Modal oder Collapse auf Wochentag oder Stündlich -> zeigt mehr Infos an. Button bzw. clickable Target oben rechts in Card headers

[Jersyfi]

Bei der höchst und tiefst Temperatur würde ich empfehle, dass die beiden Werte nicht durch einen Schrägsticht getrennt werden, sondern in dieser zelle 2 Spalten gemacht werden in denen diese Werte angezeigt werden.

einfach in dieser Zelle eine neue Tabelle erstellen mit zwei Spalten und einer Spalte.

<table>
  <tbody>
    <tr>
      <td>14°C</td>
      <td>11C</td>
    <tr>
  </tbod>
</table>

[EricVanDeGriesel]

okay entweder so oder die schriftgröße wird minimal verkleinert. Die obere Leiste wird so klein sein wie es eben geht.

[EricVanDeGriesel]

• [ ] Neue Icons plus farben werden aktuell angepasst und in Kürze in das weather-widget vanilla gebranched.

• [ ] Collapse Funktion wird verbessert

Nach diesen Änderungen/Erweiterungen, wird das Widget erstmal als abgeschlossen angesehen.

[derechtenap]

Bei der höchst und tiefst Temperatur würde ich empfehle, dass die beiden Werte nicht durch einen Schrägsticht getrennt werden, sondern in dieser zelle 2 Spalten gemacht werden in denen diese Werte angezeigt werden.

Das könnte auch mit dem Bootstrap Carousel gelöst werden. Das würde sich die beiden Temperaturen "immer abwechseln". Würde bestimmt auch gut aussehen :)

[Jersyfi]

Bei der höchst und tiefst Temperatur würde ich empfehle, dass die beiden Werte nicht durch einen Schrägsticht getrennt werden, sondern in dieser zelle 2 Spalten gemacht werden in denen diese Werte angezeigt werden.

Das könnte auch mit dem Bootstrap Carousel gelöst werden. Das würde sich die beiden Temperaturen "immer abwechseln". Würde bestimmt auch gut aussehen :)

Dabei müsste nur das hervorgehoben werden was gerade aktiv ist. Gute Idee Meister 👍

[EricVanDeGriesel]

Offene Punkte:

• [ ] Höhenanpassung der Icons bzw. Wolken

• [ ] Collapse Funktion Der Collapse wird aktiviert, sobald man eine Wochentagcard anklickt. Muss wahrscheinlich dynamisch erstellt werden. Wichtig -> Responsive Design: Zum jetzigen Zeitpunkt, wird der Collapse in den kleinsten Containergrößen unter den kompletten Widget drangehangen. Man muss also scrollen, um die weiteren Infos einzusehen. Es macht mehr sinn, dass die extra Infos auch in diesen fall direkt unter der jeweiligen Wochentagcard eingeblendet wird. Ideen der Realisierung sind erwünscht.

• [ ] Alternative Idee der Darstellung der Stundenvorhersage:

Sowas in klein bzw. auf die größe der wochencards angepasst und vllt. mit weniger Infos

@derechtenap

[derechtenap]

Für die alternative Darstellung könnte vielleicht Chart.js benutzt werden 🤔

[EricVanDeGriesel]

Würde ich auch bevorzugen

[EricVanDeGriesel]

Stand 25.11 -> Wetter Widget ist meiner Ansicht nach abgeschlossen. Alles funktioniert so weit.

Folgendes könnte noch ergänzt werden (ich hab da nichts zu gefunden):

• Beim togglen der Divs in der Tagesansicht könnte eine Animation oder ähnliches noch rein

• die icons in der erweiterten Ansicht sollten sich vllt. auf der gleich vertikalen Linie befinden (könnte aber zu problemen kommen wenn höhere Temperaturen angezeigt werden

• Die Größe der Schrift der aktuellen Werte (Zeile 1 des Widgets) könnte angepasst werden (die Card wirkt ein bißchen leer. vllt kann als hintergrund der Card ein jeweiliges icon, welches den messwert darstellt, gesetzt werden

• Die Chart könnte vllt. größer gemacht werden. Auf größe des Divs angepasst oder man nimmt den header raus.