From b726813587393a049534cb0cf078ffac736631a4 Mon Sep 17 00:00:00 2001
From: Adam Goldsmith <adam@adamgoldsmith.name>
Date: Wed, 9 Jan 2019 20:39:25 -0500
Subject: [PATCH] Add an explicit load button to deck JSON upload

---
 src/Editor.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Editor.vue b/src/Editor.vue
index a07921d..2dd98d7 100644
--- a/src/Editor.vue
+++ b/src/Editor.vue
@@ -22,8 +22,9 @@
 
       <div>
         <label> Upload JSON: WARNING: WILL CLEAR DECK
-          <input @change="jsonUpload" type="file">
+          <input ref="jsonUpload" type="file">
         </label>
+        <button type="button" @click="jsonUpload"> Load </button>
       </div>
 
       <div>
@@ -96,7 +97,7 @@
    methods: {
      // deck JSON uploader
      jsonUpload(event) {
-       let files = event.target.files;
+       let files = this.$refs.jsonUpload.files;
        let reader = new FileReader();
        reader.onload = e => this.deckInfo = yaml.safeLoad(e.target.result);
        reader.readAsText(files[0]);