From 4d6d97224a1688831eb78b1130b24d7c6675ff0c Mon Sep 17 00:00:00 2001
From: Jake Tufts <jake.tufts@education.gov.uk>
Date: Fri, 18 Oct 2024 17:09:19 +0100
Subject: [PATCH] Feat: Adding line chart copy to clipboard JS

---
 www/custom_js.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/www/custom_js.js b/www/custom_js.js
index 8b13789..3862783 100644
--- a/www/custom_js.js
+++ b/www/custom_js.js
@@ -1 +1,23 @@
 
+async function getImageBlobFromUrl(url) {
+  const fetchedImageData = await fetch(url);
+  const blob = await fetchedImageData.blob();
+  return blob;
+}
+$(document).ready(function () {
+  $("#stat_n_focus_line-copybtn").on("click", async () => {
+    const src = $("#stat_n_focus_line-copy_plot>img").attr("src");
+    try {
+      const blob = await getImageBlobFromUrl(src);
+      await navigator.clipboard.write([
+        new ClipboardItem({
+          [blob.type]: blob
+        })
+      ]);
+      alert("Image copied to clipboard!");
+    } catch (err) {
+      console.error(err.name, err.message);
+      alert("There was an error while copying image to clipboard :/");
+    }
+  });
+});