Bonsoir a tous,
Voila je partage ma première création une télécommande pour la free POP.
je ne reprends pas le post déjà crée car la pop est assez différentes.
Pardonnez moi le coté un peux lourd voir peut être inutile de certaines de mes cases mais je ne maitrise pas bien lovelace.
Si des pro on des suggestions d 'amélioration comme des grilles( je maitrise pas du tout le truc) plutôt que des vertical-stack… ou alors un cadre pour faire plus propre je suis preneurs.
Je reste assez dispo pour travaillez avec vous
c’est autant un post de partage que d 'ameliorations.
Pout le moment il ne s’agit que de la version graphique quand je serais assez satisfait du resultat j’ajouterais les actions des boutons.
Bon on commence l’original:
Voila ma creations
et le code qui va avec:
type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:button-card
styles:
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- box-shadow: none
- type: custom:button-card
styles:
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- box-shadow: none
- type: button
tap_action:
action: navigate
navigation_path: overview
entity: null
show_icon: true
show_name: false
icon: mdi:power
- type: horizontal-stack
cards:
- type: custom:button-card
styles:
icon:
- color: blue
entity: switch.sony_source
icon: mdi:kodi
show_name: false
tap_action:
action: toggle
icon_height: 10px
- type: custom:button-card
styles:
icon:
- color: cyan
tap_action:
action: toggle
entity: switch.sony_power
icon: si:primevideo
show_name: false
icon_height: 10px
- type: custom:button-card
styles:
icon:
- color: red
tap_action:
action: navigate
navigation_path: overview
entity: null
show_icon: true
show_name: true
name: Free
- type: horizontal-stack
cards:
- type: button
tap_action:
action: navigate
navigation_path: overview
entity: null
show_icon: true
show_name: false
icon: mdi:google-assistant
- type: custom:button-card
styles:
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- box-shadow: none
- type: button
tap_action:
action: navigate
navigation_path: overview
entity: null
show_icon: true
show_name: false
icon: mdi:home
- type: horizontal-stack
cards:
- type: custom:button-card
styles:
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- box-shadow: none
- type: custom:button-card
styles:
icon:
- color: white
tap_action:
action: toggle
entity: switch.sony_up
icon: mdi:arrow-up
icon_height: 50px
show_name: false
- type: custom:button-card
styles:
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- box-shadow: none
- type: horizontal-stack
cards:
- type: custom:button-card
styles:
icon:
- color: white
tap_action:
action: toggle
entity: switch.sony_left
icon: mdi:arrow-left
icon_height: 50px
show_name: false
- type: custom:button-card
styles:
icon:
- color: white
tap_action:
action: toggle
entity: switch.sony_select
icon: mdi:arrow-all
icon_height: 50px
show_name: false
hold_action:
action: toggle
- type: custom:button-card
styles:
icon:
- color: white
tap_action:
action: toggle
entity: switch.sony_right
icon: mdi:arrow-right
icon_height: 50px
show_name: false
- type: horizontal-stack
cards:
- type: custom:button-card
styles:
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- box-shadow: none
- type: custom:button-card
styles:
icon:
- color: white
tap_action:
action: toggle
entity: switch.sony_down
show_name: false
icon: mdi:arrow-down
icon_height: 50px
- type: custom:button-card
styles:
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- box-shadow: none
- type: horizontal-stack
cards:
- type: custom:button-card
styles:
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- box-shadow: none
- show_name: false
show_icon: true
type: button
tap_action:
action: toggle
icon: mdi:keyboard-return
- type: custom:button-card
styles:
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- box-shadow: none
- type: horizontal-stack
cards:
- type: custom:vertical-stack-in-card
cards:
- show_name: false
show_icon: true
type: custom:button-card
tap_action:
action: toggle
icon: mdi:volume-plus
- content: |
#
type: markdown
- content: |
#
type: markdown
- content: |
#
type: markdown
- content: |
#
type: markdown
- content: |
#
type: markdown
- type: custom:button-card
tap_action:
action: toggle
icon: mdi:volume-minus
show_name: false
- type: custom:vertical-stack-in-card
cards:
- content: |
#
type: markdown
- content: |
#
type: markdown
- content: |
#
type: markdown
- show_name: false
show_icon: true
type: custom:button-card
tap_action:
action: toggle
icon: mdi:volume-mute
- content: |
#
type: markdown
- content: |
#
type: markdown
- content: |
#
type: markdown
- type: custom:vertical-stack-in-card
cards:
- show_name: false
show_icon: true
type: custom:button-card
tap_action:
action: toggle
icon: mdi:plus
- content: |
#
type: markdown
- content: |
#
type: markdown
- content: |
#
type: markdown
- content: |
#
type: markdown
- content: |
#
type: markdown
- type: custom:button-card
tap_action:
action: toggle
icon: mdi:minus
show_name: false
- type: horizontal-stack
cards:
- show_name: true
show_icon: false
type: button
tap_action:
action: toggle
name: '1'
- show_name: true
show_icon: false
type: button
tap_action:
action: toggle
name: '2'
- show_name: true
show_icon: false
type: button
tap_action:
action: toggle
name: '3'
show_state: false
- type: horizontal-stack
cards:
- show_name: true
show_icon: false
type: button
tap_action:
action: toggle
name: '4'
- show_name: true
show_icon: false
type: button
tap_action:
action: toggle
name: '5'
- show_name: true
show_icon: false
type: button
tap_action:
action: toggle
name: '6'
- type: horizontal-stack
cards:
- show_name: true
show_icon: false
type: button
tap_action:
action: toggle
name: '7'
- show_name: true
show_icon: false
type: button
tap_action:
action: toggle
name: '8'
- show_name: true
show_icon: false
type: button
tap_action:
action: toggle
name: '9'
- type: horizontal-stack
cards:
- type: custom:button-card
styles:
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- box-shadow: none
- show_name: true
show_icon: false
type: button
tap_action:
action: toggle
name: '0'
- type: custom:button-card
styles:
card:
- '--ha-card-background': rgba(0, 0, 0, 0.0)
- box-shadow: none
J’attends vos retours
Merci
