I only saw it now.
I upload the complete code, the card is in my language.
it should be enough to replace the names.
show_header_toggle: 'off'
style: |
.card-header {
padding: 0px 0px 0px 0px !important;
}
entities:
- type: section
label: FritzBox 7590
- type: custom:hui-vertical-stack-card
cards:
- type: horizontal-stack
cards:
- type: picture
style: |
ha-card {
--paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
--ha-card-background: "rgba(0, 0, 0, 0.0)";
--ha-card-box-shadow: 'none';
--ha-card-border-width: 0px;
}
image: /local/floorplan/fritz-box.png
- type: vertical-stack
cards:
- type: custom:button-card
layout: icon_name_state2nd
entity: sensor.fritzbox
name: Stato Connesione
show_icon: true
show_state: true
icon: mdi:connection
state_display: >
[[[ return entity.state === 'on' ? 'Connesso' : entity.state
=== 'off' ? 'Disconnesso' : 'Sconosciuto'; ]]]
styles:
grid:
- grid-template-columns: 50px auto
icon:
- padding: 0px 0px
- height: 30px
- width: 30px
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- '--ha-card-box-shadow': none
state:
- padding: 0px 10px
- justify-self: start
- font-family: Roboto, sans-serif
- font-size: 15px
name:
- padding: 0px 10px
- justify-self: start
- color: var(--primary-text-color)
- type: custom:button-card
layout: icon_name_state2nd
label: '[[[ return states[''sensor.fritzbox''].attributes.ip; ]]]'
entity: script.fritz_box_riconnetti
name: Cambia IP
show_icon: true
show_state: false
show_label: true
icon: mdi:web
styles:
grid:
- grid-template-columns: 50px auto
icon:
- padding: 0px 0px
- height: 30px
- width: 30px
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- '--ha-card-box-shadow': none
state:
- padding: 0px 10px
- justify-self: start
- font-family: Roboto, sans-serif
- font-size: 15px
label:
- padding: 0px 10px
- justify-self: start
- font-family: Roboto, sans-serif
- font-size: 15px
name:
- padding: 0px 10px
- justify-self: start
- color: var(--primary-text-color)
tap_action:
confirmation:
text: Vuoi Cambiare IP?
action: toggle
- type: custom:button-card
layout: icon_name_state2nd
label: '[[[ return states[''sensor.ultimo_riavvio_fritz''].state; ]]]'
entity: script.fritz_box_reboot
name: Riavvia
show_icon: true
show_state: false
show_label: true
icon: mdi:restart
styles:
grid:
- grid-template-columns: 50px auto
icon:
- padding: 0px 0px
- height: 30px
- width: 30px
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- '--ha-card-box-shadow': none
state:
- padding: 0px 10px
- justify-self: start
- font-family: Roboto, sans-serif
- font-size: 15px
label:
- padding: 0px 10px
- justify-self: start
- font-family: Roboto, sans-serif
- font-size: 15px
name:
- padding: 0px 10px
- justify-self: start
- color: var(--primary-text-color)
tap_action:
confirmation:
text: Vuoi Riavviare Il FritzBox?
action: toggle
- type: horizontal-stack
cards:
- type: custom:bar-card
show_icon: true
align: split
columns: 2
max: 1
positions:
icon: inside
indicator: inside
name: inside
value: inside
unit_of_measurement: Mbps
severity:
- color: '#1e90ff'
from: 0
to: 1000
style: |
ha-card {
--paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
--ha-card-background: "rgba(0, 0, 0, 0.0)";
--paper-item-icon-color: 'var(--text-primary-color';
--ha-card-box-shadow: 'none';
}
entity: sensor.portante_download_agganciata
name: Portante Download
entity_row: true
- type: custom:bar-card
show_icon: true
align: split
columns: 1
max: 1
positions:
icon: inside
indicator: inside
name: inside
value: inside
unit_of_measurement: Mbps
severity:
- color: '#1e90ff'
from: 0
to: 1000
style: |
ha-card {
--paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
--ha-card-background: "rgba(0, 0, 0, 0.0)";
--paper-item-icon-color: 'var(--text-primary-color';
--ha-card-box-shadow: 'none';
}
entity: sensor.portante_upload_agganciata
name: Portante Upload
entity_row: true
- type: horizontal-stack
cards:
- type: custom:bar-card
show_icon: true
align: split
columns: 1
max: 31
positions:
icon: inside
indicator: inside
name: inside
value: inside
unit_of_measurement: Mbps
severity:
- color: '#1e90ff'
from: '0'
to: 10
- color: orange
from: 11
to: 20
- from: 21
to: 31
color: red
style: |
ha-card {
--paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
--ha-card-background: "rgba(0, 0, 0, 0.0)";
--paper-item-icon-color: 'var(--text-primary-color';
--ha-card-box-shadow: 'none';
}
entity: sensor.download_mbps
name: Banda Usata Download
entity_row: true
- type: custom:bar-card
show_icon: true
align: split
columns: 1
max: 3
positions:
icon: inside
indicator: inside
name: inside
value: inside
unit_of_measurement: Mbps
severity:
- color: '#1e90ff'
from: '0'
to: 0.1
- color: orange
from: 1.5
to: 1.6
- from: 2.5
to: 3
color: red
style: |
ha-card {
--paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
--ha-card-background: "rgba(0, 0, 0, 0.0)";
--paper-item-icon-color: 'var(--text-primary-color';
--ha-card-box-shadow: 'none';
}
entity: sensor.upload_mbps
name: Banda Usata Upload
entity_row: true
- type: custom:fold-entity-row
head:
type: section
label: Mostra Dettagli
entities:
- style:
background: '#62717b'
height: 1px
margin-left: auto
margin-right: auto
type: divider
- entity: sensor.portante_upload_agganciata
state_header: UPLOAD
type: custom:multiple-entity-row
icon: mdi:connection
name: Portante
entities:
- entity: sensor.portante_download_agganciata
name: DOWNLOAD
icon: false
- type: divider
- entity: sensor.upload_mbps
state_header: UPLOAD
type: custom:multiple-entity-row
name: Banda Usata Mbps
icon: mdi:chart-donut
entities:
- entity: sensor.download_mbps
name: DOWNLOAD
icon: false
- type: divider
- entity: sensor.upload_mbs
state_header: UPLOAD
type: custom:multiple-entity-row
name: Banda Usata MB/s
icon: mdi:chart-donut-variant
entities:
- entity: sensor.download_mbs
name: DOWNLOAD
icon: false
- type: divider
- entity: sensor.fritz_box_7590_gb_sent
state_header: SEND
type: custom:multiple-entity-row
name: Dati trasmessi
icon: mdi:download-outline
entities:
- entity: sensor.fritz_box_7590_gb_received
name: RECEIVED
- style:
background: '#62717b'
height: 1px
margin-left: auto
margin-right: auto
type: divider
- entity: sensor.fritzbox
attribute: rumore_up
state_header: UPLOAD
type: custom:multiple-entity-row
icon: mdi:contactless-payment
name: Rumore SNR
entities:
- entity: sensor.fritzbox
type: attribute
attribute: rumore_down
name: DOWNLOAD
icon: false
- type: divider
- entity: sensor.fritzbox
attribute: attenuazione_up
state_header: UPLOAD
type: custom:multiple-entity-row
name: Attenuazione
icon: mdi:state-machine
entities:
- entity: sensor.fritzbox
type: attribute
attribute: attenuzione_down
name: DOWNLOAD
icon: false
- type: divider
- entity: sensor.fritzbox
type: attribute
attribute: uptime
name: 'FritzBox acceso da:'
icon: mdi:router-wireless
- entity: sensor.fritzbox
type: attribute
attribute: uptime_connect
name: 'Connesso ad internet da:'
icon: mdi:progress-clock
- style:
background: '#62717b'
height: 1px
margin-left: auto
margin-right: auto
type: divider
- entity: sensor.fritzbox
type: attribute
attribute: uptime
name: 'FritzBox Uptime:'
icon: mdi:router-wireless
- type: divider
- entity: sensor.fritzbox
type: attribute
attribute: uptime_connect
name: 'Connessione Uptime:'
icon: mdi:progress-clock
- type: divider
- type: custom:multiple-entity-row
entity: sensor.fritzbox
attribute: firmware_disponibilie
icon: mdi:router
name: Versione Fritz OS
state_header: DISPONIBILE
state_color: false
entities:
- type: attribute
entity: sensor.fritzbox
attribute: firmware_installato
name: INSTALLATA
- style:
background: '#62717b'
height: 1px
margin-left: auto
margin-right: auto
type: divider
- entity: sensor.fritzbox
attribute: ip
type: attribute
name: 'Indirizzo IP Esterno:'
- style:
background: '#62717b'
height: 1px
margin-left: auto
margin-right: auto
type: divider