From 640cadac63bbb59876b9aa4f2c0b7170fd571b6c Mon Sep 17 00:00:00 2001
From: Joe Wroten <joe.wroten@q2ebanking.com>
Date: Sun, 14 May 2017 11:34:52 -0500
Subject: [PATCH] Placeholders for ImportExport

---
 src/components/Index.vue | 40 +++++++++++++++++++++++++++++++++++-----
 1 file changed, 35 insertions(+), 5 deletions(-)

diff --git a/src/components/Index.vue b/src/components/Index.vue
index b91ed8c..be13ec4 100644
--- a/src/components/Index.vue
+++ b/src/components/Index.vue
@@ -3,12 +3,34 @@
     <div slot="header" class="toolbar">
       <q-toolbar-title :padding="0">
         My Spells v2.0 
-
-        <q-search
-          class="primary"
-          v-model="search"
-        ></q-search>
       </q-toolbar-title>
+
+      <button v-on:click="copy">
+        <i>file_download</i>
+        <q-tooltip
+          anchor="bottom right"
+          self="top right"
+        >
+          Export Chosen Spells
+        </q-tooltip>
+      </button>
+
+      <button v-on:click="paste">
+        <i>cloud_upload</i>
+        <q-tooltip
+          anchor="bottom right"
+          self="top right"
+        >
+          Import Chosen Spells
+        </q-tooltip>
+      </button>
+    </div>
+
+    <div slot="header" class="toolbar primary">
+      <q-search
+        class="primary"
+        v-model="search"
+      ></q-search>
     </div>
 
     <div class="layout-view">
@@ -66,6 +88,14 @@ export default {
       .catch(fetchFailure)
       .then(() => { Loading.hide() })
     }
+  },
+  methods: {
+    copy () {
+      console.log('Copy Chosen!', this.state.chosen)
+    },
+    paste () {
+      console.log('Load Chosen!')
+    }
   }
 }
 </script>