feature: default to icons for favorites list (and show titles)

punxaphil · Feb 7, 2024 · 47a0637 · 47a0637
1 parent 0b38887
commit 47a0637
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 5 deletions.
diff --git a/src/card.ts b/src/card.ts
@@ -212,6 +212,7 @@ export class Card extends LitElement {
     } else {
       this.section = PLAYER;
     }
+    newConfig.mediaBrowserItemsPerRow = newConfig.mediaBrowserItemsPerRow || 4;
     this.config = newConfig;
   }
 

diff --git a/src/components/media-browser-icons.ts b/src/components/media-browser-icons.ts
@@ -32,7 +32,7 @@ export class MediaBrowserIcons extends LitElement {
               class="button"
               @click=${() => this.dispatchEvent(customEvent(MEDIA_ITEM_SELECTED, item))}
             >
-              ${renderMediaBrowserItem(item, !item.thumbnail || !!this.config.mediaBrowserShowTitleForThumbnailIcons)}
+              ${renderMediaBrowserItem(item, !item.thumbnail || !this.config.mediaBrowserHideTitleForThumbnailIcons)}
             </ha-control-button>
           `,
         )}

diff --git a/src/editor/advanced-editor.ts b/src/editor/advanced-editor.ts
@@ -28,7 +28,7 @@ export const ADVANCED_SCHEMA = [
     name: 'artworkHostname',
   },
   {
-    name: 'mediaBrowserShowTitleForThumbnailIcons',
+    name: 'mediaBrowserHideTitleForThumbnailIcons',
     selector: { boolean: {} },
   },
   {

diff --git a/src/editor/general-editor.ts b/src/editor/general-editor.ts
@@ -16,7 +16,7 @@ export const GENERAL_SCHEMA = [
   {
     type: 'integer',
     name: 'mediaBrowserItemsPerRow',
-    default: 1,
+    default: 4,
     required: true,
     valueMin: 1,
     valueMax: 30,

diff --git a/src/sections/media-browser.ts b/src/sections/media-browser.ts
@@ -33,7 +33,7 @@ export class MediaBrowser extends LitElement {
       until(
         this.getFavorites(this.activePlayer).then((items) => {
           if (items?.length) {
-            return (this.config.mediaBrowserItemsPerRow ?? 0) > 1
+            return (this.config.mediaBrowserItemsPerRow ?? 4) > 1
               ? html`
                   <sonos-media-browser-icons
                     .items=${items}

diff --git a/src/types.ts b/src/types.ts
@@ -40,7 +40,7 @@ export interface CardConfig extends LovelaceCardConfig {
   customThumbnailIfMissing?: CustomThumbnails;
   mediaBrowserTitlesToIgnore?: string[];
   mediaBrowserItemsPerRow?: number;
-  mediaBrowserShowTitleForThumbnailIcons?: boolean;
+  mediaBrowserHideTitleForThumbnailIcons?: boolean;
   topFavorites?: string[];
   numberOfFavoritesToShow?: number;
   hideBrowseMediaButton?: boolean;