Meine Visualisierung mit USV, PV Anlage / Wallbox und evcc

Glasfaser

@saftladen18 sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:
Jedoch habe ich in den einzelnen Seiten auch die Widgets nicht

Bitte gebe doch oben in deinem Startthread an , welche Adapter ( Widget´s ) benötigt / installiert werden müssen .

@Saftladen18 ist " Newbie "und fängt gerade erst an und daher hat er wohl inventwo nicht installiert usw. !

EDIT:

@Saftladen18

hier kannst du mehr sehen was ich meine ... bzw. auch Inspiration dazu holen .
https://forum.iobroker.net/topic/28717/vis-von-sigi234

Passi 0

@hut
Hi bein Import kommt fehler VERBINDUNGSFEHLER mach ich da was falsch?
MFG

Glasfaser

@passi-0 sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

Hi bein Import kommt fehler VERBINDUNGSFEHLER mach ich da was falsch?

Nein ...

gib das mal in der Forums-Suche ein , da steht ... 10000 X die Lösung dazu

Smart81

@hut Hallo

Ich finde die VIS sehr gelungen , war schon lange auf der Suche und hier denke ich bin Ich fündig geworden !

Ist es möglich die VIS zu editieren? Also kann ich bei den werten meine Geräte eintragen und die Bilder teilweise ändern?

Oder dient das Project nur als Anregung und man muss sich das selber Komplett neu aufbauen?

Hab mir das schon importiert , aber ich kann die einzelnen icons nicht bearbeiten oder Objekte einstellen...

HuT

@glasfaser @Saftladen18 @Smart81 Habe meinen Eingangspost um die Adapter erweitert. Ich hoffe das hilft ein wenig beim Nachbau...

HuT

@smart81 Nein, Du musst nichts neu aufbauen. Die Vis ist nicht geschützt. Ich denke Du benötigst die Widget Adapter die ich jetzt im überarbeiteten Ausgangspost benannt habe. Dann kannst Du Deine Geräte anbinden und dann sollte es auch funktionieren.

HuT

@octopus180 Hier kommt schonmal das Script... Ich hoffe, ich habe das hier richtig eingebunden das sieht doch etwas eigenartig aus
Ich habe zwei Widgets übereinander gelegt. Das untere ändert die Farbe je nach Zustand und das überlagerte ändert das Icon je nach Zustand. Das untere Widget ist etwas größer und bei beiden muß der z faktor angepasst werden.
Grüße
Torsten

// Skript basiered auf JoJ123's Müllskript und Pix' Regenskript
// v 0.2, tempestas 21.12.2018
// Voraussetzung: ical 1.7
// Anleitung: 
/*
1) im ical Adapter die Ereignisse definieren, die gesucht werden sollen (z.B. Restabfall)
2) const PFAD auf euren ical Adapter anpassen (0, oder 1, zwei...)
3) im Bereich EINTRAEGE vor den Doppelpunkten die Ereignisse analog des ical Ereginis eintragen. 
ACHTUNG: ES DÜRFEN HIER KEINE FREIZEICHEN GENUTZT WERDEN; ICAL MACHT AUS "Gelber Sack" ALS EREIGNIS DATENPUNKT "GelberSack"
daher muss hier dann "GelberSack" eingetragen werden
hinter den Doppelpunkten wird der Pfad angegeben, in dem die Datenpunkte für die Tage bis zum jeweiligen Müll gespeichert werden.
Davor wird dann noch die Javascript Instanz gesetzt, in der ihr das Skript startet.
Gesamtpfad dann also z.B. "javascript.0.muell.restmuell" 
 Hinweis: das Skript kann für alle Arten von Events genutzt werden, daher hier auf dne Begriff "Muell" verzichtet.
*/
 debug = true;
 const PFAD = "ical.5.events.";
const EINTRAEGE = {                       
    "Restabfall": 'muell.restmuell',
    "Papiertonne": 'muell.papier',
    "GrüneTonne": 'muell.bioabfall',
    //"GelberSack": 'muell.gelbersack', auskommentiert Änderung auf Wertstoff
    "Wertstofftonne": 'muell.wertstoff'
};
 //States anlegen
 Object.keys(EINTRAEGE).forEach(key => {
    createState(EINTRAEGE[key], -1);
    if (debug) log("State "+EINTRAEGE[key] +" angelegt");
});
 createState("muell.next");  // state, in den der kleinste Wert geschrieben wird, falls man z.B. auf einer Hauptübersicht immer nur den Wert bis zum nächsten Event (egal welches) sehen möchte)
