Test Adapter lovelace v1.2.x

dontobi

Nachdem ich die Tankerkönig Card nicht ans laufen gebracht habe, habe ich mich daran gesetzt die Tankerkönigkarten für die Markdown Card aufzubereiten. Mein erster Entwurf ist das hier:

Screenshot 2022-07-10 101233.png

Wer das bereits nutzen möchte, kann den folgenden JS Code als Script anlegen.

// Tankerkönig
createState('javascript.0.Lovelace.Tankerkoenig', { name: 'Tankerkönig - HTML', type: 'string', read: true, write: true});
function f_tankerkoenig(val) {
    let html = '';
    let farbe_status = '';
    const name = getState('tankerkoenig.0.stations.'+val+'.name').val;
    const status = getState('tankerkoenig.0.stations.'+val+'.status').val;
    const e5 = getState('tankerkoenig.0.stations.'+val+'.e5.feed').val;
    const e10 = getState('tankerkoenig.0.stations.'+val+'.e10.feed').val;
    const diesel = getState('tankerkoenig.0.stations.'+val+'.diesel.feed').val;
    if (status == 'open') {
        farbe_status = '#00FF00';
    } else {
        farbe_status = '#FF0000';
    }
    html = ['<tr><td>',name,'</td><td align=center><font size="3" color=',farbe_status,'>●</font></td><td align=center>',e5,'&euro;</td><td align=center>',e10,'&euro;</td><td align=center>',diesel,'&euro;</td></tr>'].join('');
    return html;
}
schedule("*/1 * * * *", async function () {
    let htmlStr = '';
    let stations = 6;
    htmlStr = ['<table width="100%"><tr><th align=left>Tankstelle</th><th align=center>Status</th><th align=center>E5</th><th align=center>E10</th><th align=center>Diesel</th><tr><td colspan="5"><hr></td></tr><tr>'].join('');
    for (let j = 0; j< stations ; j++) {
        htmlStr = htmlStr + f_tankerkoenig([j]);
    }
    htmlStr = htmlStr + ['</table>'].join('');
    setState('javascript.0.Lovelace.Tankerkoenig', htmlStr, true);
});

Je nach Anzahl der Tankstellen die man anzeigen möchte, muss man die Variable in Zeile 21 (stations) anpassen. Dabei muss man berücksichtigen, dass bei 0 gestartet wird. Beispiel: Ich möchte 7 Tankstellen anzeigt bekommen, also trage ich dort 6 ein.
Außerdem sollte das Objekt nach der eigenen Vorstellung angepasst werden (Zeile 2 und 27).

IdleBit

@garfonso
Habe da auch nur nen alten Roborock V1 den ich über den Adapter mihome-vacuum eingebunden habe.
Werde mir das mal die Tage ansehen.

IdleBit

@dontobi danke für dein Scipt, ich war so frei und habe es Event basierend umgebaut.

#Edit musste noch mal nachbessern

// Tankerkönig
const dp_HTMLString= '0_userdata.0.VIS.Tankerkoenig';
const dataStore = {};
createState(dp_HTMLString, { name: 'Tankerkönig - HTML', type: 'string', read: true, write: true});
 
$('tankerkoenig.0.stations.*.station_id]').each((id)=>{
    if (!id.includes('cheapest') && existsState(id)){
        const stationID = getState(id).val               
        const nameID = id.replace('.station_id', '.name');
        dataStore[stationID] = {        
            name: getState(nameID).val         
        }      
    }
});
 
let jsonData =  JSON.parse(getState('tankerkoenig.0.json').val);
 
on({id: 'tankerkoenig.0.json', change: 'ne'}, (obj)=>{
    jsonData = JSON.parse(obj.state.val);
    mapData();
    createHTML();
});
 
mapData();
createHTML();
 
function mapData(){
    for(const stationID of Object.keys(jsonData.prices)){     
        const price = jsonData.prices[stationID];
        dataStore[stationID].status = price.status == 'open';
        dataStore[stationID].e5 = Math.round(price.e5 * 100) / 100;
        dataStore[stationID].e10 = Math.round(price.e10 * 100) / 100;
        dataStore[stationID].diesel = Math.round(price.diesel * 100) / 100;       
    }
}
 
