✨ Hide next and prev buttons on unsupported entities (#433)

Co-authored-by: Karl Kihlström <mrkihlstrom@gmail.com>
kalkih · Jan 4, 2021 · 841a545 · 841a545
1 parent b74be47
commit 841a545
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/components/mediaControls.js b/src/components/mediaControls.js
@@ -45,13 +45,13 @@ class MiniMediaPlayerMediaControls extends LitElement {
       ` : html``}
       ${!hide.controls ? html`
         <div class='flex mmp-media-controls__media' ?flow=${this.config.flow || this.break}>
-          ${!hide.prev ? html`
+          ${!hide.prev && this.player.supportsPrev ? html`
             <ha-icon-button
               @click=${e => this.player.prev(e)}
               .icon=${ICON.PREV}>
             </ha-icon-button>` : ''}
           ${this.renderPlayButtons()}
-          ${!hide.next ? html`
+          ${!hide.next && this.player.supportsNext ? html`
             <ha-icon-button
               @click=${e => this.player.next(e)}
               .icon=${ICON.NEXT}>

diff --git a/src/model.js b/src/model.js
@@ -153,6 +153,16 @@ export default class MediaPlayerObject {
       && PROGRESS_PROPS.every(prop => prop in this.attr);
   }
 
+  get supportsPrev() {
+    return (this.attr.supported_features | 16) // eslint-disable-line no-bitwise
+      === this.attr.supported_features;
+  }
+
+  get supportsNext() {
+    return (this.attr.supported_features | 32) // eslint-disable-line no-bitwise
+      === this.attr.supported_features;
+  }
+
   get progress() {
     return this.position + (Date.now() - new Date(this.updatedAt).getTime()) / 1000.0;
   }