From 34a48c8c7ba319393016bf1645359b7c0f3a29bf Mon Sep 17 00:00:00 2001
From: Colin Powell <colin@unbl.ink>
Date: Fri, 20 Mar 2026 13:27:33 -0400
Subject: [PATCH] [widgets] Add widget css customization

---
 vrobbler/apps/profiles/forms.py                |  1 +
 .../0030_userprofile_widget_custom_css.py      | 18 ++++++++++++++++++
 vrobbler/apps/profiles/models.py               |  1 +
 vrobbler/apps/scrobbles/views.py               |  4 ++++
 vrobbler/templates/base.html                   |  7 +++++++
 vrobbler/templates/base_detail.html            |  3 +++
 vrobbler/templates/base_list.html              |  3 +++
 .../scrobbles/embeddable_top_artist.html       |  3 +++
 .../embeddable_top_board_games_month.html      |  3 +++
 .../embeddable_top_board_games_week.html       |  3 +++
 .../embeddable_top_board_games_year.html       |  3 +++
 .../templates/scrobbles/scrobble_list.html     |  3 ---
 12 files changed, 49 insertions(+), 3 deletions(-)
 create mode 100644 vrobbler/apps/profiles/migrations/0030_userprofile_widget_custom_css.py

diff --git a/vrobbler/apps/profiles/forms.py b/vrobbler/apps/profiles/forms.py
index 043a092..200b9db 100644
--- a/vrobbler/apps/profiles/forms.py
+++ b/vrobbler/apps/profiles/forms.py
@@ -33,6 +33,7 @@ class UserProfileForm(forms.ModelForm):
             "ntfy_enabled",
             "redirect_to_webpage",
             "enable_public_widgets",
+            "widget_custom_css",
         ]
         widgets = {
             "lastfm_password": forms.PasswordInput(render_value=True),
diff --git a/vrobbler/apps/profiles/migrations/0030_userprofile_widget_custom_css.py b/vrobbler/apps/profiles/migrations/0030_userprofile_widget_custom_css.py
new file mode 100644
index 0000000..a75e53d
--- /dev/null
+++ b/vrobbler/apps/profiles/migrations/0030_userprofile_widget_custom_css.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.29 on 2026-03-20 17:23
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("profiles", "0029_userprofile_enable_public_widgets"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="userprofile",
+            name="widget_custom_css",
+            field=models.TextField(blank=True, null=True),
+        ),
+    ]
diff --git a/vrobbler/apps/profiles/models.py b/vrobbler/apps/profiles/models.py
index 34ae732..0b75aa7 100644
--- a/vrobbler/apps/profiles/models.py
+++ b/vrobbler/apps/profiles/models.py
@@ -62,6 +62,7 @@ class UserProfile(TimeStampedModel):
     redirect_to_webpage = models.BooleanField(default=True)
 
     enable_public_widgets = models.BooleanField(default=False)
+    widget_custom_css = models.TextField(**BNULL)
 
     def __str__(self):
         return f"User profile for {self.user}"
diff --git a/vrobbler/apps/scrobbles/views.py b/vrobbler/apps/scrobbles/views.py
index fe7561a..394c938 100644
--- a/vrobbler/apps/scrobbles/views.py
+++ b/vrobbler/apps/scrobbles/views.py
@@ -1037,6 +1037,7 @@ class EmbeddableTopArtistWidget(TemplateView):
             raise Http404("Public widgets are not enabled for this user")
 
         context["user"] = user