var idNext = "muell.next";
 function check() {
     var i;
    var min = 31;  // maximale Vorschau der Tage im ical ist 90, von dort aus suchen wir den kleinsten Wert, geändert auf 31!
    Object.keys(EINTRAEGE).forEach(eintrag => {

        // erst prüfen, ob event heute vorliegt

        if ( getState(PFAD + 0 +".today." + eintrag).val === true) {   // Pfad weicht von den anderen Tagen ab!
        setState(EINTRAEGE[eintrag], 0);
        min = 0;
        if(debug) log(eintrag + " wird heute abgeholt");
        }

        // falls nicht, weiter schauen, wann es kommt

        else {

            for (i=1 ; i<31;i++) {                       // heute (0) wird separat geprüft, da dort ein andere Pfad zum Tragen kommt; max 90 Tage Vorschau 
                if ( getState(PFAD + i +"." + eintrag).val === true) {
                setState(EINTRAEGE[eintrag], i);
                if (i < min) min = i;
                if(debug) log(eintrag + " in "+i +" Tagen");
                break;              // beim ersten gefundenen Eitnrag wird unterbrochen, da ja der nächste Termin gesucht wird
                }

 

            }   

        }    

    });

     // kleinsten Wert in next - State schreiben

 

    if(debug) log("Der nächste Müll ist in "+min +" Tagen");

    setState(idNext, min);

 }

 // Bei Start

 setTimeout(check, 5000);   // 5 Sekunde warten, um beim erstmaligen Start Fehler zu vermeiden, die aus nicht existierenden States resultieren

 

schedule('20 0 * * *', () => check() );

Glasfaser

@hut sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

Ich hoffe, ich habe das hier richtig eingebunden das sieht doch etwas eigenartig aus

Nee sieht nicht schön aus

... das wird in Code-Tags eingefügt ..

Octopus180

@hut sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

Leider funktioniert das mit dem Müll nicht. Ich habe bei meinem ICAL die Ereignisse angegeben:
Bildschirmfoto 2023-06-05 um 17.50.42.png

Dann ich habe ich das Skript angelegt und wie folgt verändert:

*/
debug = true;
const PFAD = "ical.2.events.";
const EINTRAEGE = {
"Restmüll": 'muell.restmuell',
"Papier": 'muell.papier',
"Bioabfall": 'muell.bioabfall',
//"GelberSack": 'muell.gelbersack', auskommentiert Änderung auf Wertstoff
"Wertstoff": 'muell.wertstoff'
};
//States anlegen
Object.keys(EINTRAEGE).forEach(key => {
createState(EINTRAEGE[key], -1);
if (debug) log("State "+EINTRAEGE[key] +" angelegt");
});
createState("muell.next"); // state, in den der kleinste Wert geschrieben wird, falls man z.B. auf einer Hauptübersicht immer nur den Wert bis zum nächsten Event (egal welches) sehen möchte)
var idNext = "muell.next";
function check() {
var i;
var min = 31; // maximale Vorschau der Tage im ical ist 90, von dort aus suchen wir den kleinsten Wert, geändert auf 31!
Object.keys(EINTRAEGE).forEach(eintrag => {

 // erst prüfen, ob event heute vorliegt

 if ( getState(PFAD + 0 +".today." + eintrag).val === true) {   // Pfad weicht von den anderen Tagen ab!
 setState(EINTRAEGE[eintrag], 0);
 min = 0;
 if(debug) log(eintrag + " wird heute abgeholt");
 }

 // falls nicht, weiter schauen, wann es kommt

 else {

     for (i=1 ; i<31;i++) {                       // heute (0) wird separat geprüft, da dort ein andere Pfad zum Tragen kommt; max 90 Tage Vorschau 
         if ( getState(PFAD + i +"." + eintrag).val === true) {
         setState(EINTRAEGE[eintrag], i);
         if (i < min) min = i;
         if(debug) log(eintrag + " in "+i +" Tagen");
         break;              // beim ersten gefundenen Eitnrag wird unterbrochen, da ja der nächste Termin gesucht wird
         }



     }   

 }    
});

// kleinsten Wert in next - State schreiben

if(debug) log("Der nächste Müll ist in "+min +" Tagen");

setState(idNext, min);

}

// Bei Start

setTimeout(check, 5000); // 5 Sekunde warten, um beim erstmaligen Start Fehler zu vermeiden, die aus nicht existierenden States resultieren

schedule('20 0 * * *', () => check() );

Doch leider bekomme ich beim starten des Skript folgende Meldung:

Bildschirmfoto 2023-06-05 um 17.55.12.png

Irgendwo habe ich einen Fehler gemacht, die Frage ist nur wo?

Gruß Peter

Glasfaser

@octopus180 sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

Irgendwo habe ich einen Fehler gemacht, die Frage ist nur wo?

in Zeile 1

*/

das entfernen

