Bonjour, j’ai trouver sur sur un forum j’aimerai savoir comment l’ajouter dans mon HA, je suis nouveau j’apprend mais la je n’ai pas trop d’indication je suis perdu
Voici les codes :
template: card_motion_blind_my
variables:
ulm_card_motion_blind_my_name: Links
ulm_card_motion_blind_my_entity: cover.keukengordijn_links
ulm_card_motion_blind_my_perc: 53
et
card_motion_blind_my:
triggers_update: "all"
variables:
ulm_card_motion_blind_my_perc: 50
ulm_card_motion_large_slider: false
ulm_card_motion_blind_my_name: ""
ulm_card_motion_blind_my_blockentity: ""
styles:
grid:
- grid-template-areas: "'item1' 'item2'"
- grid-template-columns: "1fr"
- grid-template-rows: "min-content min-content"
- row-gap: "12px"
card:
- border-radius: "var(--border-radius)"
- box-shadow: "var(--box-shadow)"
- padding: "14px"
state:
- operator: "template"
value: "[[[ return states[variables.ulm_card_motion_blind_my_entity].state == 'open' ]]]"
styles:
card:
- background-color: "rgba(var(--color-background-blue),var(--opacity-bg))"
custom_fields:
item1:
card:
type: "custom:button-card"
template: "[[[ return (variables.ulm_card_motion_large_slider) ? 'list_two_third_items' : 'list_2_items' ]]]"
styles:
card:
- border-radius: "14px"
state:
- operator: "template"
value: "[[[ return states[variables.ulm_card_motion_blind_my_entity].state == 'open' ]]]"
styles:
card:
- background-color: "rgba(var(--color-background-blue),0)"
custom_fields:
item1:
card:
type: "custom:button-card"
template:
- "icon_info"
- "ulm_language_variables"
- "motion_cover"
- "blue_slider"
entity: "[[[ return variables.ulm_card_motion_blind_my_entity ]]]"
name: "[[[ return variables.ulm_card_motion_blind_my_name ]]]"
icon: >
[[[
var icon = "mdi:arrow-vertical-lock";
if (variables.ulm_card_motion_blind_my_blockentity == "" || states[variables.ulm_card_motion_blind_my_blockentity].state != "on") {
if (typeof states[variables.ulm_card_motion_blind_my_entity].attributes.current_position === "undefined") {
if (states[variables.ulm_card_motion_blind_my_entity].state == "closed") {
var icon = "mdi:blinds";
} else
var icon = "mdi:blinds-open";
} else {
if (states[variables.ulm_card_motion_blind_my_entity].attributes.current_position <= 99) {
var icon = "mdi:blinds";
} else
var icon = "mdi:blinds-open";
}
}
return icon;
]]]
styles:
card:
- background-color: "rgba(var(--color-background-blue),0)"
tap_action:
action: "more-info"
hold_action:
action: "call-service"
service: "cover.set_cover_position"
service_data:
entity_id: "[[[ return variables.ulm_card_motion_blind_my_entity ]]]"
position: "[[[ return variables.ulm_card_motion_blind_my_perc ]]]"
item2:
card:
type: "custom:my-slider"
radius: "14px"
height: "42px"
entity: "[[[ return variables.ulm_card_motion_blind_my_entity ]]]"
mainSliderColor: >-
[[[
if (states[variables.ulm_card_motion_blind_my_entity].state == "unavailable") {
return "rgba(var(--color-grey),1)";
} else if (states[variables.ulm_card_motion_blind_my_entity].state == "closed"){
return "rgba(var(--color-grey),.05)";
} else if (variables.ulm_card_motion_blind_my_blockentity != "" &&
states[variables.ulm_card_motion_blind_my_blockentity].state == "on") {
return "rgba(var(--color-blue),0.5)";
} else
return "rgba(var(--color-blue),1)";
]]]
secondarySliderColor: >-
[[[
if (states[variables.ulm_card_motion_blind_my_entity].state == "unavailable" ||
states[variables.ulm_card_motion_blind_my_entity].state == "closed") {
return "rgba(var(--color-grey),0.05)";
} else
return "rgba(var(--color-blue),0.2)";
]]]
mainSliderColorOff: "rgba(var(--color-theme),0.05)"
secondarySliderColorOff: "rgba(var(--color-theme),0.05)"
thumbHorizontalPadding: "0px"
thumbVerticalPadding: "0px"
thumbWidth: "0px"
card_mod:
style: |
ha-card {
border-radius: 14px;
box-shadow: none;
}
item2:
card:
type: "custom:button-card"
template: "list_4_items"
styles:
card:
- border-radius: "14px"
state:
- operator: "template"
value: "[[[ return states[variables.ulm_card_motion_blind_my_entity].state == 'open' ]]]"
styles:
card:
- background-color: "rgba(var(--color-background-blue),0)"
custom_fields:
item1:
card:
type: "custom:button-card"
template: "widget_icon"
state:
- operator: "template"
value: "[[[ return variables.ulm_card_motion_blind_my_blockentity != '' &&
states[variables.ulm_card_motion_blind_my_blockentity].state == 'on' ]]]"
styles:
icon:
- opacity: "0.4"
tap_action:
action: "call-service"
service: "cover.open_cover"
service_data:
entity_id: "[[[ return variables.ulm_card_motion_blind_my_entity ]]]"
icon: "mdi:arrow-up"
item2:
card:
type: "custom:button-card"
template: "widget_icon"
state:
- operator: "template"
value: "[[[ return variables.ulm_card_motion_blind_my_blockentity != '' &&
states[variables.ulm_card_motion_blind_my_blockentity].state == 'on' ]]]"
styles:
icon:
- opacity: "0.4"
tap_action:
action: "call-service"
service: "cover.stop_cover"
service_data:
entity_id: "[[[ return variables.ulm_card_motion_blind_my_entity ]]]"
icon: "mdi:pause"
hold_action:
action: "call-service"
service: "cover.set_cover_position"
service_data:
entity_id: "[[[ return variables.ulm_card_motion_blind_my_entity ]]]"
position: "[[[ return variables.ulm_card_motion_blind_my_perc ]]]"
item3:
card:
type: "custom:button-card"
template: "widget_icon"
state:
- operator: "template"
value: "[[[ return variables.ulm_card_motion_blind_my_blockentity != '' &&
states[variables.ulm_card_motion_blind_my_blockentity].state == 'on' ]]]"
styles:
icon:
- opacity: "0.4"
tap_action:
action: "call-service"
service: "cover.set_cover_position"
service_data:
entity_id: "[[[ return variables.ulm_card_motion_blind_my_entity ]]]"
position: "[[[ return variables.ulm_card_motion_blind_my_perc ]]]"
icon: "mdi:star"
item4:
card:
type: "custom:button-card"
template: "widget_icon"
state:
- operator: "template"
value: "[[[ return variables.ulm_card_motion_blind_my_blockentity != '' &&
states[variables.ulm_card_motion_blind_my_blockentity].state == 'on' ]]]"
styles:
icon:
- opacity: "0.4"
tap_action:
action: "call-service"
service: "cover.close_cover"
service_data:
entity_id: "[[[ return variables.ulm_card_motion_blind_my_entity ]]]"
icon: "mdi:arrow-down"
blue_slider:
state:
- styles:
icon:
- color: "rgba(var(--color-blue),1)"
label:
- color: "rgba(var(--color-blue-text),1)"
name:
- color: "rgba(var(--color-blue-text),1)"
img_cell:
- background-color: "rgba(var(--color-blue), 0.2)"
card:
- background-color: "rgba(0,0,0,0)"
value: "on"
motion_cover:
tap_action:
action: "more-info"
icon: |
[[[
var icon = "mdi:help-circle";
if (typeof states[entity.entity_id].attributes.current_position === "undefined"){
if (states[entity.entity_id].state == "closed"){
var icon = "mdi:window-shutter";
} else
var icon = "mdi:window-shutter-open";
} else {
if (states[entity.entity_id].attributes.current_position == 0){
var icon = "mdi:window-shutter";
} else
var icon = "mdi:window-shutter-open";
}
return icon ;
]]]
label: >-
[[[
if (typeof states[entity.entity_id].attributes.current_position === "undefined"){
if (states[entity.entity_id].state == "closed"){
return variables.ulm_closed;
} else
return variables.ulm_open;
} else {
if (states[entity.entity_id].attributes.current_position == 0){
return variables.ulm_closed;
} else {
return variables.ulm_open + " • " + Math.round((states[entity.entity_id].attributes.current_position)) + "%" ;
}
}
return "?";
]]]
state:
- operator: "template"
value: "[[[ return states[entity.entity_id].attributes.current_position != 0; ]]]"
styles:
icon:
- color: "rgba(var(--color-blue),1)"
img_cell:
- background-color: "rgba(var(--color-blue),0.2)"
Le premier code il faut que je le rentre dans mon home.yaml (j’utilise ui minimalist)
Et le 2ème code aucune idée
Voici une photo de ce que cela doit donner :
Discord : Shadorlo#5203