From 85ed467814362ca7bf5d519f94b07bd378e4351d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Erbsh=C3=A4u=C3=9Fer?= <tobias@tesoft.dev>
Date: Sun, 24 May 2026 09:23:08 +0200
Subject: [PATCH] make article state badge gold
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tobias Erbshäußer <tobias@tesoft.dev>
---
 frontend/src/components/badge.njk            | 4 ++++
 frontend/src/components/badge.ts             | 8 ++++++++
 frontend/src/components/blog-article-list.ts | 1 +
 frontend/src/components/blog-article.ts      | 1 +
 4 files changed, 14 insertions(+)

diff --git a/frontend/src/components/badge.njk b/frontend/src/components/badge.njk
index 3c4959a..b9fdd7d 100644
--- a/frontend/src/components/badge.njk
+++ b/frontend/src/components/badge.njk
@@ -14,6 +14,10 @@
             padding: var(--small-padding) var(--medium-padding);
         }
 
+        :host([gold]) > div {
+            background-color: var(--gold);
+        }
+
         slot {
             align-items: center;
             display: grid;
diff --git a/frontend/src/components/badge.ts b/frontend/src/components/badge.ts
index 0cf7f16..32d0366 100644
--- a/frontend/src/components/badge.ts
+++ b/frontend/src/components/badge.ts
@@ -10,6 +10,14 @@ export class TesoftBadge extends TesoftComponent {
         const shadowRoot = this.attachShadow({mode: "open"});
         shadowRoot.appendChild(templateContent.cloneNode(true));
     }
+
+    set gold(value: string | null) {
+        if (value === null) {
+            this.removeAttribute("gold")
+        } else {
+            this.setAttribute("gold", "")
+        }
+    }
 }
 
 customElements.define("tesoft-badge", TesoftBadge);
diff --git a/frontend/src/components/blog-article-list.ts b/frontend/src/components/blog-article-list.ts
index 74d8b04..20bb89a 100644
--- a/frontend/src/components/blog-article-list.ts
+++ b/frontend/src/components/blog-article-list.ts
@@ -109,6 +109,7 @@ export class TesoftBlogArticleList extends TesoftComponent {
                     if (badgeText) {
                         const badge = document.createElement("tesoft-badge") as TesoftBadge;
                         badge.textContent = badgeText;
+                        badge.gold = "";
                         heading.appendChild(badge);
                     }
 
diff --git a/frontend/src/components/blog-article.ts b/frontend/src/components/blog-article.ts
index 016236b..bdbab20 100644
--- a/frontend/src/components/blog-article.ts
+++ b/frontend/src/components/blog-article.ts
@@ -48,6 +48,7 @@ export class TesoftBlogArticle extends TesoftComponent {
             if (badgeText) {
                 const badge = document.createElement("tesoft-badge") as TesoftBadge;
                 badge.textContent = badgeText;
+                badge.gold = "";
                 this.heading.appendChild(badge);
             }