FEATURE: Activity indicators for cards

common/common.scss

@@ -119,6 +119,14 @@ html:has(body.kanban-active) {
         background-color: var(--tertiary-low);
       }
 
+      &.card-no-recent-activity {
+        border-left: 5px solid var(--danger-low);
+      }
+
+      &.card-stale {
+        border-left: 5px solid var(--danger-medium);
+      }
+
       .card-row {
         display: flex;
         align-items: baseline;

javascripts/discourse/components/kanban/card.gjs

@@ -74,12 +74,30 @@ export default class KanbanCard extends Component {
       poster.extras?.includes("latest")
     );
   }
+
+  get cardActivityCssClass() {
+    if (!settings.show_activity_indicators) {
+      return "";
+    }
+
+    const bumpedAt = moment(this.args.topic.bumpedAt);
+    if (bumpedAt < moment().add(-20, "days")) {
+      return "card-stale";
+    }
+    if (bumpedAt < moment().add(-7, "days")) {
+      return "card-no-recent-activity";
+    }
+
+    return "";
+  }
+
   <template>
     <a
       class={{concatClass
         "topic-card"
         (if this.topic.unseen "topic-unseen")
         (if this.dragging "dragging")
+        this.cardActivityCssClass
       }}
       draggable="true"
       href={{@topic.lastUnreadUrl}}

settings.yml

@@ -31,3 +31,7 @@ show_topic_thumbnail:
   default: false
   description:
     en: Display the topic thumbnail at the bottom of the card
+show_activity_indicators:
+  default: false
+  description:
+    en: Display an indicator of a card's activity. If the topic has been bumped more than 7 days ago or more than 20 days ago a different style will be applied.