From efe1ab327bea8bcf0872525e4d32b92b1a06007e Mon Sep 17 00:00:00 2001
From: brunosimon <simon.bruno.77@gmail.com>
Date: Sat, 12 Aug 2017 12:45:34 +0200
Subject: [PATCH] :sparkles: Site > Order files and versions

---
 site/src/components/files-tree-folder/script.js  | 13 +++++++++++++
 .../components/files-tree-folder/template.html   |  2 +-
 site/src/components/versions/script.js           | 16 ++++++++++++++++
 site/src/components/versions/template.html       |  2 +-
 4 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/site/src/components/files-tree-folder/script.js b/site/src/components/files-tree-folder/script.js
index 698292f..78ef418 100644
--- a/site/src/components/files-tree-folder/script.js
+++ b/site/src/components/files-tree-folder/script.js
@@ -22,6 +22,19 @@ export default
         }
     },
 
+    computed:
+    {
+        files()
+        {
+            const files = this.content.files.sort((fileA, fileB) =>
+            {
+                return fileA.name < fileB.name ? -1 : 1
+            })
+
+            return files
+        }
+    },
+
     created()
     {
     },
diff --git a/site/src/components/files-tree-folder/template.html b/site/src/components/files-tree-folder/template.html
index 1146049..9966f4a 100644
--- a/site/src/components/files-tree-folder/template.html
+++ b/site/src/components/files-tree-folder/template.html
@@ -4,6 +4,6 @@
     </a>
     <div v-show="open">
         <files-tree-folder v-for="folder of content.folders" :key="folder.name" :content="folder" :depth="depth + 1"></files-tree-folder>
-        <files-tree-file v-for="file of content.files" :key="file.data.path.full" :content="file" :depth="depth + 1"></files-tree-file>
+        <files-tree-file v-for="file of files" :key="file.data.path.full" :content="file" :depth="depth + 1"></files-tree-file>
     </div>
 </div>
\ No newline at end of file
diff --git a/site/src/components/versions/script.js b/site/src/components/versions/script.js
index da44182..61021af 100644
--- a/site/src/components/versions/script.js
+++ b/site/src/components/versions/script.js
@@ -12,5 +12,21 @@ export default
     props:
     {
         content: { type: Array }
+    },
+
+    computed:
+    {
+        versions()
+        {
+            const versions = this.content.sort((versionA, versionB) =>
+            {
+                const dateA = new Date(versionA.date)
+                const dateB = new Date(versionB.date)
+
+                return dateB.getTime() - dateA.getTime()
+            })
+
+            return versions
+        }
     }
 }
\ No newline at end of file
diff --git a/site/src/components/versions/template.html b/site/src/components/versions/template.html
index af4dfe9..7f7f862 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 content" :content="version"></version>
+    <version v-for="version of versions" :content="version"></version>
 </div>
\ No newline at end of file