From f67984d66b1cbc441ebf8ac857b4ba20a358c5bd Mon Sep 17 00:00:00 2001
From: Jacob Strieb <jstrieb@users.noreply.github.com>
Date: Sun, 30 Jun 2019 01:14:07 -0700
Subject: [PATCH] Add button to copy generated code

---
 editor/editor.js  | 16 +++++++++++++++-
 editor/index.html |  1 +
 2 files changed, 16 insertions(+), 1 deletion(-)
diff --git a/editor/editor.js b/editor/editor.js
index 74f4f02..545ea6a 100644
--- a/editor/editor.js
+++ b/editor/editor.js
@@ -28,7 +28,8 @@ ${data["css"]}
 <script type="text/javascript">
 ${data["js"]}
 </scr` +
-// This has to be broken up because otherwise it is recognized as the main document's end script tag
+// This has to be broken up because otherwise it is recognized as the main
+// document's end script tag
 `ipt>
 </head>
 <body>
@@ -65,3 +66,16 @@ function update() {
   // Update the <iframe> to display the generated page
   window.frames[0].location.replace(`data:text/html,${encodeURIComponent(html)}`);
 }
+
+/* Show a prompt with the HTML so the user can copy the code */
+function showCopyCodePrompt() {
+  var data = {
+    "css" : document.getElementById("css").value,
+    "js" : document.getElementById("javascript").value,
+    "html" : document.getElementById("html").value
+  };
+
+  var html = getHTML(data);
+
+  window.prompt("Copy to clipboard: ", html)
+}
diff --git a/editor/index.html b/editor/index.html
index 408106c..16cf61f 100644
--- a/editor/index.html
+++ b/editor/index.html
@@ -15,6 +15,7 @@
 
 <div id="buttons">
   <button><a id="getLinkLink" href="" target="_blank">Get Link</a></button>
+  <button onclick="showCopyCodePrompt()">Copy Code</button>
 </div>
 
 <iframe></iframe>
