From eec3530e76f11cf54c95b762db12c0e8766a3089 Mon Sep 17 00:00:00 2001
From: mattsigal <mattsigal@users.noreply.github.com>
Date: Tue, 8 Sep 2026 21:11:08 -0700
Subject: [PATCH] Add ModernCardsOnMyMediaRow setting support to Moonbase

- Add ModernCardsOnMyMediaRow to MoonfinSettingsProfile in Jellyfin and Emby
- Add Modern cards on My Media row default user setting and description in configPage.html
- Bind ModernCardsOnMyMediaRow in moonfin.js for settings save and load
---
 .../Models/MoonfinSettingsProfile.cs                  |  1 +
 Emby/Emby.Plugins.Moonfin/Pages/configPage.html       |  9 +++++++++
 Emby/Emby.Plugins.Moonfin/Pages/moonfin.js            |  2 ++
 Jellyfin/backend/Models/MoonfinSettingsProfile.cs     |  3 +++
 Jellyfin/backend/Pages/configPage.html                | 11 +++++++++++
 5 files changed, 26 insertions(+)

diff --git a/Emby/Emby.Plugins.Moonfin/Models/MoonfinSettingsProfile.cs b/Emby/Emby.Plugins.Moonfin/Models/MoonfinSettingsProfile.cs
index 9da1a2d..6921b1d 100644
--- a/Emby/Emby.Plugins.Moonfin/Models/MoonfinSettingsProfile.cs
+++ b/Emby/Emby.Plugins.Moonfin/Models/MoonfinSettingsProfile.cs
@@ -64,6 +64,7 @@ public class MoonfinSettingsProfile
         [JsonPropertyName("backdropEnabled")] public bool? BackdropEnabled { get; set; }
         [JsonPropertyName("homeRowsImageTypeOverride")] public bool? HomeRowsImageTypeOverride { get; set; }
         [JsonPropertyName("homeRowsStyle")] public string? HomeRowsStyle { get; set; }
+        [JsonPropertyName("modernCardsOnMyMediaRow")] public bool? ModernCardsOnMyMediaRow { get; set; }
         [JsonPropertyName("modernHomeRowsPadding")] public int? ModernHomeRowsPadding { get; set; }
         [JsonPropertyName("classicHomeRowsPadding")] public int? ClassicHomeRowsPadding { get; set; }
         [JsonPropertyName("fullScreenRows")] public bool? FullScreenRows { get; set; }
diff --git a/Emby/Emby.Plugins.Moonfin/Pages/configPage.html b/Emby/Emby.Plugins.Moonfin/Pages/configPage.html
index 753c1d6..c9e09ab 100644
--- a/Emby/Emby.Plugins.Moonfin/Pages/configPage.html
+++ b/Emby/Emby.Plugins.Moonfin/Pages/configPage.html
@@ -1265,6 +1265,15 @@ <h4 style="margin: 1em 0 0.5em; font-size: 0.95em; color: #00a4dc;">Home Row Dis
                                     <option value="v2">Modern</option>
                                 </select>
                             </div>
+                            <div class="inputContainer">
+                                <label class="inputLabel inputLabelUnfocused" for="DefaultModernCardsOnMyMediaRow">Modern cards on My Media row</label>
+                                <select id="DefaultModernCardsOnMyMediaRow" is="emby-select">
+                                    <option value="">Not set (user decides)</option>
+                                    <option value="true">Yes</option>
+                                    <option value="false">No</option>
+                                </select>
+                                <div class="fieldDescription">Display customizable posters that expand on focus. Disable to always show landscape thumbnail.</div>
+                            </div>
                             <div class="inputContainer">
                                 <label class="inputLabel inputLabelUnfocused" for="DefaultMergeContinueWatchingNextUp">Merge Continue Watching and Next Up</label>
                                 <select id="DefaultMergeContinueWatchingNextUp" is="emby-select">
