jarvis v2.2.0 - just another remarkable vis

[funky4t]

(!!gelöst: https://forum.iobroker.net/topic/28073/gelöst-datenpunkt-mit-button/2)
und in Jarvis funzt der Stop nun ebenso! :)!!)

@Zefau said in jarvis v2.1.0 - just another remarkable vis:

@emerq sagte in jarvis - just another remarkable vis:

Wieso fährt er bei Pfeil nach oben runter und umgekehrt?

Ist in KNX andersherum als bei anderen Adaptern und anders als die Logik in jarvis. Mit der aktuellen beta kannst du die Einstellungen diesbzgl. anpassen. Wobei ich hinzufügen muss, dass ich die Art und Weise wie es aktuell umgesetzt ist noch anpassen werde in der beta.

Was muss ich tun, damit der Stop Button funktioniert? (Oder geht der gar nicht und ich muss es über den jeweiligen anderen Button lösen)

Dazu ein Datenpunkt activity im Geräte anlegen. Als Datenpunkt muss die Aktivität hinterlegt werden und als Trigger der Stop-Button.

---

Moin Zusammen,
ich steh mir selbst heute im Weg....
Die Pfeile AUF/AB laufen jetzt nach Umkehrung MIN/MAX top, hatte nur nicht auf dem Schirm, das in LEVEL zu ändern, dachte das käme aus Activity. Jetzt scheitere ich am Stop-BUTTON:

Ich hab im ioBroker folgende Aliase für meine Rollos, kommende aus dem Rademacher Homepilot:

Der DP Action würde per Stop ja perfekt laufen, allerdings benötigt Activity hier einen Datenpunkt BUTTON. Jetzt komm ich als Anfänger/Nichtscripter arg ins Nachdenken.

Muss ich mir einen Datenpunkt/Button? Stop-Button über eigene Datenpunkte anlegen und ein Blockly-Script erstellen, welches dann jedesmal bei Auslösen den Wert "Stopp" in den Alias Action schreibt?

Hab zwar schon erfolgreich einige EIGENE Datenpunkte angelegt, aber einen BUTTON hab ich bisher noch nicht erzeugt, komm da auch irgendwie gedanklich überhaupt nicht weiter...weil ich da auch keine passenden Typ biem Anlegen finde....

Bin ich da auf dem Holzweg? Und falls ich den Button dann hab, ist der Weg über Blockly/Script überhaupt sinnig oder gibt es einen direkten Weg, den Button mit einer "Funktion" zu versehen?

Danke im Voraus für eure Hilfe!

[dabbeljuh]

Hi @stephan1827, gute Idee, hier ein paar Beispiele zu listen.

Ich hätte da noch eine kleine Ergänzung vorzuschlagen, mit der man z.B. beim Unter-/Überschreiten einer Temperaturgrenze die Optik noch etwas wahrnehmbarer gestalten kann.

Das hier kommt ins Device:
{"<15":"mdi-thermometer blink",">22":"mdi-thermometer blink"}

Und das hier in den Bereich "Styles":
.blink {
animation: blinker 1s linear infinite;
}

@keyframes blinker {
50% { opacity: 0; }
}

[dabbeljuh]

Mir ist eben ein kleines Problem mit dem Kalender-Widget aufgefallen. Wenn ich es im Popup-Modus betreibe, lässt sich eben jenes Popup nicht mehr schließen und nur mittels Reload der Seite beheben.

(Bin nach Update mit der aktuellen Beta unterwegs, hatte es zuvor aber auch schon in v30.)

Kann das jemand nachstellen? Falls ja, eröffne ich gerne ein Ticket in Github.

[Slowman]

@uwe72

Wie hast du dies in die Tabelle bekommen?

[uwe72]

@Slowman Es handelt sich um ein HTML, welches ich in IoBroker mit JavaScript (aus den Datenpunkten des Abfalladapters) erstelle. In Jarvis bindie ich dieses HTML über das CustomHTMLWidget ein. Der Vorteil ist, dass ich es so layouten (und anzeigen) kann wie ich möchte.

[Slowman]

@uwe72

stellst du den Script zur Verfügung

[Zefau]

@dabbeljuh sagte in jarvis v2.1.0 - just another remarkable vis:

Mir ist eben ein kleines Problem mit dem Kalender-Widget aufgefallen. Wenn ich es im Popup-Modus betreibe, lässt sich eben jenes Popup nicht mehr schließen und nur mittels Reload der Seite beheben.

