Group media behaviour
Deploy HEOS panel / deploy (push) Successful in 27s

This commit is contained in:
franzz committed 2026-09-19 01:41:49 +02:00
1 parent d4959b4ac3
commit 14d7b91bd4
3 files changed
+53 -38

No files matched your search

+30 -27
View File
@@ -58,23 +58,24 @@
<h2><svg class="room-icon" data-icon="{{ room.kind }}" viewBox="0 0 512 512" aria-hidden="true"><path d=""/></svg><span class="room-label">{{ room.label }}</span></h2>
</div>
<div class="now-playing" data-role="now-playing" hidden>
<img class="cover" data-role="cover" alt="" hidden>
<div class="media" data-role="media" hidden>
<div class="now-playing">
<img class="cover" data-role="cover" alt="">
<div class="track">
<span class="song" data-role="song"></span>
<span class="artist" data-role="artist"></span>
</div>
</div>
<div class="progress" data-role="progress" data-target="{{ room.key }}" hidden>
<div class="progress-line">
<i data-role="progress-fill"></i>
<b class="progress-cursor" data-role="progress-cursor"></b>
<span class="progress-time elapsed" data-role="progress-elapsed"></span>
<span class="progress-time remaining" data-role="progress-remaining"></span>
</div>
<span class="progress-total" data-role="progress-total"></span>
</div>
</div>
<div class="progress" data-role="progress" data-target="{{ room.key }}">
<div class="progress-line">
<i data-role="progress-fill"></i>
<b class="progress-cursor" data-role="progress-cursor"></b>
<span class="progress-time elapsed" data-role="progress-elapsed"></span>
<span class="progress-time remaining" data-role="progress-remaining"></span>
</div>
<span class="progress-total" data-role="progress-total"></span>
</div>
</div>
<div class="volume">
<button class="control-btn step" data-delta="-1" aria-label="{{ room.label }}: volume down">
@@ -111,22 +112,24 @@
<div class="card-head">
<h2><svg class="room-icon" data-icon="{{ host.kind }}" viewBox="0 0 512 512" aria-hidden="true"><path d=""/></svg><span class="room-label">{{ host.label }}</span></h2>
</div>
<div class="now-playing" data-role="avr-now-playing" hidden>
<img class="cover poster" data-role="avr-cover" alt="" hidden>
<div class="track">
<span class="song" data-role="avr-song"></span>
<span class="artist" data-role="avr-artist"></span>
</div>
</div>
<div class="progress" data-role="avr-progress" data-target="{{ host.key }}" hidden>
<div class="progress-line">
<i data-role="progress-fill"></i>
<b class="progress-cursor" data-role="progress-cursor"></b>
<span class="progress-time elapsed" data-role="progress-elapsed"></span>
<span class="progress-time remaining" data-role="progress-remaining"></span>
<div class="media" data-role="avr-media" hidden>
<div class="now-playing" data-role="avr-now-playing">
<img class="cover poster" data-role="avr-cover" alt="">
<div class="track">
<span class="song" data-role="avr-song"></span>
<span class="artist" data-role="avr-artist"></span>
</div>
</div>
<div class="progress" data-role="avr-progress" data-target="{{ host.key }}">
<div class="progress-line">
<i data-role="progress-fill"></i>
<b class="progress-cursor" data-role="progress-cursor"></b>
<span class="progress-time elapsed" data-role="progress-elapsed"></span>
<span class="progress-time remaining" data-role="progress-remaining"></span>
</div>
<span class="progress-total" data-role="progress-total"></span>
</div>
<span class="progress-total" data-role="progress-total"></span>
</div>
<button class="input-select" data-role="input-button">