function createHTML(){
    let html = '<table width="100%"><tr><th align=left>Tankstelle</th><th align=center>Status</th><th align=center>E5</th><th align=center>E10</th><th align=center>Diesel</th><tr><td colspan="5"><hr></td></tr><tr>';
    for (const mainID in dataStore){        
        const station = dataStore[mainID];        
        const farbe_status = station.status ?  '#00FF00':'#FF0000';
        html += `<tr><td> ${station.name}</td><td align=center><font size="3" color=${farbe_status}>●</font></td><td align=center>${station.e5.toFixed(2)}&euro;</td><td align=center>${station.e10.toFixed(2)}&euro;</td><td align=center>${station.diesel.toFixed(2)}&euro;</td></tr>`;
    }   
   
    html += `</table>`;
    setState(dp_HTMLString, html, true);
}

David G.

Hat sich erledigt

gyle

ich habe mal eine generelle Frage, wobei ich mir nicht sicher bin, ob es an lovelace liegt:

Ich habe das Problem, dass sich einige cards nach einiger zeit inaktivität nciht mehr aktualisieren bzw. buttons etc. nicht mehr funktionieren. Ich führe das auf eine abgelaufene session (?) zurück.,,,
Beispiel: ich nutze hauptsächlich mein iphone (safari) um auf lovelace zuzugreifen. Wenn ich das handy sperre und nach2 Stunden die Oberfläche wieder öffne (tab bzw. safari wurde nicht geschlossen), dann funktioniert die interaktion nicht mehr - ich muss dann safari beenden und die seite neu laden.
Wenn ich mir jetzt vorstelle ein tablet an die wand zu hängen wäre das u.U. ein problem, weil die Oberfläche einfach immer funktionieren soll.

Womit kann das zusammenhängen und kann ich das irgendwie abfangen?

danke

David G.

@gyle

Hey,

unter Android habe ich das noch nicht beobachtet.

Ein Gedanke den ich habe. Apple legt das wlan ja komplett auf Eis, wenn das Gerät was aus ist. Evtl geht es dann nach einem neuverbinden nicht.

Was macht er denn, wenn du Safari verlässt und das Gerät irgendwie 2h aktiv lassen könntest (einfach einen Film auf Youtube, Netflix abspielen) etc) und dann wieder in den Browser gehst?

IdleBit

@gyle ja das liegt an Lovelace, in der aktuellen Git Version ist schon auf das neue Lovelace aktualisiert worden, da läuft es schon um einiges besser.

gyle

@idlebit ok, dann warte ich mal den release ab...

M1R0O

Hi zusammen,
ich habe ein Frage zur Karte Schaltfläche.
Ich habe eine Schaltfläche, die meine Poolpumpe mittels eines Shellys steuert.
Soweit alles klein Problem.
Allerdings ändert sich des Icon nicht, wenn ich schalte, lediglich der angezeigte Zustand ändert sich. Ist es möglich, ohne auf eine andere Karte umzusteigen, eine Änderung auf der Schaltfläche zu erzeugen?

Alternativ würde ich versuchen, es mit der custom button card zu realisieren, aber ich weiß nicht, wie der Code aussehen muss. Ich habe mir bisher folgendes zusammengesucht:

type: custom:button-card
tap_action:
  action: toggle
icon: mdi:toggle-switch-off
entity: switch.Filterpumpe
name: Custom Filterpumpe
show_state: true
state:
  - value: 'true'
    icon: mdi:toggle-switch
  - value: 'false'
    icon: mdi:toggle-switch-off

Das klappt aber auch nicht...

Für eure Hilfe wäre ic sehr dankbar!
Danke

David G.

@m1r0o

Hast du ein individuelles Theme im Einsatz?
Falls ja, sind da ggf. keine unterschiedlichen Farben hinterlegt.

M1R0O

@david-g
Danke. Ja, ist ein individuelles Theme.
Ich möchte ja nicht, dass sich die Farben verändern, sondern das gesamte Icon.
Schalter aus: icon: mdi:toggle-switch-off
Schalter ein: icon: mdi:toggle-switch

David G.

@m1r0o

Da hab ich nicht richtig gelesen .......
Habe es eben mal probiert und auch nicht hinbekommen.

Das wäre ein Workarround:

type: picture-entity
entity: switch.Antrieb_Garage
show_name: false
show_state: false
tap_action:
  action: toggle
state_image:
  'on': /cards/garage_auf.png
  'off': /cards/garage_auf.png

