From 022a9fc664729f8fb91582e10576ebe129c77b5d Mon Sep 17 00:00:00 2001
From: Jesse Shawl <jesse@jshawl.com>
Date: Wed, 1 Feb 2017 17:49:23 -0500
Subject: [PATCH] handle events

---
 index.html | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 88fd5a2..3d7d046 100644
--- a/index.html
+++ b/index.html
@@ -9,9 +9,14 @@
     </div>
     <script type='x-template' id='tree'>
       <div>
-        <div v-for="file in files">
-          {{file.name}}<span v-if="file.tag == 'folder'">/</span>
-        </div>
+	<div v-for="file in files">
+	  <div v-if="file.tag == 'folder'" v-on:click='toggleExpand()'>
+	    {{file.name}}/
+	  </div>
+	  <div v-else>
+	    {{file.name}}
+	  </div>
+	</div>
       </div>
     </script>
     <script>
@@ -22,6 +27,11 @@
       ]
       Vue.component('tree',{
         template: '#tree',
+        methods: {
+          toggleExpand: function(){
+            console.log('togglin!')
+          }
+        },
         data(){
           return {
             files
@@ -33,4 +43,4 @@
       })
     </script>
   </body>
-</html>
\ No newline at end of file
+</html>