Neues YouTube-Video: Visualisierung im Devices-Adapter

[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:

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:

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.

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

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

[HuT]

@spike2 Welche Scripte meinst Du da genau? Geht es um die Darstellung von Eigenverbrauch bzw. Autarkie über die verschiedenen Zeitslots oder welche meinst Du im Detail?
Grüße
Torsten

[Octopus180]

@hut

natürlich habe ich Verständnis dafür , für viele ist ein Hobby und andere Sachen gehen vor, damit habe ich überhaupt kein Problem.

Ist das kompliziert zu erklären wie du das zum Beispiel mit einem Fenster umgesetzt hast ?
Ich verstehe zum Bespiel überhaupt nicht warum du z.B bei Verschluss/ Schlafen h. bei den 3 Zuständen, 3 verschiedene Objekt ID hast.
Du benutzt doch HM Sensoren, die haben bei mir nur eine Bezeichnung , z.B : hm-rpc.0.MEQ0946229.1.STATE, warum sind es bei dir 3?
Das was Glasfaser beschrieben hat finde ich aber überhaupt nicht bei den Verschlusssachen.

Wenn es deine Zeit mal zulässt, wäre es schön wenn du mich auf den richtigen Weg leiten könntest.

Danke

[Glasfaser]

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

Das was Glasfaser beschrieben hat finde ich aber überhaupt nicht bei den Verschlusssachen.

Kann das sein das du es nicht erkennst , das zwei Widget übereinander liegen.
Du mußt das Widget im Hintergrund anwählen !

.
Wert 0 ist dann Grün
Wert 1 ist dann Orange