Der Nachteil ist, dass man Bilder nehmen muss. Die mdi Icons klappen da nicht. Evtl bekommt man es ähnlich hin, wenn man sich die Icons als Bild mit transpatentem Hintergrund abspeichert.
Die Bilder müssen in den Instanzeinstellungen hochgeladen werden.

NightWatcher

Hat jemand eine Idee, wie ich eine Klimaanlage, die die Modis und on/off auf eigenen Datenpunkten hat, sauber in lovelace reinbekomme? Wenn ich das JS richtig interpretiere, so wird aktuell nur einer von beiden Datenpunkten unterstützt. Die Modes klappen sauber. Ein/Aus bekomme ich aber leider nicht in die Lovelace Card rein

Die Klimaanlage wird über den Tuya Adapter gesteuert. Anbei ein Screenshot der Datenpunkte.

M1R0O

@david-g #

Danke für deinen Workaround.

Ich habe es nun so hinbekommen:

type: custom:button-card
tap_action:
  action: toggle
entity: switch.Filterpumpe
name: Custom Filterpumpe NEU
show_state: true
state:
  - value: 'on'
    icon: mdi:toggle-switch-outline
  - value: 'off'
    icon: mdi:toggle-switch-off-outline

NightWatcher

@nightwatcher sagte in Test Adapter lovelace v1.2.x:

Hat jemand eine Idee, wie ich eine Klimaanlage, die die Modis und on/off auf eigenen Datenpunkten hat, sauber in lovelace reinbekomme? Wenn ich das JS richtig interpretiere, so wird aktuell nur einer von beiden Datenpunkten unterstützt. Die Modes klappen sauber. Ein/Aus bekomme ich aber leider nicht in die Lovelace Card rein

Die Klimaanlage wird über den Tuya Adapter gesteuert. Anbei ein Screenshot der Datenpunkte.

Ich zitiere mich mal selber. Habe es nun über ein eigenes Script gelöst, dass die Objekte zusammenfasst.

Falls es jemand gebrauchen kann, hier meine erste Lösung:

// Zum Konvertieren der Lovelace Objekte in Tuya passende Objekte

createState('javascript.0.Klimanlage.mode', 0, false, {
    name: "MODE",
    read: true,
    write: true,
    desc: 'MODE',
    type: 'state',
    "states": {
      "0": "off",
      "1": "auto",
      "2": "heat",
      "3": "cool",
      "4": "heat_cool",
      "5": "dry",
      "6": "fan_only"
    },
    role: 'value'        
});

var mapMode = [
    3, // Kühlen
    2, // Heizen
    5, // Entfeuchten
    6, // Nur Lüfter
    1, // Auto
];

on({id: 'tuya.0.31101288e098069c0c93.1'/*Power*/, change: 'ne'}, function (obj) {
    if(getState('tuya.0.31101288e098069c0c93.1').val)
        setState('javascript.0.Klimanlage.mode', mapMode[getState('tuya.0.31101288e098069c0c93.4').val], true);
    else
        setState('javascript.0.Klimanlage.mode', 0, true);
});

on({id: 'tuya.0.31101288e098069c0c93.4'/*mode*/, change: 'ne'}, function (obj) {
    setState('javascript.0.Klimanlage.mode', mapMode[obj.state.val], true);
});

on({id: 'javascript.0.Klimanlage.mode', change: 'any'}, function (obj) {
    if(obj.state.ack) // Nur wenn die Mode per Vis umgestellt wird
        return;

    if(obj.oldState.val != obj.state.val && obj.state.val == 0) // Wird ausgeschaltet
        setState('tuya.0.31101288e098069c0c93.1'/*Power*/, false);
    else
        setState('tuya.0.31101288e098069c0c93.4'/*Mode*/, mapMode.indexOf(obj.state.val));
});

Garfonso

@nightwatcher
wenn das Gerät als Klimaanlage gefunden wird (im Geräte Tab) und dein An/Aus State da bei Power auftaucht, dann sollte das gehen. Zumindest, wenn ich dein Problem richtig verstanden habe.

Ich habe hier jedenfalls eine Klimaanlage in Betrieb, die Modes & extra State für An/Aus hat und das klappt wie beschrieben ganz gut. Der Adapter führt eigentlich das zusammenführen von states und on/off selber durch. Dazu kann man dann noch den Lüfter und swing und so Zeug steuern.

