From 5a9056360d67b5aec87eb97412b016d2de0a59b6 Mon Sep 17 00:00:00 2001
From: Sam Bland <sam.bland@york.ac.uk>
Date: Sat, 4 Jul 2026 21:56:22 +0100
Subject: [PATCH 1/2] Add json download button

---
 .../snippets/export_user_skill_profile.html   | 29 +++++++++++++++++--
 .../share_skill_profile_dropdown.html         |  7 +++--
 2 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/main/templates/main/snippets/export_user_skill_profile.html b/main/templates/main/snippets/export_user_skill_profile.html
index 0665c0e2..70527de8 100644
--- a/main/templates/main/snippets/export_user_skill_profile.html
+++ b/main/templates/main/snippets/export_user_skill_profile.html
@@ -7,8 +7,8 @@
 
 -->
 <script>
-    const exportSkillProfileButton = document.querySelector('.export-skill-profile');
-    exportSkillProfileButton.addEventListener('click', function () {
+    const exportSkillProfileCsvButton = document.querySelector('.export-skill-profile-csv');
+    exportSkillProfileCsvButton.addEventListener('click', function () {
       // The skill levels and chart data are passed from the Django view
       // We assume we receive the same data as the skill wheel.
       const skillLevels = {{ skill_levels|safe }};
@@ -30,4 +30,29 @@
       link.click();
       document.body.removeChild(link);
     });
+    const exportSkillProfileJSONButton = document.querySelector('.export-skill-profile-json');
+    exportSkillProfileJSONButton.addEventListener('click', function () {
+      // The skill levels and chart data are passed from the Django view
+      // We assume we receive the same data as the skill wheel.
+      const skillLevels = {{ skill_levels|safe }};
+      const charts = {{ chart_data|safe }};
+
+      const jsonData = charts.map(({user_data, user_id}) => {
+        return user_data.map(({category, skill, skill_level, subcategory}) => {
+          return {
+            category,
+            subcategory,
+            skill,
+            level: skill_level
+          };
+        });
+      }).flat();
+      const jsonContent = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(jsonData, null, 2));
+      const link = document.createElement("a");
+      link.setAttribute("href", encodedUri);
+      link.setAttribute("download", "skill_profile.json");
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    });
 </script>
diff --git a/main/templates/main/snippets/share_skill_profile_dropdown.html b/main/templates/main/snippets/share_skill_profile_dropdown.html
index 40d5e9d5..71ded64d 100644
--- a/main/templates/main/snippets/share_skill_profile_dropdown.html
+++ b/main/templates/main/snippets/share_skill_profile_dropdown.html
@@ -22,9 +22,12 @@
                 {% include "main/snippets/create_user_skill_profile_link.html" %}
             </li>
             <li>
-                <button class="dropdown-item export-skill-profile" href="#">Export as CSV</button>
-                {% include "main/snippets/export_user_skill_profile.html" %}
+                <button class="dropdown-item export-skill-profile-csv" href="#">Export as CSV</button>
             </li>
+            <li>
+                <button class="dropdown-item export-skill-profile-json" href="#">Export as JSON</button>
+            </li>
+            {% include "main/snippets/export_user_skill_profile.html" %}
         </ul>
     </li>
 </div>

From 47bd9f79149852abeb8ef8dcfe49ec20cf293a21 Mon Sep 17 00:00:00 2001
From: Sam Bland <sam.bland@york.ac.uk>
Date: Sat, 4 Jul 2026 21:59:57 +0100
Subject: [PATCH 2/2] Update skill share inline docs

---
 .../main/snippets/export_user_skill_profile.html          | 8 ++++----
 .../main/snippets/share_skill_profile_dropdown.html       | 7 ++++++-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/main/templates/main/snippets/export_user_skill_profile.html b/main/templates/main/snippets/export_user_skill_profile.html
index 70527de8..5dc95212 100644
--- a/main/templates/main/snippets/export_user_skill_profile.html
+++ b/main/templates/main/snippets/export_user_skill_profile.html
@@ -1,9 +1,9 @@
-<!-- This template implements an export button to export the current user's skill profile as a CSV file.
- It works on the skill profile page.
+<!-- This template implements an export button to export the current user's skill profile as a CSV or json file.
 
 
-To use add a button with the class "export-skill-profile" to the page and include the following script at the end of the page.
-"{ % include "main/snippets/export_user_skill_profile.html" %}"
+To use add a button with the class `export-skill-profile-csv` and `export-skill-profile-json`
+ to the page and include the following script at the end of the page.
+`{ % include "main/snippets/export_user_skill_profile.html" %}`
 
 -->
 <script>
diff --git a/main/templates/main/snippets/share_skill_profile_dropdown.html b/main/templates/main/snippets/share_skill_profile_dropdown.html
index 71ded64d..76325313 100644
--- a/main/templates/main/snippets/share_skill_profile_dropdown.html
+++ b/main/templates/main/snippets/share_skill_profile_dropdown.html
@@ -1,4 +1,9 @@
-<!-- Share dropdown -->
+<!-- Share dropdown
+
+This template implements a share dropdown menu for the skill profile page.
+It includes options to open a shareable link, copy the link, and export the skill profile as CSV or JSON.
+
+-->
 <div class="dropdown nav d-none d-sm-block order-lg-3  justify-content-end">
     <li class="nav-item d-flex align-items-center justify-content-end">
         <a class="nav-link dropdown-toggle justify-content-end"