Mehre if states für eine Card mit farblichem Icon

Dashboard/Cards/Frontend
1

Hallo,
ich bin noch relativ neu im HA unterwegs. ich habe erfolgreich jetzt meinen Saubroboter und meinen Wischroboter hinzugefügt.

Gerne würde ich auf einer Karte sehen, wenn eines oder beide geräte aktiv sind, bzw. angedockt. ich möchte dazu ein Icon auf der Karte im Status angedockt grün darstellen, bei Aktivität in rot.

Mit einer Entität habe ich das auch erfolgreich geschafft, aber ich kann beide Sati nicht logisch verknüpfen. Kann mir da jemand helfen?

hier der Code den ich bei einem Roboter verwendet habe:

type: custom:button-card
show_entity_picture: false
show_state: false
show_label: true
show_name: false
aspect_ratio: 2/1
status:
  key: state
icon: |

  [[[
    if (states['vacuum.kehrminator'].state === "docked")
      return "mdi:robot-vacuum" ;
    else if (states['vacuum.kehrminator'].state === "cleaning")
      return "mdi:robot-vacuum" ;
  ]]]
styles:
  icon:
    - color: |
        [[[  
        if (states['vacuum.kehrminator'].state == 'docked')
          return "green";
        else
          return "red";
        ]]] 
tap_action:
  action: navigate
  navigation_path: robi
2

schon mal nach “javascript logische operatoren” gegoggled?

so ähnlich wobei man es vereinfachen könnte, so liest sichs nur besser und man verstehts noch nach 2 Jahren wenn ma drüber stolpert

var a = states['vacuum.kehrminator'].state;
var b = states['vacuum.kehrminatorin'].state;
if (a == "docked" && b == "docked") return ... # beide
if (a == "docked" || b == "docked") return ... # nur einer unterwegs
if (a != "docked" && b != "docked") return ... # beide unterwegs
3

Danke für den Input,

da ich ja nur ein Icon nutzen möchte, habe ich es jetzt so umgesetzt:

[[[ 
        var a = states['vacuum.kehrminator'].state;
        var b = states['vacuum.clean_elizabeth'].state;
        if (a == 'docked' && b == 'docked') return "green"; 
        else return "red";
        ]]]

Somit sollte, sobald auch nur ein gerät nicht den Status “docked” hat, das Icon auf rot gehen, oder?

4

das war doch nur für 1 icon
Einziger Unterschied war, sind beide im dock wäre es grün, ist einer unterwegs gelb und wenn beide unterwegs sind rot.

5

alles gut, hatte im Code einen Zwischenstand gepostet. Passe es noch an :slight_smile:

6

Es wäre für nachfolgende User gut, wenn du den Post als Lösung markierst, der dich zur Lösung gebracht hat. Das wäre mMn der zweite Post (von @justone). Das hilft anderen, denn er wird direkt oben verlinkt.

7

Ok, gut. Habe ich gemacht.