From b1e86929a1863a6f33abcd01394ad728a845a4b3 Mon Sep 17 00:00:00 2001
From: Mirjan Hoffmann <mirjan.hoffmann@tib.eu>
Date: Thu, 25 May 2023 14:13:52 +0200
Subject: [PATCH] added copy-to-clipboard-button

---
 i18n/de.json            |  2 ++
 i18n/en.json            |  2 ++
 metadata-generator.html | 21 +++++++++++++++++++++
 3 files changed, 25 insertions(+)

diff --git a/i18n/de.json b/i18n/de.json
index 0d7f776..33db6a8 100644
--- a/i18n/de.json
+++ b/i18n/de.json
@@ -2,6 +2,8 @@
   "FORM_HEADING": "OER Metadaten Formular",
   "LABEL_CHOOSE": "Wähle ...",
   "LABEL_CLOSE": "Schließen",
+  "LABEL_COPIED_TO_CLIPBOARD": "In die Zwischenablage kopiert",
+  "LABEL_COPY": "Kopieren",
   "LABEL_CREATOR": "Autor",
   "LABEL_CREATOR_ADD": "weiteren Autor hinzufügen",
   "LABEL_CREATOR_GIVEN_NAME": "Vorname",
diff --git a/i18n/en.json b/i18n/en.json
index 3354f8f..82a93dd 100644
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -2,6 +2,8 @@
   "FORM_HEADING": "OER Metadata Form",
   "LABEL_CHOOSE": "Choose ...",
   "LABEL_CLOSE": "Close",
+  "LABEL_COPIED_TO_CLIPBOARD": "Copied to Clipboard",
+  "LABEL_COPY": "Copy",
   "LABEL_CREATOR": "Author",
   "LABEL_CREATOR_ADD": "add Author",
   "LABEL_CREATOR_GIVEN_NAME": "Firstname",
diff --git a/metadata-generator.html b/metadata-generator.html
index cf7adeb..fafcef4 100644
--- a/metadata-generator.html
+++ b/metadata-generator.html
@@ -232,6 +232,8 @@
 
       <button type="button" onclick="generate()" class="btn btn-primary"><i class="fa fa-arrow-down"></i> <span data-i18n="LABEL_GENERATE">Generieren</span>
       </button>
+      <button type="button" disabled onclick="copy_generated_output()" class="btn btn-primary" id="button_copy_generated_output"><i class="fa fa-copy"></i> <span data-i18n="LABEL_COPY">Kopieren</span>
+      </button>
       <div class="form-group">
         <label for="comment" data-i18n="LABEL_YAML_METADATA">YAML Metadaten</label>
         <textarea class="form-control" rows="15" id="comment"></textarea>
@@ -239,6 +241,11 @@
     </form>
   </div>
 
+  <div id="copied_to_clipboard_toast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
+    <div class="toast-body"><span data-i18n="LABEL_COPIED_TO_CLIPBOARD">In die Zwischenablage kopiert</span></div>
+    <button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+  </div>
+
   <footer class="bg-light text-center">
     <div class="text-center p-3">
       GitLab:
@@ -548,6 +555,17 @@
     return creators;
   }
 
+  function copy_generated_output() {
+    if (!navigator.clipboard) {
+      return;
+    }
+    navigator.clipboard.writeText(document.getElementById("comment").value).then(function() {
+      $("#copied_to_clipboard_toast").toast("show");
+    }, function(err) {
+      console.error('Async: Could not copy text: ', err);
+    });
+  }
+
   function generate() {
     const creators = getCreators()
     const selectedLanguages = $('#inputLanguage').val();
@@ -583,6 +601,9 @@
       meta.educationalLevel = selectedEducationalLevel.map((t) => ({id: t}))
     }
     document.getElementById("comment").value = jsyaml.dump(meta);
+    if (navigator.clipboard) {
+      document.getElementById("button_copy_generated_output").disabled = false
+    }
   }
 
   function setCreators(creators) {