Sonnenscheidauer in h in Aio Creator

Haussteuerung mittels mediola

Moderator: Co-Administratoren

Antworten
Sheldon_1977
Beiträge: 3
Registriert: 02.10.2022, 07:16
System: CCU

Sonnenscheidauer in h in Aio Creator

Beitrag von Sheldon_1977 » 05.04.2024, 09:01

Hallo zusammen,

an meiner CCU 3 nutze ich die Wetterstation pro.
In der Neo Creator App, werden mir die Werte der Sonnenstunden in Minuten angegeben. Wisst Ihr, wie man dieses in h ändern kann? Bei einem Tag kann man ja sicher noch rechnen, bei Jahren wird es dann schon schwieriger :-)

Vielen Dank für Eure Hilfe
Zuletzt geändert von Roland M. am 05.04.2024, 15:45, insgesamt 1-mal geändert.
Grund: Thema verschoben

Fonzo
Beiträge: 6745
Registriert: 22.05.2012, 08:40
System: CCU
Hat sich bedankt: 25 Mal
Danksagung erhalten: 486 Mal

Re: Sonnenscheidauer in h in Aio Creator

Beitrag von Fonzo » 05.04.2024, 10:00

Sheldon_1977 hat geschrieben:
05.04.2024, 09:01
In der Neo Creator App, werden mir die Werte der Sonnenstunden in Minuten angegeben. Wisst Ihr, wie man dieses in h ändern kann?
Erstelle Dir ein Element vom Typ Webseite auf der Remoteoberfläche, an der Position, an der Du den formartierten Wert anzeigen möchtest.

Weise dann dem Element vom Typ Webseite als Status die Sonnenscheindauer zu.

Anschließend klickst Du auf HTML-Gerüst festlegen und ergänzt dort folgenden Code

Abschnitt Dokument-Beginn:

Code: Alles auswählen

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Sonnenscheindauer umrechnen und anzeigen</title>
<style>
  html {
    background: transparent;
    color: white;
    font-family: sans-serif;
    padding: 10px;
  }
  /* Verstecke das Element mit der ID 'originalNumber' */
  #originalNumber {
    display: none;
  }
 /* CSS-Stile für die formatierte Sonnenscheindauer */
  .formatted-duration {
    font-size: 18px; /* Schriftgröße */
    color: #FFA500; /* Schriftfarbe (orange) */
   /* Weitere CSS-Stile nach Bedarf hinzufügen */
</style>
</head>
<body>
Abschnitt Hauptbereich:

Code: Alles auswählen


 <!-- Verstecktes Element für die ursprüngliche Sonnenscheindauer -->
  <span id="originalNumber">%neo_state%</span>

  <!-- Anzeige der formatierten Sonnenscheindauer -->
  <p>Formatierte Sonnenscheindauer: <span id="formattedDuration"></span></p>

  <script>
    // Funktion zur Umrechnung und Formatierung der Sonnenscheindauer
    function formatSunshineDuration(minutes) {
      // Berechnung der Jahre, Monate, Tage, Stunden und Minuten
      var years = Math.floor(minutes / (60 * 24 * 365));
      var months = Math.floor((minutes % (60 * 24 * 365)) / (60 * 24 * 30));
      var days = Math.floor((minutes % (60 * 24 * 30)) / (60 * 24));
      var hours = Math.floor((minutes % (60 * 24)) / 60);
      var remainingMinutes = minutes % 60;

      // Erstellung der formatierten Ausgabe
      var formattedDuration = "";
      if (years > 0) {
        formattedDuration += years + " Jahr";
        if (years > 1) formattedDuration += "e";
        formattedDuration += ", ";
      }
      if (months > 0) {
        formattedDuration += months + " Monat";
        if (months > 1) formattedDuration += "e";
        formattedDuration += ", ";
      }
      if (days > 0) {
        formattedDuration += days + " Tag";
        if (days > 1) formattedDuration += "e";
        formattedDuration += ", ";
      }
      if (hours > 0) {
        formattedDuration += hours + " Stunde";
        if (hours > 1) formattedDuration += "n";
        formattedDuration += ", ";
      }
      if (remainingMinutes > 0) {
        formattedDuration += remainingMinutes + " Minute";
        if (remainingMinutes > 1) formattedDuration += "n";
      }

      return formattedDuration;
    }

    // Hole die ursprüngliche Sonnenscheindauer in Minuten
    var originalMinutes = parseInt(document.getElementById('originalNumber').textContent);

    // Formatiere die Sonnenscheindauer und zeige sie an
    var formattedDuration = formatSunshineDuration(originalMinutes);
    document.getElementById('formattedDuration').textContent = formattedDuration;
  </script>
Abschnitt Dokument-Ende:

Code: Alles auswählen

</body></html>
Anschließend mit klick auf Speichern absichern.

Nun solltest Du in der Vorschau im AIO CREATOR NEO bzw. später in NEO selber an der Position des Webseitenelements eine formatierte Ausgabe vorfinden. Die Ausgabe kannst Du dann noch nach eigenen Anforderungen individuell anpassen und im Layout mit CSS die Schriftart, Größe, Farbe usw. individuell an Deine persönlichen Bedürfnisse anpassen, das Layout ist mit .formatted-duration im Dokument-Beginn Teil zugewiesen.

Antworten

Zurück zu „mediola“