Test Adapter lovelace v1.2.x

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

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

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?

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.

[socke85]

@david-g said in Test Adapter lovelace v1.2.x:

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

Danke für deine Hilfe, scheint eine gute Idee. Ich scheitere nur noch an der Umsetzung / Syntax?

Habs in unterschiedlichen Varianten mit unterschiedlichen Fehlern versucht und auch recherchiert, werd aber noch nicht ganz schlau draus.

Variante 1

Variante 2

type: horizontal-stack
cards:
  - type: picture-entity
    entity: {wert:sensor.inputRegisters_Betriebsstatus;wert == 25 ? "Heizung an"  :: wert == 26 ? "Heizung aus" :: wert == 27 ? "Nachlauf" :: "Status unbekannt"}
    image: /cards/WWP_LB-Innen.png
    show_state: true
    name: Betriebsstatus
  - type: vertical-stack
    cards:
      - type: gauge
        entity: sensor.inputRegisters_Leistungsanforderung
        min: 0
        max: 100
      - type: gauge
        entity: sensor.inputRegisters_Ruecklauftemperatur_WP
        min: 18
        max: 65
        severity:
          green: 18
          yellow: 36
          red: 43
        name: Rücklauftemperatur
      - type: gauge
        min: 18
        max: 65
        severity:
          green: 18
          yellow: 36
          red: 43
        entity: sensor.inputRegisters_Vorlauftemperatur_WP
        name: Vorlauftemperatur
      - type: gauge
        entity: sensor.inputRegisters_Warmwassertemperatur
        min: 30
        max: 45
        severity:
          green: 36
          yellow: 41
          red: 45
        name: Warmwassertemperatur
  - type: vertical-stack
    cards:
      - type: entities
        title: Status
        entities:
          - entity: binary_sensor.inputRegisters_Fehlerfrei
            secondary_info: last-changed
            name: Fehlerfrei
          - entity: sensor.inputRegisters_Fehler
            name: Fehlercode
            icon: mdi:alarm-light
          - entity: sensor.inputRegisters_Warmwassersolltemperatur
            name: Warmwasser Soll
        state_color: true
      - type: entities
        title: Energie
        entities:
          - entity: sensor.inputRegisters_Gesamt_Energie_Jahr
            name: Gesamt Jahr
          - entity: sensor.inputRegisters_Gesamt_Energie_Monat
            name: Gesamt Monat
          - entity: sensor.inputRegisters_Gesamt_Energie_gestern
            name: Gesamt Gestern
          - entity: sensor.inputRegisters_Gesamt_Energie_heute
            name: Gesamt Heute
          - entity: sensor.inputRegisters_Heizen_Energie_Jahr
            name: Heizen Jahr
          - entity: sensor.inputRegisters_Heizen_Energie_Monat
            name: Heizen Monat
          - entity: sensor.inputRegisters_Heizen_Energie_gestern
            name: Heizen Gestern
          - entity: sensor.inputRegisters_Heizen_Energie_heute
            name: Heizen Heute
          - entity: sensor.inputRegisters_Warmwasser_Energie_Jahr
            name: Wasser Jahr
          - entity: sensor.inputRegisters_Warmwasser_Energie_Monat
            name: Wasser Monat
          - entity: sensor.inputRegisters_Warmwasser_Energie_gestern
            name: Wasser Gestern
          - entity: sensor.inputRegisters_Warmwasser_Energie_heute
            name: Wasser Heute

Ergebnis:

Hast du einen Tipp?

[David G.]

@socke85

Bei dem Binding MUSST du mit der Markdown Karte arbeiten. Kannst du natürlich auch in deinen vertical-stack verarbeiten.

Würde es in der Art machen:

<center><b>Heizung</b><br><br><img src="/cards/garage_auf.png"><br>

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

(Natürlich geht auch ein vertical-stack wo oben das Bild ist und darunter die Marcdown ist. Kombiniere es immer wo es geht, da ich es Übersichtlicher finde.)

Text musst du bei markdown als HTML formatieren. In meinem Beispiel das <b> für fett oder das <center> für zentriert. Das br ist ein Zeilenumbruch.
Das </b> beendet die fette Formatierung. Mit </center> würde man das zentriert beenden. Einfach html Text formatieren Googlen. Größe und Farbe kann man einstellen. Auch die Bildgröße.

P.S.
Die Bindings in Zusammenhang mit markdown sind ziemlich cool. Man gann so zb Text farblich ändern. Zb wenn die Heizung an ist grün, wenn aus Orange und bei einem Fehler rot. Oder sonst was. Oder die Größe. Auch rechnen geht, falls man zb einen Datenpunkt mit Minuten hat den man in der VIS als Stunden angezeigt bekommen möchte.

P.P.S.

In geschweiften Klammern kannst du den Wert vom jedem Datenpunkt darstellen. Auch wenn lovelace diesen nicht als entity kennt.

{0_userdata.0.tvtest} 

Der obere Bereich über dem Chart ist zB mit einem Binding also {} und entsprechender html Formatierung gemacht.