Was nicht klappen wird, ist, manuell ein climate entity anzulegen. Vielleicht sollte ich so manche typen bei manuell mal rausnehmen. kopfkratz Oder zumindest mit einer Warnung versehen.

NightWatcher

@garfonso sagte in Test Adapter lovelace v1.2.x:

@nightwatcher
wenn das Gerät als Klimaanlage gefunden wird (im Geräte Tab) und dein An/Aus State da bei Power auftaucht, dann sollte das gehen. Zumindest, wenn ich dein Problem richtig verstanden habe.

Ich habe hier jedenfalls eine Klimaanlage in Betrieb, die Modes & extra State für An/Aus hat und das klappt wie beschrieben ganz gut. Der Adapter führt eigentlich das zusammenführen von states und on/off selber durch. Dazu kann man dann noch den Lüfter und swing und so Zeug steuern.

Was nicht klappen wird, ist, manuell ein climate entity anzulegen. Vielleicht sollte ich so manche typen bei manuell mal rausnehmen. kopfkratz Oder zumindest mit einer Warnung versehen.

Also meine Klimaanlage wird vom System so erkannt ^^ Das ist natürlich Käse

System 9

Hy,
hab auch ein Problem mit simple thermostat.

Folgende States hat meine Klima:

{
  "_id": "alias.0.Wohnzimmer.Klima.MODE",
  "common": {
    "name": "MODE",
    "role": "level.mode.airconditioner",
    "type": "number",
    "read": true,
    "write": true,
    "alias": {
      "id": "daikin.0.control.mode"
    },
    "states": {
      "0": "AUTO",
      "1": "AUTO1",
      "2": "DEHUMID",
      "3": "COLD",
      "4": "HOT",
      "6": "FAN"
    }
  },
  "native": {},
  "type": "state",
  "acl": {
    "object": 1636,
    "state": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  },
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1659250255952
}

Leider werden die States nicht auf der Karte angezeigt ?
Bildschirmfoto 2022-07-31 um 08.59.40.png

socke85

@Garfonso

Bei meinen Faktoren ist default mäßig nachvollziehbar 1/true = Kontakt geschlossen und 0/false = Kontakt offen. Das führt dazu, dass die Kontakte in Lovelace invertiert angezeigt werden. Lässt sich das in iobroker/lovelace leicht lösen oder muss ich meine Parameter im Aktor alle ändern?

Bildschirmfoto 2022-08-02 um 23.33.44.png

Zweites Thema meine Heizung meldet den Betriebszustand über verschiedene Nummern bspw. 25 (= Sommer) zurück. Kann ich im Objekt in iObroker oder über Lovelace möglichst einfach eine Zuordnung der Werte zu einem Text machen und anzeigen lassen?

Bildschirmfoto 2022-08-02 um 23.34.06.png

VG

David G.

@socke85

Hey,
Ich denke bei den Fensterkontakten wirst du es in der Tat umstellen müssen.
Oder legst ein Alias an (was ich eh nur empfehlen kann) am, was es "umrechnet".
Meine Homatic Kontakte haben als default true=offen.

Bei deiner Heizung könntest du das vermutlich gut mit einem Binding lösen.
So spart man sich ein Skript was dafür einen Datenpunkt beschreibt.

Edit
Das wäre ein Binding für 2 oder 3 Werte. Kann man beliebig erweitern.

{wert:0_userdata.0.tvtest;wert == 25 ? "Heizung an" :: wert == 26 ? "Heizung aus" :: "Status unbekannt"}

{wert:0_userdata.0.tvtest;wert == 25 ? "Heizung an" :: wert == 26 ? "Heizung aus" :: wert == 27 ? "Nachlauf" :: "Status unbekannt"}

Da du das Binding über Markdown einbindest, kannst du dort auch das Bild von der Heizung mit einfügen. Dann steht es optisch zusammen.
Zudem lässt sich der Text schön mit HTML formatieren.

NEWS

Test Adapter lovelace v1.2.x

Support us

798
Online

30.6k
Users

77.2k
Topics

1.2m
Posts

NEWS

Test Adapter lovelace v1.2.x

Support us

798Online

30.6kUsers

77.2kTopics

1.2mPosts

798
Online

30.6k
Users

77.2k
Topics

1.2m
Posts