+        context["custom_css"] = profile.widget_custom_css
 
         artist = {
             "user": user,
@@ -1071,6 +1072,7 @@ class EmbeddableTopBoardGamesMonthWidget(TemplateView):
             raise Http404("Public widgets are not enabled for this user")
 
         context["user"] = user
+        context["custom_css"] = profile.widget_custom_css
 
         now = timezone.now()
         if user.is_authenticated:
@@ -1117,6 +1119,7 @@ class EmbeddableTopBoardGamesWeekWidget(TemplateView):
             raise Http404("Public widgets are not enabled for this user")
 
         context["user"] = user
+        context["custom_css"] = profile.widget_custom_css
 
         now = timezone.now()
         if user.is_authenticated:
@@ -1161,6 +1164,7 @@ class EmbeddableTopBoardGamesYearWidget(TemplateView):
             raise Http404("Public widgets are not enabled for this user")
 
         context["user"] = user
+        context["custom_css"] = profile.widget_custom_css
 
         now = timezone.now()
         if user.is_authenticated:
diff --git a/vrobbler/templates/base.html b/vrobbler/templates/base.html
index 273c4ec..96051c5 100644
--- a/vrobbler/templates/base.html
+++ b/vrobbler/templates/base.html
@@ -185,6 +185,13 @@
                 {{ imdb_form }}
             </form>
             {% endif %}
+	    {% if user.is_authenticated %}
+            <div class="navbar-nav">
+                <div class="nav-item text-nowrap">
+                    <a class="nav-link px-3" href="{% url "profiles:profile_settings" %}">Settings</a>
+		</div>
+	    </div>
+                {% endif %}
             <div class="navbar-nav">
                 <div class="nav-item text-nowrap">
                     {% if user.is_authenticated %}
diff --git a/vrobbler/templates/base_detail.html b/vrobbler/templates/base_detail.html
index 37d10d6..228bae6 100644
--- a/vrobbler/templates/base_detail.html
+++ b/vrobbler/templates/base_detail.html
@@ -14,6 +14,9 @@
                     </button>
                 </form>
             </div>
+            <div class="btn-group me-2">
+              <a href="{% url 'scrobbles:charts-home' %}" class="btn btn-sm btn-outline-secondary">Charts</a>
+            </div>
             <div class="btn-group me-2">
                 <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-toggle="modal"
                     data-bs-target="#exportModal">Export</button>
diff --git a/vrobbler/templates/base_list.html b/vrobbler/templates/base_list.html
index 85b6a22..cdb9d51 100644
--- a/vrobbler/templates/base_list.html
+++ b/vrobbler/templates/base_list.html
@@ -16,6 +16,9 @@
                     </button>
                 </form>
             </div>
+            <div class="btn-group me-2">
+              <a href="{% url 'scrobbles:charts-home' %}" class="btn btn-sm btn-outline-secondary">Charts</a>
+            </div>
             {% endif %}
             <div class="btn-group me-2">
                 {% if view == 'grid' %}
diff --git a/vrobbler/templates/scrobbles/embeddable_top_artist.html b/vrobbler/templates/scrobbles/embeddable_top_artist.html
index 065a6d8..e6c1789 100644
--- a/vrobbler/templates/scrobbles/embeddable_top_artist.html
+++ b/vrobbler/templates/scrobbles/embeddable_top_artist.html
@@ -57,6 +57,9 @@
     color: #666;
     font-style: italic;
   }
+  {% if custom_css %}
+  {{ custom_css }}
+  {% endif %}
 </style>
 
 <div class="vrobbler-widget">
diff --git a/vrobbler/templates/scrobbles/embeddable_top_board_games_month.html b/vrobbler/templates/scrobbles/embeddable_top_board_games_month.html
index 2c82221..8b7f566 100644
--- a/vrobbler/templates/scrobbles/embeddable_top_board_games_month.html
+++ b/vrobbler/templates/scrobbles/embeddable_top_board_games_month.html
@@ -57,6 +57,9 @@
     color: #666;
     font-style: italic;
   }
+  {% if custom_css %}
+  {{ custom_css }}
+  {% endif %}
 </style>
 
 <div class="vrobbler-widget">
diff --git a/vrobbler/templates/scrobbles/embeddable_top_board_games_week.html b/vrobbler/templates/scrobbles/embeddable_top_board_games_week.html
index 5fbd144..b5e1c12 100644
--- a/vrobbler/templates/scrobbles/embeddable_top_board_games_week.html
+++ b/vrobbler/templates/scrobbles/embeddable_top_board_games_week.html
@@ -57,6 +57,9 @@
     color: #666;
     font-style: italic;
   }
+  {% if custom_css %}
+  {{ custom_css }}
+  {% endif %}
 </style>
 
 <div class="vrobbler-widget">
diff --git a/vrobbler/templates/scrobbles/embeddable_top_board_games_year.html b/vrobbler/templates/scrobbles/embeddable_top_board_games_year.html
index 8950cd2..ae1ad6f 100644
--- a/vrobbler/templates/scrobbles/embeddable_top_board_games_year.html
+++ b/vrobbler/templates/scrobbles/embeddable_top_board_games_year.html
@@ -57,6 +57,9 @@
     color: #666;
     font-style: italic;
   }
+  {% if custom_css %}
+  {{ custom_css }}
+  {% endif %}
 </style>
 
 <div class="vrobbler-widget">
diff --git a/vrobbler/templates/scrobbles/scrobble_list.html b/vrobbler/templates/scrobbles/scrobble_list.html
index 115cb93..4065894 100644
--- a/vrobbler/templates/scrobbles/scrobble_list.html
+++ b/vrobbler/templates/scrobbles/scrobble_list.html
@@ -95,9 +95,6 @@
                 <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-toggle="modal"
                     data-bs-target="#exportModal">Export</button>
             </div>
-            {% block charts_button %}
-            <a href="{% url 'scrobbles:charts-home' %}" class="btn btn-sm btn-outline-secondary">Charts</a>
-            {% endblock %}
             {% endif %}
             <div class="dropdown">
                 <button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle" id="graphDateButton"