kennyboy55/ESPHome_ButtonPlusV2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update music.yaml to make play/pause button change icon

Browse Source 
Play/Pause button now follows the state of the media play. When playing, its shows | |, when paused, it shows >.
Changed the icon name of the boxed icon on the main display to have _box for consistent naming of the play/pause icons
Changed update_main into update_all to trigger update of the buttons.
This commit is contained in:
balk77
2024-12-28 16:25:18 +01:00
committed by GitHub
parent 3d32a8011e
commit 3325e95bf1
1 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package/cards/music.yaml
+16 -6
View File
@@ -51,10 +51,10 @@ image:
id: icon_music_playpause id: icon_music_playpause
resize: 75x75 resize: 75x75
- file: mdi:play-box-outline - file: mdi:play-box-outline
id: icon_music_play id: icon_music_play_box
resize: 75x75 resize: 75x75
- file: mdi:pause-box-outline - file: mdi:pause-box-outline
id: icon_music_pause id: icon_music_pause_box
resize: 75x75 resize: 75x75
- file: mdi:power - file: mdi:power
id: icon_music_standby id: icon_music_standby
@@ -74,6 +74,12 @@ image:
- file: mdi:skip-backward - file: mdi:skip-backward
id: icon_music_prev id: icon_music_prev
resize: 75x75 resize: 75x75
- file: mdi:play
id: icon_music_play
resize: 75x75
- file: mdi:pause
id: icon_music_pause
resize: 75x75
color: color:
- id: music_card_text_color - id: music_card_text_color
@@ -106,7 +112,7 @@ text_sensor:
id: music_playerstate id: music_playerstate
entity_id: ${music_card_enity_id} entity_id: ${music_card_enity_id}
on_value: on_value:
- script.execute: update_main - script.execute: update_all
script: script:
- id: music_card - id: music_card
@@ -123,9 +129,9 @@ script:
} else if (strcmp(id(music_playerstate).state.c_str(), "idle") == 0) { } else if (strcmp(id(music_playerstate).state.c_str(), "idle") == 0) {
id(main_display).image(x, 1+y, id(icon_music_idle), ImageAlign::TOP_LEFT, id(music_card_icon_main_color)); id(main_display).image(x, 1+y, id(icon_music_idle), ImageAlign::TOP_LEFT, id(music_card_icon_main_color));
} else if (strcmp(id(music_playerstate).state.c_str(), "playing") == 0) { } else if (strcmp(id(music_playerstate).state.c_str(), "playing") == 0) {
id(main_display).image(x, 1+y, id(icon_music_play), ImageAlign::TOP_LEFT, id(music_card_icon_main_color)); id(main_display).image(x, 1+y, id(icon_music_play_box), ImageAlign::TOP_LEFT, id(music_card_icon_main_color));
} else if (strcmp(id(music_playerstate).state.c_str(), "paused") == 0) { } else if (strcmp(id(music_playerstate).state.c_str(), "paused") == 0) {
id(main_display).image(x, 1+y, id(icon_music_pause), ImageAlign::TOP_LEFT, id(music_card_icon_main_color)); id(main_display).image(x, 1+y, id(icon_music_pause_box), ImageAlign::TOP_LEFT, id(music_card_icon_main_color));
} else if (strcmp(id(music_playerstate).state.c_str(), "standby") == 0) { } else if (strcmp(id(music_playerstate).state.c_str(), "standby") == 0) {
id(main_display).image(x, 1+y, id(icon_music_standby), ImageAlign::TOP_LEFT, id(music_card_icon_main_color)); id(main_display).image(x, 1+y, id(icon_music_standby), ImageAlign::TOP_LEFT, id(music_card_icon_main_color));
} else if (strcmp(id(music_playerstate).state.c_str(), "buffering") == 0) { } else if (strcmp(id(music_playerstate).state.c_str(), "buffering") == 0) {
@@ -157,7 +163,11 @@ script:
} else if (strcmp(type.c_str(), "prev") == 0) { // button "prev" } else if (strcmp(type.c_str(), "prev") == 0) { // button "prev"
id(bar_display).image(80, 2, id(icon_music_prev), ImageAlign::TOP_CENTER, id(music_card_icon_bar_color)); id(bar_display).image(80, 2, id(icon_music_prev), ImageAlign::TOP_CENTER, id(music_card_icon_bar_color));
} else if (strcmp(type.c_str(), "playpause") == 0) { // button "playpause" } else if (strcmp(type.c_str(), "playpause") == 0) { // button "playpause"
id(bar_display).image(80, 2, id(icon_music_playpause), ImageAlign::TOP_CENTER, id(music_card_icon_bar_color)); if (strcmp(id(music_playerstate).state.c_str(), "playing") == 0) {
id(bar_display).image(80, 2, id(icon_music_pause), ImageAlign::TOP_CENTER, id(music_card_icon_bar_color));
} else {
id(bar_display).image(80, 2, id(icon_music_play), ImageAlign::TOP_CENTER, id(music_card_icon_bar_color));
}
} else if (strcmp(type.c_str(), "power") == 0) { // button "power" } else if (strcmp(type.c_str(), "power") == 0) { // button "power"
id(bar_display).image(80, 2, id(icon_music_power), ImageAlign::TOP_CENTER, id(music_card_icon_bar_color)); id(bar_display).image(80, 2, id(icon_music_power), ImageAlign::TOP_CENTER, id(music_card_icon_bar_color));
} }