diff --git a/bubble/Main Button State Red/code.js b/bubble/Main Button State Red/code.js deleted file mode 100644 index fad42b5..0000000 --- a/bubble/Main Button State Red/code.js +++ /dev/null @@ -1,24 +0,0 @@ -`${(() => { - const state = hass?.states[this.config?.entity]?.state || ''; - - let bg_color = 'var(--bubble-main-background-color)'; - let red_color = 'var(--error-color)'; - - // Main button background - const mainButton = card?.querySelector('.bubble-button-background'); - if (mainButton) { - mainButton.style.opacity = '1'; - mainButton.style.backgroundColor = state === 'on' ? red_color : bg_color; - mainButton.style.transition = 'background-color 1s'; - } - - // Unavailable state - if (mainButton && state === 'unavailable') { - mainButton.classList.add('is-unavailable'); - } else if (mainButton) { - mainButton.classList.remove('is-unavailable'); - } - - // No CSS string needed - return ''; -})()}` diff --git a/bubble/Main Button State Red/import.yaml b/bubble/Main Button State Red/import.yaml deleted file mode 100644 index 573237c..0000000 --- a/bubble/Main Button State Red/import.yaml +++ /dev/null @@ -1,33 +0,0 @@ -main_button_state_red: - name: Main Button State Red - version: '1.1' - creator: Tony Stork - supported: - - button - description: Will turn the button red if the entity state is on, otherwise default style applies - code: |- - ${(() => { - const state = hass?.states[this.config?.entity]?.state || ''; - - let bg_color = 'var(--bubble-main-background-color)'; - let red_color = 'var(--error-color)'; - - // Main button background - const mainButton = card?.querySelector('.bubble-button-background'); - if (mainButton) { - mainButton.style.opacity = '1'; - mainButton.style.backgroundColor = state === 'on' ? red_color : bg_color; - mainButton.style.transition = 'background-color 1s'; - } - - // Unavailable state - if (mainButton && state === 'unavailable') { - mainButton.classList.add('is-unavailable'); - } else if (mainButton) { - mainButton.classList.remove('is-unavailable'); - } - - // No CSS string needed - return ''; - })()} - editor: ''