From 4b1499c8ed36a7c5b8ccc6ec9d87d13551f4a805 Mon Sep 17 00:00:00 2001
From: Ben Peachey <ben@muze.nl>
Date: Tue, 27 Aug 2024 11:43:56 +0200
Subject: [PATCH] Add visual cue for archived repositories.

---
 components/org-repos/componentCss/repo.css         |  8 ++++++++
 .../org-repos/componentTemplates/org-repos.html    |  6 +++++-
 .../org-repos/componentTemplates/org-repos.json    |  5 +++++
 generated.html                                     | 14 +++++++++++++-
 4 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/components/org-repos/componentCss/repo.css b/components/org-repos/componentCss/repo.css
index 934477e..5f4fb19 100644
--- a/components/org-repos/componentCss/repo.css
+++ b/components/org-repos/componentCss/repo.css
@@ -33,6 +33,14 @@ ol.repos .repo {
   margin-bottom: 10px;
 }
 
+ol.repos .repo[data-archived="true"] {
+  opacity: 0.5;
+}
+
+ol.repos .repo[data-archived="true"] h3:after {
+  content: " (archived)";
+}
+
 ol.repos .repo .members:not(.simply-empty) {
   background-color: white;
   padding: 10px;
diff --git a/components/org-repos/componentTemplates/org-repos.html b/components/org-repos/componentTemplates/org-repos.html
index 684e7bf..ca50679 100644
--- a/components/org-repos/componentTemplates/org-repos.html
+++ b/components/org-repos/componentTemplates/org-repos.html
@@ -1,6 +1,10 @@
 <ol class="repos" data-simply-list="orgRepos">
   <template>
-    <li class="repo">
+    <li class="repo"
+        data-simply-field="archived"
+        data-simply-content="attributes"
+        data-simply-attributes="data-archived"
+	>
       <h3 data-simply-field="name"></h3>
       <div class="teams" data-simply-list="teams">
         <template>
diff --git a/components/org-repos/componentTemplates/org-repos.json b/components/org-repos/componentTemplates/org-repos.json
index 19c0b0c..13115ee 100644
--- a/components/org-repos/componentTemplates/org-repos.json
+++ b/components/org-repos/componentTemplates/org-repos.json
@@ -21,6 +21,11 @@
         {"login" : "user", "role_name": "admin"},
         {"login" : "user", "role_name": "admin"}
       ]
+    },
+    {
+      "archived" : true,
+      "name" : "Archived Repo",
+      "teams" : [{"team" : "foo"}, {"team" : "bar"}]
     }
   ]
 }
\ No newline at end of file
diff --git a/generated.html b/generated.html
index b967850..2b34c8b 100644
--- a/generated.html
+++ b/generated.html
@@ -79,6 +79,14 @@
         margin-bottom: 10px;
     }
 
+    ol.repos .repo[data-archived="true"] {
+      opacity: 0.5;
+    }
+
+    ol.repos .repo[data-archived="true"] h3:after {
+      content: "(archived)";
+    }
+
     ol.repos .repo .members:not(.simply-empty) {
         background-color: white;
         padding: 10px;
@@ -495,7 +503,11 @@
 <template id="org-repos">
     <ol class="repos" data-simply-list="orgRepos">
         <template>
-            <li class="repo">
+            <li class="repo"
+                data-simply-field="archived"
+                data-simply-content="attributes"
+                data-simply-attributes="data-archived"
+            >
                 <h3 data-simply-field="name"></h3>
                 <div class="teams" data-simply-list="teams">
                     <template>