Skip to content

Bubble Card v0.0.1-beta.11
Compare
Choose a tag to compare
@Clooos Clooos released this 30 Sep 11:36
· 230 commits to main since this release
v0.0.1-beta.11
d153d06
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

BETA 11 - Fixes for beta 9 and 10

This is again a fast update that just fix some bugs that was introduced in beta 9.

✔️ Fixes :

  • There was an issue that was slowing down (a lot) your dashboard after some time, this is now fixed and everything is really faster now!
  • Pop-ups triggers are now working as expected
  • The Close when the state is different toggle in the editor is now fixed
  • is_sidebar_hidden is now working like before
  • Fixed a typo in the editor

And for those who missed it here is the beta 9 changelog (it's a big one) :

💡 New features :

  • Styles templates, see below
  • Localization for states (like in the pop-ups, you don't need state_unit anymore)
  • You can now show the entity state in buttons and covers with show_state: true
  • You can now change the width of the horizontal-buttons-stack with width_desktop: 100%
  • You can now open a pop-up based on the state of any entity, see below
  • Pop-ups now support entity-picture
  • If you set only an hash to a pop-up, only the close button will be displayed

✔️ Fixes :

  • BREAKING CHANGE (sort of) : The desktop_width of pop-ups was not correct, you will have to remove 60px to your current value to have the same width as before
  • BREAKING CHANGE (sort of) : After the update it's possible that your horizontal-buttons-stack will not be displayed correctly, just open the editor to fix that
  • The editor is now fully working and with live preview for all cards
  • The pop-up hash checker system has been fully rewritten and should fix a lot if not all issues
  • A lot of the code has been rewritten and everything should be faster and more stable
  • A lot of the CSS has been rewritten and the pop-ups and all the cards are now displayed like they should
  • All cards are now displaying the icon and name of the entity if none are defined
  • And more!

Styles template

Advanced users can now add templates in JS in their custom styles, here is an exemple of a button that is red when it's off and blue when it's on.

type: custom:bubble-card
card_type: button
entity: switch.test
name: Test
styles: |
  .switch-button {
    background-color: ${state === 'on' ? 'blue' : 'red'} !important;
  }

For now you have access to these variables :

state will return the state of your entity.
entity will return your entity like switch.test in this exemple.

Pop-ups trigger

This new feature allows you to open a pop-up based on the state of any entity, for example you can open a "Security" pop-up with a camera when a person is in front of your house. You can also create a toggle helper (input_boolean) and trigger its opening/closing in an automation.

Here is an example :

type: custom:bubble-card
card_type: pop-up
hash: '#kitchen'
name: Security
icon: mdi:video
trigger_entity: binary_sensor.front_door_motion
trigger_state: 'on'
trigger_close: true

All new options are available in the documentation.

Please report any issues you may encounter, this release is a big one and I hope that everything is working!

Assets 2