From f2ca2ac2778167869a5057ba3b4c26b3b3a9eead Mon Sep 17 00:00:00 2001
From: brunosimon <simon.bruno.77@gmail.com>
Date: Tue, 29 Aug 2017 19:48:52 +0100
Subject: [PATCH] :sparkles: Site > Versions > Active latest and keep active

---
 site/src/components/file/template.html     |  2 +-
 site/src/components/version/script.js      |  8 ----
 site/src/components/version/style.styl     |  2 +
 site/src/components/version/template.html  |  2 +-
 site/src/components/versions/script.js     | 44 +++++++++++++++++++++-
 site/src/components/versions/template.html |  2 +-
 site/src/store/modules/files.js            |  4 +-
 7 files changed, 51 insertions(+), 13 deletions(-)

diff --git a/site/src/components/file/template.html b/site/src/components/file/template.html
index 35a9702..d8271ff 100644
--- a/site/src/components/file/template.html
+++ b/site/src/components/file/template.html
@@ -3,6 +3,6 @@
         File
         {{ content.path.directory }} {{ content.name }}
     </header>
-    <versions :content="content.versions"></versions>
+    <versions :file="content" :content="content.versions"></versions>
     <viewer></viewer>
 </div>
\ No newline at end of file
diff --git a/site/src/components/version/script.js b/site/src/components/version/script.js
index 7e22990..75099eb 100644
--- a/site/src/components/version/script.js
+++ b/site/src/components/version/script.js
@@ -5,13 +5,5 @@ export default
     props:
     {
         content: { type: Object }
-    },
-
-    methods:
-    {
-        onClick()
-        {
-            this.$store.commit('setVersion', this.content)
-        }
     }
 }
\ No newline at end of file
diff --git a/site/src/components/version/style.styl b/site/src/components/version/style.styl
index e69de29..e7d4f5c 100644
--- a/site/src/components/version/style.styl
+++ b/site/src/components/version/style.styl
@@ -0,0 +1,2 @@
+.version
+	display block
\ No newline at end of file
diff --git a/site/src/components/version/template.html b/site/src/components/version/template.html
index 978740e..953fd57 100644
--- a/site/src/components/version/template.html
+++ b/site/src/components/version/template.html
@@ -1,3 +1,3 @@
-<a href="#" class="version" @click.prevent="onClick">
+<a href="#" class="version">
     {{ content.date }}
 </a>
\ No newline at end of file
diff --git a/site/src/components/versions/script.js b/site/src/components/versions/script.js
index 61021af..189ad81 100644
--- a/site/src/components/versions/script.js
+++ b/site/src/components/versions/script.js
@@ -11,13 +11,15 @@ export default
 
     props:
     {
-        content: { type: Array }
+        content: { type: Array },
+        file: { type: Object }
     },
 
     computed:
     {
         versions()
         {
+            // console.log('uh')
             const versions = this.content.sort((versionA, versionB) =>
             {
                 const dateA = new Date(versionA.date)
@@ -28,5 +30,45 @@ export default
 
             return versions
         }
+    },
+
+    watch:
+    {
+        versions: 'onVersionsUpdate',
+        file: 'onFileUpdate'
+    },
+
+    created()
+    {
+        this.keepLatest = false
+    },
+
+    mounted()
+    {
+        this.$store.commit('setVersion', this.versions[0])
+    },
+
+    methods:
+    {
+        onVersionsUpdate()
+        {
+            if(this.keepLatest)
+            {
+                this.$store.commit('setVersion', this.versions[0])
+            }
+        },
+
+        onFileUpdate()
+        {
+            this.keepLatest = true
+            this.$store.commit('setVersion', this.versions[0])
+        },
+        
+        onVersionClick(version, index)
+        {
+            this.keepLatest = index === 0
+
+            this.$store.commit('setVersion', version)
+        }
     }
 }
\ No newline at end of file
diff --git a/site/src/components/versions/template.html b/site/src/components/versions/template.html
index 7f7f862..0f8d479 100644
--- a/site/src/components/versions/template.html
+++ b/site/src/components/versions/template.html
@@ -1,3 +1,3 @@
 <div class="versions">
-    <version v-for="version of versions" :content="version"></version>
+    <version v-for="(version, key) of versions" :content="version" @click.native.prevent="onVersionClick(version, key)"></version>
 </div>
\ No newline at end of file
diff --git a/site/src/store/modules/files.js b/site/src/store/modules/files.js
index 6b0a1f9..84c4a25 100644
--- a/site/src/store/modules/files.js
+++ b/site/src/store/modules/files.js
@@ -35,9 +35,11 @@ export default {
         {
             const file = state.tree.getFile(data)
 
-            if(file)
+            if(!state.current || state.current.data.id !== file.data.id)
             {
                 state.current = file
+                // console.log(state.current.data.versions.length)
+                // state.currentVersion = state.current.data.versions[state.current.data.versions.length - 1]
             }
         },