✨ Site > Viewer > Add differences toggle

2017-08-30 22:22:42 +02:00
parent 5d745928ee
commit fd2708ba42
4 changed files with 21 additions and 4 deletions
@@ -11,8 +11,23 @@ export default
        Viewer
    },

+    data()
+    {
+        return {
+            differencesActive: true
+        }
+    },
+
    props:
    {
        content: { type: Object }
+    },
+
+    methods:
+    {
+        onDifferencesClick()
+        {
+            this.differencesActive = !this.differencesActive
+        }
    }
 }
@@ -1,8 +1,9 @@
 <div class="file">
    <header>
+        <a href="#" @click.prevent="onDifferencesClick">Differences <span v-if="differencesActive">(on)</span></a>
        File
        {{ content.path.directory }} {{ content.name }}
    </header>
    <versions :file="content" :content="content.versions"></versions>
-    <viewer></viewer>
+    <viewer :differences-active="differencesActive"></viewer>
 </div>