diff --git a/Emby/Emby.Plugins.Moonfin/Pages/moonfin.js b/Emby/Emby.Plugins.Moonfin/Pages/moonfin.js
index 34778aa..d680219 100644
--- a/Emby/Emby.Plugins.Moonfin/Pages/moonfin.js
+++ b/Emby/Emby.Plugins.Moonfin/Pages/moonfin.js
@@ -1896,6 +1896,7 @@ define(['baseView', 'loading', 'emby-input', 'emby-button', 'emby-checkbox', 'em
             setNullableBoolSelect(view, '#DefaultCinemaModeEpisodesEnabled', defaults.cinemaModeEpisodesEnabled);
 
             setSelectValue(view, '#DefaultHomeRowsStyle', defaults.homeRowsStyle, 'Configured style');
+            setNullableBoolSelect(view, '#DefaultModernCardsOnMyMediaRow', defaults.modernCardsOnMyMediaRow);
             setNullableBoolSelect(view, '#DefaultFullScreenRows', defaults.fullScreenRows);
             setNullableBoolSelect(view, '#DefaultHomeRowInfoOverlay', defaults.homeRowInfoOverlay);
             bindNullableRangeInput(view, '#DefaultClassicHomeRowsPadding', 'px');
@@ -2167,6 +2168,7 @@ define(['baseView', 'loading', 'emby-input', 'emby-button', 'emby-checkbox', 'em
             }
 
             d.homeRowsStyle = view.querySelector('#DefaultHomeRowsStyle').value || null;
+            d.modernCardsOnMyMediaRow = getNullableBoolSelect(view, '#DefaultModernCardsOnMyMediaRow');
             d.fullScreenRows = getNullableBoolSelect(view, '#DefaultFullScreenRows');
             d.homeRowInfoOverlay = getNullableBoolSelect(view, '#DefaultHomeRowInfoOverlay');
             d.classicHomeRowsPadding = getNullableRangeInput(view, '#DefaultClassicHomeRowsPadding');
diff --git a/Jellyfin/backend/Models/MoonfinSettingsProfile.cs b/Jellyfin/backend/Models/MoonfinSettingsProfile.cs
index 10c3949..100ab70 100644
--- a/Jellyfin/backend/Models/MoonfinSettingsProfile.cs
+++ b/Jellyfin/backend/Models/MoonfinSettingsProfile.cs
@@ -197,6 +197,9 @@ public class MoonfinSettingsProfile
     [JsonPropertyName("homeRowsStyle")]
     public string? HomeRowsStyle { get; set; }
 
+    [JsonPropertyName("modernCardsOnMyMediaRow")]
+    public bool? ModernCardsOnMyMediaRow { get; set; }
+
     [JsonPropertyName("modernHomeRowsPadding")]
     public int? ModernHomeRowsPadding { get; set; }
 
diff --git a/Jellyfin/backend/Pages/configPage.html b/Jellyfin/backend/Pages/configPage.html
index 71d05c1..278b972 100644
--- a/Jellyfin/backend/Pages/configPage.html
+++ b/Jellyfin/backend/Pages/configPage.html
@@ -1151,6 +1151,15 @@ <h4 style="margin: 1em 0 0.5em; font-size: 0.95em; color: #00a4dc;">Home Row Dis
                                     <option value="v2">Modern</option>
                                 </select>
                             </div>
+                            <div class="inputContainer">
+                                <label class="inputLabel inputLabelUnfocused" for="DefaultModernCardsOnMyMediaRow">Modern cards on My Media row</label>
+                                <select id="DefaultModernCardsOnMyMediaRow" is="emby-select">
+                                    <option value="">Not set (user decides)</option>
+                                    <option value="true">Yes</option>
+                                    <option value="false">No</option>
+                                </select>
+                                <div class="fieldDescription">Display customizable posters that expand on focus. Disable to always show landscape thumbnail.</div>
+                            </div>
                             <div class="inputContainer">
                                 <label class="inputLabel inputLabelUnfocused" for="DefaultMergeContinueWatchingNextUp">Merge Continue Watching and Next Up</label>
                                 <select id="DefaultMergeContinueWatchingNextUp" is="emby-select">
@@ -5382,6 +5391,7 @@ <h3 class="sectionTitle">Active Downloads</h3>
                     setSelectValue('#DefaultSeasonalSurprise', defaults.seasonalSurprise, 'Configured surprise');
 
                     setSelectValue('#DefaultHomeRowsStyle', defaults.homeRowsStyle, 'Configured style');
+                    setNullableBoolSelect('#DefaultModernCardsOnMyMediaRow', defaults.modernCardsOnMyMediaRow);
                     setNullableBoolSelect('#DefaultFullScreenRows', defaults.fullScreenRows);
                     setNullableBoolSelect('#DefaultHomeRowInfoOverlay', defaults.homeRowInfoOverlay);
                     bindNullableRangeInput('#DefaultClassicHomeRowsPadding', 'px');
@@ -5904,6 +5914,7 @@ <h3 class="sectionTitle">Active Downloads</h3>
 
 
                         config.DefaultUserSettings.homeRowsStyle = document.querySelector('#DefaultHomeRowsStyle').value || null;
+                        config.DefaultUserSettings.modernCardsOnMyMediaRow = getNullableBoolSelect('#DefaultModernCardsOnMyMediaRow');
                         config.DefaultUserSettings.fullScreenRows = getNullableBoolSelect('#DefaultFullScreenRows');
                         config.DefaultUserSettings.homeRowInfoOverlay = getNullableBoolSelect('#DefaultHomeRowInfoOverlay');
                         config.DefaultUserSettings.classicHomeRowsPadding = getNullableRangeInput('#DefaultClassicHomeRowsPadding');