The card had chance his options… and i habe also chance the look!
lovelace.yaml
- type: custom:text-divider-row
text: HP Photosmart 5510 Infos ### HP Photosmart 5510 B111a
- entity: binary_sensor.hp_photosmart_5510_b111a_connectivity
- type: custom:bar-card
style: |-
bar-card-value {
margin-right: auto;
font-size: 23px;
font-weight: bold;
text-shadow: 1px 1px #0005;
}
columns: 4
entity_row: true
direction: up
stack: horizontal
entities:
- color: black
entity: sensor.hp_photosmart_5510_b111a_ink_black
name: Black
- color: '#00ffff'
entity: sensor.hp_photosmart_5510_b111a_ink_cyan
name: Cyan
- color: '#ff00ff'
entity: sensor.hp_photosmart_5510_b111a_ink_magenta
name: Magenta
- color: '#ffff00'
entity: sensor.hp_photosmart_5510_b111a_ink_yellow
name: Yellow
height: 150px
min: 0
max: 100
padding: 10px
target: 20
title_position: bottom
align: center-split
icon_position: inside
unit_of_measurement: '%'
width: 100%
# color: white
- type: markdown
style: |
ha-card {
font-size: 18px;
}
content: |
[HP Photosmart 5510 B111a Weboberfläche](http://192.168.1.121)
- <ha-icon icon="mdi:counter"></ha-icon> - Druck Counter: **{{states('sensor.hp_photosmart_5510_b111a_printer')}}** Seiten
- <ha-icon icon="mdi:cancel"></ha-icon> - Druck ABBRÜCHE: **{{states.sensor.hp_photosmart_5510_b111a_printer.attributes.Cancelled}}** Seiten
- <ha-icon icon="mdi:scanner"></ha-icon> - Scan Vorgänge: **{{states('sensor.hp_photosmart_5510_b111a_scanner')}}** Seiten
- <ha-icon icon="mdi:bible"></ha-icon> - Papier Stau: **{{states.sensor.hp_photosmart_5510_b111a_printer.attributes.Jams}}** mal
- type: entities
entities:
- entity: sensor.hp_photosmart_5510_b111a_ink_black
style: |
:host {
--paper-item-icon-color: black;
}
type: custom:multiple-entity-row
name: Ink Black
icon: mdi:invert-colors
name_state: Füllstand
entities:
- attribute: Installed At
name: Eingebaut am
- attribute: Warranty Expiration Date
name: Läuft ab am
- entity: sensor.hp_photosmart_5510_b111a_ink_cyan
style: |
:host {
--paper-item-icon-color: cyan;
}
type: custom:multiple-entity-row
name: Ink Cyan
icon: mdi:invert-colors
name_state: Füllstand
entities:
- attribute: Installed At
name: Eingebaut am
- attribute: Warranty Expiration Date
name: Läuft ab am
- entity: sensor.hp_photosmart_5510_b111a_ink_magenta
style: |
:host {
--paper-item-icon-color: magenta;
}
type: custom:multiple-entity-row
name: Ink Magenta
icon: mdi:invert-colors
name_state: Füllstand
entities:
- attribute: Installed At
name: Eingebaut am
- attribute: Warranty Expiration Date
name: Läuft ab am
- entity: sensor.hp_photosmart_5510_b111a_ink_yellow
style: |
:host {
--paper-item-icon-color: yellow;
}
type: custom:multiple-entity-row
name: Ink Yellow
icon: mdi:invert-colors
name_state: Füllstand
entities:
- attribute: Installed At
name: Eingebaut am
- attribute: Warranty Expiration Date
name: Läuft ab am