Octopus180

@glasfaser , Danke, jetzt läuft das Skript. Jetzt kann ich weiter schauen.

HuT

@glasfaser ahhh wieder etwas gelernt Danke

Glasfaser

@hut sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

@glasfaser ahhh wieder etwas gelernt Danke

No Problem ... helfe gerne

Octopus180

@HuT ,

kannst du mir bitte mal das Skript für die Anzeige der Windstärke geben, ich habe nach dem Regenskript von Pix gesucht, aber leider nicht gefunden. Ich schätze mal das daher die Anzeige für die Windstärke kommt.

Danke

HuT

@octopus180 hier kommt das Blockly für die Windstärke...Windstaerke.txt
Viele Grüße

Octopus180

@HuT :

darf ich dir nochmal eine Frage stellen? Auf der Startseite hast du ja die Verschlusssache.
Dort wird dir ja angezeigt ob irgendwo noch ein Fenster oder eine Tür auf ist. Das hast du ja mit einem Script gemacht. Benutzt du das Script von Pittini oder welches benutzt du dafür?

Gruß Peter

spike2

@hut Vielen Dank für das teilen deiner Views
Wäre es möglich, dass du die Scripte für die Berechnung der Werte für Solar zu Verfügung zu stellen ? Würde mich brennend interessieren

Octopus180

Hallo alle zusammen,

da Thorsten von Haus und Technik , anscheinend hier nicht mehr mitliest habe ich zwei Fragen an die Allgemeinheit.

Ich konnte schon sehr viel umsetzten für meine VIS, doch leider stecke ich zur Zeit bei zwei Problemen fest.

Auf der Hauptseite hat er ja eine Übersicht über den Verschluss. Ich schätze mal, das er mit einem Skript die Anzahl der offenen Fenster erfasst und dieses dann angezeigt wird. Habt Ihr eine Ahnung welches Skript er genommen hat?
Er hat auf der Seite "510_Gewerke_Verschluss" ja eine Anzeige über den Zustand der Fenster und Türen. Ich bekomme es nicht hin, das der Hintergrund, je nach Zustand" Orange oder Grün ist. Was für mich Unlogisch ist, das er für jeden Zustand einen anderen Datenpunkt hat. Irgendwie verstehe ich nicht wie er das Umgesetzt hat.
Er benutzt ja anscheinend HM Sensoren, meine haben aber nur einen Datenpunkt der sich auf true oder false ändert.

Könnt ihr mir vielleicht weiterhelfen?

Danke und Gruß Peter

Glasfaser

@octopus180 sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

Ich bekomme es nicht hin, das der Hintergrund, je nach Zustand" Orange oder Grün ist.

.... ich habe mal in seinem Projekt reingeschaut.

EDIT :

Die werte werden im Zustand eingestellt ... teils mit Binding

.

.

Das heißt , er hat einen Datenpunkt

javascript.0.Color.Green

und dort hat er den Hex Wert von Grün drin .
Beispiel :

#00ff00

HuT

@octopus180 Hallo Peter,
ich lese durchaus mit, allerdings nicht täglich und ich bitte um Verständnis, daß mir manchmal etwas die Zeit fehlt um zeitnah zu antworten.
Das Script für die Homepage, im Grunde sind es mehrere, habe ich beigefügt. In diesem speziellen werden alle Sensoren der Funktion "Fenster" im Raum "Erdgeschoss" erfasst.
Aus wessen Feder das Script letztendlich entsprungen ist, kann ich nicht sagen, da sich der Autor nicht mit Namen im Script verewigt hat...

// Select and show (for debug) all sensors in "Erdgeschoss" and with type "Fenster"

var sensors = $('channel[state.id=*.STATE](rooms=Erdgeschoss)(functions=Fenster)');

 function getCurrentState() {

    var commonState = 0;

   sensors.each(function (id) {

     var val = toInt(getState(id).val);

      // Find the maximum (2 - opened, 1 - tilted, 0 - closed)

      if (val > commonState) commonState = val;

   });

    return commonState;

Bezüglich des Farbwechsels ist es so wie von Glasfaser schon festgestellt, ich habe für bestimmte Farbgebungen Datenpunkte angelegt auf die ich zurück greife, da ich nicht immer den #Code eingeben will...

Viele Grüße
Torsten

NEWS

Meine Visualisierung mit USV, PV Anlage / Wallbox und evcc

Support us

900
Online

31.8k
Users

79.9k
Topics

1.3m
Posts

NEWS

Meine Visualisierung mit USV, PV Anlage / Wallbox und evcc

Support us

900Online

31.8kUsers

79.9kTopics

1.3mPosts

900
Online

31.8k
Users

79.9k
Topics

1.3m
Posts