Schumi
Août 28, 2021, 9:55
196
voila mon theme:
#main interface colors
primary-color: âč #89B3F8  âș
google-red : âč #F18B82  âș
google-green : âč #80C994  âș
google-yellow : âč #FCD663  âș
google-blue : âč #89B3F8  âș
google-violet : âč #BB86FC  âș
google-grey: âč #BBBBBB  âș
color-red: 241, 139, 130
color-green: 128, 201, 148
color-yellow: 252, 214, 99
color-blue : 137, 179, 248
color-theme : 221,221,221
color-purple : 102, 31, 255
color-grey : 187, 187, 187
color-pink : 233, 30, 99
je dois y mettre juste --google-green ?
Schumi
Août 28, 2021, 12:11
198
ca ne change rien.
type: vertical-stack
cards:
- card:
entity: alarm_control_panel.home_alarm
states:
- arm_home
style:
.: |
ha-card > ha-label-badge{
--alarm-state-color: var(google-green) !important;
}
ha-card{
padding-top: 16px;
padding-bottom: 12px !important;
border-radius: 21px;
}
ha-card > h1{
padding-top: 0;
color: transparent;
}
ha-card > h1::before{
content: "Désactivée";
color: var(google-green);
position: absolute;
font-variant: small-caps;
Toujours pareil:
Schumi:
var(google-green)
Parce quâil ne trouve pas les couleurs encore une fois
Pourquoi tu nâas pas fais ce que tâas dis ?!
ET LES --
(2 tirets du 6⊠)! Ils sont oĂč ?!
2 « J'aime »
Schumi
Août 28, 2021, 12:54
200
bien vu !
jâai encore fait lâoreil de veau
Merci @Clemalex , ca fonctionne mieux du coupâŠ
2 « J'aime »
Clemalex
A scindé ce sujet ()
Août 30, 2021, 1:22
201
4 messages ont Ă©tĂ© scindĂ©s en un nouveau sujet : Button-Card, impossible de reproduire lâexemple
AprĂšs de nombreuses heures a vouloir faire fonctionner ce thĂšme (je dĂ©bute sur HA et jâai pas grand chose Ă y intĂ©grer pour lâinstant mais ça va venir )
Je nâarrive pas Ă faire fonctionner les « ScĂšnes », rien apparait sur mon dashboard.
Quây a tâil Ă faire pour les « activer » ?
Sur la page « localisation » toutes les cards sont en « missing » alors quâelles sont bien dans le fichier button_card_templates.yaml donc je ne vois pas dâoĂč ça vient. Egalement pour la partie « prĂ©sence » des personnes, jâarrive pas Ă la faire fonctionner.
Alors que pour dâautre vues, pas de soucis ? Ce nâest pas un problĂšme dâappel du fichier de ressource des modĂšles ?
Partage ta carte localisation et ta carte scĂšne et ton fichier contenant les modĂšles.
En faite jâai repris ses fichiers oĂč jâai modifiĂ© pour la vue localisation.yaml son utilisateur « thomas » par le mien, mais la prĂ©sence ne remonte pas.
Je dois créer une entity quelque part ?
Pour la page localisation , de base jâai cette erreur :
Je comprend que la card « personne-dylan » nâexiste pas, effectivement dans button_card_templates.yaml (une erreur dans son exmaple/template ?
GitHub - TBens/lovelace-ui-minimalist: đ» Lovelace UI âą Minimalist ) elle sâappelle « person-dylan » donc je modifie et ensuite jâai cette erreur :
Et pour les scĂšnes, bah jâai absolument rien qui sâaffiche, est-ce quâil me manque des entitĂ©s ?
Je suis dispo en vocal discord si câest plus simple.
Lâerreur provient de ta modification
- entity: input_select.localisation_thomas
variables:
personne: "thomas"
template:
- icon_info_bg
- personne-Thomas #Si tu renomme ici, forcément il faut renommer le modÚle
name: Thomas
type: 'custom:button-card'
Câest beaucoup mieux
person-dylan: #s'appellait person-thomas auparavant
variables:
person: "thomas"
template: person
hold_action:
action: more-info
entity: input_boolean.thomas_nuit #A changer !!
styles:
custom_fields:
notification:
#input_select.localisation_thomas A changer !!
- background-color: >
[[[
if (states['input_select.localisation_thomas'].state == 'Present'){
return "rgba(var(--color-blue),1)";
}else{
return "rgba(var(--color-green),1)";
}
]]]
custom_fields:
#input_boolean.thomas_nuit A changer !!
#input_select.localisation_thomas A changer !!
notification: >
[[[
if (states['input_boolean.thomas_nuit'].state == 'on'){
return `<ha-icon icon="mdi:power-sleep" style="width: 10px; height: 10px; color: var(--primary-background-color);"></ha-icon>`
}else{
if (states['input_select.localisation_thomas'].state == 'Present'){
return `<ha-icon icon="mdi:home-variant" style="width: 10px; height: 10px; color: var(--primary-background-color);"></ha-icon>`
}else{
return `<ha-icon icon="mdi:pine-tree" style="width: 10px; height: 10px; color: var(--primary-background-color);"></ha-icon>`
}
}
]]]
Jâai mis A CHANGER lorsque tu dois modifier avec tes propres entitĂ©s les modĂšles.
Si tu laisses les entitĂ©s de @tben , tu retrouves lâerreur de rĂ©cupĂ©ration dâĂ©tat de ta capture.
Certains dĂ©veloppeurs sont en train de travailler dans lâombre pour variabiliser tout le code pour ne pas avoir Ă modifier les modĂšles.
Aucune idée de ce que représente ces entités par contre.
Personnellement, jâutilise cette carte :
@barto_95 et les autres :
Ăa arrive ce soir (tard)
[image]
DĂ©jĂ la carte :
template:
- icon_info_bg
- personnes
- popup_map
type: custom:button-card
entity: person.clemalex
show_entity_picture: true
entity_picture: /local/images/person/clemalex.png
variables:
gps: google_maps #mettre 'waze' pour redirection vers l'application Waze
#les modĂšles (templates)
personnes:
show_label: true
label: |
[[[
if (entityâŠ
Lâerreur provient de ta modification
- entity: input_select.localisation_thomas
variables:
personne: "thomas"
template:
- icon_info_bg
- personne-Thomas #Si tu renomme ici, forcément il faut renommer le modÚle
name: Thomas
type: 'custom:button-card'
Ce que je voulais dire câest que dans son template « personne-thomas » nâexiste pas, câest
person-thomas:
variables:
person: "thomas"
template: person
Jâai mis A CHANGER lorsque tu dois modifier avec tes propres entitĂ©s les modĂšles.
Justement câest lĂ que jâai du mal, quelle entitĂ© je dois mettre ? Je dois en crĂ©er une en particulier ? Avec quels rĂ©glages ?
Parce que si je met juste input_boolean.mon_user_nuit bah ça marche pas par exemple.
Certains dĂ©veloppeurs sont en train de travailler dans lâombre pour variabiliser tout le code pour ne pas avoir Ă modifier les modĂšles.
Ah ça câest intĂ©ressant ! Ici ou ailleurs ? Il y a moyen de suivre ce projet ?
Je regarderai ta carte aprĂšs avoir lu un peu plus vos tutos, merci
1 « J'aime »
mss_21
Septembre 3, 2021, 10:26
208
Bonjour merci beaucoup dâavoir partagĂ© votre modĂšle, jâai essayĂ© de lâappliquer mais je nâai pas pu car il manquait un modĂšle light_with_colors , pourriez-vous partager ?
Schumi
Septembre 4, 2021, 5:12
209
voila:
light_with_colors:
tap_action:
action: toggle
hold_action:
action: more-info
label: |-
[[[ if (entity.state !='unavailable'){
if (entity.state =='off'){
var bri = Math.round(entity.attributes.brightness / 2.55);
return 'Off';
}else{
var bri = Math.round(entity.attributes.brightness / 2.55);
return (bri ? bri + '%' : 'On') ;
}
}else{
return "Indisponible";
}
]]]
state:
- styles:
icon:
- filter: |-
[[[
var bri = entity.attributes.brightness / 2.55;
return ('brightness(' + (50+bri/2) + '%)') ;
]]]
- color: |-
[[[
var color = entity.attributes.rgb_color;
if (color){
return 'rgba(' + entity.attributes.rgb_color + ',1)'
}
else{
return 'rgba(var(--couleur-jaune),1)'
}
]]]
img_cell:
- background-color: |-
[[[
var color = entity.attributes.rgb_color;
if (color){
return 'rgba(' + entity.attributes.rgb_color + ',0.2)'
}
else{
return 'rgba(var(--couleur-jaune),0.2)'
}
]]]
value: 'on'
2 « J'aime »
Bonjour Ă tous, je me suis lancer dans lâaspect du theme minimalist mobile grĂ ace a @Clemalex et @barto_95 , aujourdâhui jâavance, doucement mais surement et jâaimerais Ă©galement reproduire ce que je fais mais en modĂ©le tablette, quelquâun Ă une carte vierge a me filer par rapport aux colonnes qui sont je suppose totalement diffĂ©rente en fonction de la largeur de lâĂ©cran. merci Ă tous !
bonjour,
jâaurais besoin dâun coup de main pour modifier cette carte car jâai ajoutĂ© la possibilitĂ© dâactionner le mode silencieux, le service en lui mĂȘme fonctionne pas je ne trouve pas le moyen dâajouter une couleur lors de lâactivation et de modifier le « entity_id » pour quâil sâadapte Ă tous les autres.
Merci
cover_somfy:
tap_action:
action: more-info
icon: |
[[[
var icon = 'mdi:window-shutter';
if (entity.attributes.current_position == 0){
var icon = 'mdi:window-shutter';
} else
var icon = 'mdi:window-shutter-open';
return icon ;
]]]
label: |-
[[[
if (entity.state == 'opening'){
return 'Ouverture';
}
else if (entity.state == 'closing'){
return 'Fermeture';
}
else{
if (entity.attributes.current_position == 0){
var etat = "Fermé";
}else if (entity.attributes.current_position == 100){
var etat = "Ouvert" ;
}else{
var etat = (entity.attributes.current_position) + '%' ;
}
return etat ;
}
]]]
state:
- styles:
icon:
- color: rgba(var(--color-green),1)
img_cell:
- background-color: rgba(var(--color-green), 0.2)
value: closed
- styles:
icon:
- color: rgba(var(--color-yellow),1)
img_cell:
- background-color: rgba(var(--color-yellow), 0.2)
value: open
- styles:
icon:
- color: rgba(var(--color-blue),1)
img_cell:
- background-color: rgba(var(--color-blue), 0.2)
value: opening
- styles:
icon:
- color: rgba(var(--color-blue),1)
img_cell:
- background-color: rgba(var(--color-blue), 0.2)
value: closing
list_items_cover_favorite:
styles:
card:
- box-shadow: none
- padding: 0px
grid:
- grid-template-areas: '"item1 item1 item2"'
- grid-template-columns: 1fr 1fr 1fr
- grid-template-rows: min-content
- column-gap: 7px
cover_buttons_with_favorite:
variables:
entity: cover.default
name: Default name
sun_position: 0
styles:
card:
- border-radius: 20px
- box-shadow: var(--box-shadow)
- padding: 12px
grid:
- grid-template-areas: '"item1" "item2" "item3"'
- grid-template-columns: 1fr
- grid-template-rows: min-content min-content
- row-gap: 12px
custom_fields:
item1:
card:
template: list_items_cover_favorite
type: custom:button-card
custom_fields:
item1:
card:
entity: '[[[ return variables.entity ]]]'
name: '[[[ return variables.name ]]]'
tap_action:
action: more-info
template:
- icon_info
- cover_somfy
type: custom:button-card
item2:
card:
icon: mdi:star
tap_action:
action: call-service
service: cover.set_cover_position
service_data:
entity_id: '[[[ return variables.entity ]]]'
position: '[[[ return variables.sun_position ]]]'
type: custom:button-card
template: widget_icon
item2:
card:
template: list_items
type: custom:button-card
custom_fields:
item1:
card:
icon: mdi:arrow-down
tap_action:
action: call-service
service: cover.close_cover
service_data:
entity_id: '[[[ return variables.entity ]]]'
type: custom:button-card
template: widget_icon
item2:
card:
icon: mdi:pause
tap_action:
action: call-service
service: cover.stop_cover
service_data:
entity_id: '[[[ return variables.entity ]]]'
type: custom:button-card
template: widget_icon
item3:
card:
icon: mdi:arrow-up
tap_action:
action: call-service
service: cover.open_cover
service_data:
entity_id: '[[[ return variables.entity ]]]'
type: custom:button-card
template: widget_icon
item3:
card:
template: list_items
type: custom:button-card
custom_fields:
item1:
card:
icon: mdi:feather
tap_action:
action: call-service
service: switch.toggle
service_data:
entity_id: switch.bureau_riviere_low_speed
type: custom:button-card
template: widget_icon
je comprends pas ce que tu cherches a rĂ©aliserâŠ
avec lâintĂ©gration overkiz jâai des switch.[nom du volet]_low_speed
pour les faire fonctionner en mode silencieux. Mon soucis câest que dans lâitem ci-dessous je nâarrive pas Ă crĂ©er un bouton qui renvoie automatiquement vers le volet concernĂ© et a avoir un retour dâĂ©tat du switch par un changement de couleur de celui-ci.
item3:
card:
template: list_items
type: custom:button-card
custom_fields:
item1:
card:
icon: mdi:feather
tap_action:
action: call-service
service: switch.toggle
service_data:
entity_id: switch.bureau_riviere_low_speed
type: custom:button-card
template: widget_icon
Pour encore plus de plaisir (et de confort) :
Good evening to all of you! đ It took a little longer than the promised âfew daysâ, but as it turned out, it was a little more work, than expected. But nonetheless, if I may present to you UI-Lovelace-Minimalist v1.0.0-beta.5 | first public beta ...
4 « J'aime »
KKox
Novembre 3, 2021, 1:02
218
hello,
jâai mis a jour mon dashboard avec ce nouveau code, jâai un problĂšme dans les chips. Je ne vois pas les icones âŠ
qquâun Ă le mĂȘme soucis ?