From fe1d2ecd4a368cf9bcbfc0fc99601d00bc336e63 Mon Sep 17 00:00:00 2001
From: Adam Goldsmith <adam@adamgoldsmith.name>
Date: Wed, 11 Oct 2017 22:51:43 -0400
Subject: [PATCH] Allow for downloading the input json from the editor

---
 html/editor.html |  3 ++-
 js/editor.js     | 30 +++++++++++++++++++++---------
 2 files changed, 23 insertions(+), 10 deletions(-)
diff --git a/html/editor.html b/html/editor.html
index e75e5dc..ac56427 100644
--- a/html/editor.html
+++ b/html/editor.html
@@ -8,7 +8,8 @@
   <body>
     <div>
       <button type="button" id="saveButton">Save Deck</button>
-      <button type="button" id="jsonInputDownload">Download JSON</button>
+      <button type="button" id="jsonInputDownload">Download Input JSON</button>
+      <button type="button" id="outputDownload">Download Tabletop Output JSON</button>
     </div>
     <div>
       <label> Upload JSON: WARNING: WILL CLEAR DECK
diff --git a/js/editor.js b/js/editor.js
index babc72a..c610593 100644
--- a/js/editor.js
+++ b/js/editor.js
@@ -26,15 +26,18 @@ window.addEventListener("load", () => {
   document.querySelector('#saveButton').addEventListener('click', upload);
 
   // download input JSON
-  document.querySelector('#jsonInputDownload').addEventListener('click', () => {
-    let dl = document.createElement('a');
-    dl.setAttribute('href', 'data:application/json;charset=utf-8,' +
-                    encodeURIComponent(JSON.stringify(deckJSON)));
-    dl.setAttribute('download', deckName + '.input.json');
-    document.body.appendChild(dl);
-    dl.click();
-    document.body.removeChild(dl);
-  });
+  document.querySelector('#jsonInputDownload').addEventListener(
+    'click',
+    () => downloadFile('data:application/json;charset=utf-8,' +
+                       encodeURIComponent(JSON.stringify(deckJSON)),
+                       deckName + '.input.json'));
+
+  // download input JSON
+  document.querySelector('#outputDownload').addEventListener(
+    'click',
+    () => downloadFile('deck.json',
+                       deckName + '.json'));
+
 
   // handle changes to deck editor
   document.querySelector('#deckForm').addEventListener('input', event => {
@@ -67,6 +70,15 @@ window.addEventListener("load", () => {
   });
 });
 
+function downloadFile(file, name) {
+  let dl = document.createElement('a');
+  dl.setAttribute('href', file);
+  dl.setAttribute('download', name);
+  document.body.appendChild(dl);
+  dl.click();
+  document.body.removeChild(dl);
+}
+
 function getJSON(filename, callback) {
   let xhr = new XMLHttpRequest();
   xhr.addEventListener("load", () => {