Jo, stimmt. Fixe ich sofort.

[uwe72]

@Slowman

Voraussetzung:

• Abfallkalender Adapter.
• Die 4 Bilder habe ich auf meinem Webserver abgelegt. Ggf. kannst Du die "Original-Bilder" nehmen vom Abfallkalender. Ich weiß aber nicht wo diese liegen und wie man an diese kommt.

Ergebnis:

• Das HTML wird jede Minute aktualisiert und im Datenpunkt "0_userdata.0.clement.html.abfallkalender" abgespeichert

// Variablen:
var widthHTML = "314px";
var typenUndTermine;

// Datenpunkt:
var htmlState = "0_userdata.0.clement.html.abfallkalender";
createState(htmlState, "", {
    name: htmlState,
    desc: htmlState,
    type: 'string', 
    read: true,
    write: true
});

// Update
createHTML(htmlState)
setInterval(function() { 
    createHTML(htmlState);
}, 1000*60*1);   


function _getColumnName(columnIndex) {
    var rowObject = typenUndTermine[columnIndex];
    return rowObject[2];
}

function _initData() {
    var restmuell = getState("trashschedule.0.type.Restmülltonne.daysLeft").val;
    var papier = getState("trashschedule.0.type.Papiertonne.daysLeft").val;
    var bio = getState("trashschedule.0.type.Biotonne.daysLeft").val;
    var gelb = getState("trashschedule.0.type.Gelbe Tonne.daysLeft").val;

    typenUndTermine = [
        [restmuell, "trashschedule.0.type.Restmülltonne", "Restmüll", "http://192.168.178.110:888/garbage_can_darkgrey.png"],
        [papier, "trashschedule.0.type.Papiertonne", "Papier", "http://192.168.178.110:888/garbage_can_blue.png"],
        [bio, "trashschedule.0.type.Biotonne", "Biotonne", "http://192.168.178.110:888/garbage_can_lightgrey.png"],
        [gelb, "trashschedule.0.type.Gelbe Tonne", "Plastik", "http://192.168.178.110:888/garbage_can_yellow.png"],
        ];
        
    typenUndTermine.sort(function(a, b){
        return a[0] - b[0];
    });
}

function _isCellValueHighlighted(rowIndex, columnIndex, cellValue) {
    if (columnIndex == 1) { // Spalte "Tage"
        if (cellValue < 2 || cellValue == 'Heute' || cellValue == 'Morgen') {
            return true;
        }
    }
    return false;
}

function _getValueAt(rowIndex, columnIndex) {
    var rowObject = typenUndTermine[columnIndex];
    if (rowIndex == 0 ){
        var val = "<img src=\"" + rowObject[3] + "\" width=35px>";
        return val;
    } else {
        var  val =  rowObject[0] + " Tage";
        let weekday = getState(rowObject[1] + ".nextWeekday").val;
        let weekdayAsString;
        if (weekday == 1) {
            weekdayAsString = "Mo, ";
        } else if (weekday == 2) {
            weekdayAsString = "Di, ";
        } else if (weekday == 3) {
            weekdayAsString = "Mi, ";
        } else if (weekday == 4) {
            weekdayAsString = "Do, ";
        } else if (weekday == 5) {
            weekdayAsString = "Fr, ";
        } else if (weekday == 6) {
            weekdayAsString = "Sa, ";
        } else if (weekday == 7) {
            weekdayAsString = "So, ";
        }
        val = val + "<br><font size=2  color=\"#999999\">"+ weekdayAsString + getState(rowObject[1] + ".nextDateFormat").val + "</font>";  
        val = val.substring(0, val.lastIndexOf('.')+1);
        return val;
    }
}

function createHTML(htmlState) {
    var html = "";

    html += "<html>                                             \n";
    html += "   <head>                                          \n";
    html += "       <style>                                     \n";
    html += "           table, th, td {                         \n";
    html += "               border: 1px solid #595959;          \n";
    html += "               border-collapse: collapse;          \n";
    html += "               vertical-align: middle;             \n";
    html += "           }                                       \n";
    html += "           td,th {                                 \n";
    html += "               padding: 4px;                       \n";
    html += "           }                                       \n";
    html += "       </style>                                    \n";
    html += "   </head>                                         \n";
    html += "   <body>                                          \n";

    html += "       <table width=" + widthHTML + ">                         \n";

    _initData();

    var alignemt = "center";

    // Header:
    html += "           <tr>                                    \n";
    for (var c = 0; c < 4; c++) {
        html += "           <th colspan=\"" + 1 + "\" style=\"text-align:" + alignemt + "\"><font size=2px\">" + _getColumnName(c) + "</th></font>	\n";
    }
    html += "           </tr>                                   \n";

    // Body:
    for (var r = 0; r < 2; r++) {
        html += "       <tr>                                    \n";

            for (var c = 0; c < 4; c++) {
                var cellValue = _getValueAt(r, c);
                var highlighted = _isCellValueHighlighted(r,c,cellValue);

                if (new Boolean(highlighted) == true) {
                    html += "           <td style=\" text-align:" + alignemt + "\"><font color=\"#3379D0\">" + cellValue + "</font></td>";    
                } else {
                    html += "           <td style=\" text-align:" + alignemt + "\">" + cellValue + "</td>";    
                }
            }
            
        html += "       </tr>                                    \n";        
    }

    html +=          "</table>\n";
    html +=      "</body>\n";
    html +=  "</html>\n";
    setState(htmlState, html);
}

[Slowman]

Vielen Dank!

[banza]

@stephan1827
Hi, danke für die Beispiele, kurze Frage zu den Farben. Die Farben werden nur übernommen, wenn der Datenpunkt der primäre ist? Sobald der Datenpunkt ein sekundärer ist bleibt die Standardfarbe.

Spoiler

@dabbeljuh
bei mir wird das Blinken nicht genommen "falsches json-format".

[stephan1827]

@banza Ja das stimmt, es gibt dafür schon einen Feature Request. Click mal auf den Daumen hoch dann steigt das in der Priotität

https://github.com/Zefau/ioBroker.jarvis/issues/456

Loi83 created this issue in Zefau/ioBroker.jarvis

closed Farbliche Sekundäre Datenpunkte #456

[stephan1827]

@Zefau Kann man die Kopfzeile über die Theme Einstellungen schmaler machen?
Ich würde den Abstand nach oben gerne etwas schmaler machen.

Das gleiche würde ich gerne bei den Widgets machen, d.h. ich würde die Zeilen gerne etwas näher zusammenrücken

[uwe72]

@stephan1827 Erster Teil, siehe meinen Post ein bisschen höher, alternativ hier bitte voten (wenn es dir wirklich um die Höhe der Kopfzeile geht?!)
https://github.com/Zefau/ioBroker.jarvis/issues/124

Zefau created this issue in Zefau/ioBroker.jarvis

closed add option to hide TopBar #124

[dabbeljuh]

Hallo @banza, hast du beide Schnipsel denn an die jeweils richtige Stelle kopiert? Wie gesagt, die Definition für "blink" muss in den Bereich "Styles" in den Einstellungen.

Und so sieht das JSON im Icon aus:

[dabbeljuh]

@stephan1827 für den Übergang könntest du es hiermit versuchen, gehört in den Bereich "Styles". Damit wird die Kopfzeile etwas weniger hoch und die Icons rücken näher zusammen.

.MuiToolbar-regular {
min-height: 0 !important;
}

.MuiToolbar-regular button {
padding: 4px 12px 0 12px;
}

.MuiTab-root {
min-width: 120px;
min-height: 0 !important;
}

[MCU]

@Zefau Vielleicht eine Kleinigkeit noch zu den sekundären Datenpunkten:

Ist es möglich, die Kommas, die die Werte trennen wegzulassen, falls der jeweilige folgende Wert leer ist, oder auch der Wert vor dem Komma?

[Zefau]

@MCU sagte in jarvis v2.1.0 - just another remarkable vis:

Ist es möglich, die Kommas, die die Werte trennen wegzulassen, falls der jeweilige folgende Wert leer ist, oder auch der Wert vor dem Komma?

Ja, das ergibt Sinn. Kann ich gemeinsam mit https://github.com/Zefau/ioBroker.jarvis/issues/456 umsetzen.

Loi83 created this issue in Zefau/ioBroker.jarvis

closed Farbliche Sekundäre Datenpunkte #456

[stephan1827]

@dabbeljuh besten Dank, das ist schon etwas besser

[DNC74]

@Zefau Hi Zefau, wenn Du schon dabei bist, noch was "kleinliches" : die Farbe des Kommas sollte der Farbe der sekundären Datenpunkte entsprechen. Momentan sind die zu dunkel

[stephan1827]

@dabbeljuh habe ich gerade mal probiert, das pulsieren sieht echt super aus