From a354abc8efcdfac3af790bc869bab9bfb357d929 Mon Sep 17 00:00:00 2001
From: Kylart <garnier@et.esiea.fr>
Date: Wed, 26 Apr 2017 21:59:41 +0200
Subject: [PATCH] Releases page now shows last update's time.

---
 pages/index.vue | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 5d4b997..7eb9d69 100755
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,7 +2,10 @@
 	<v-container fluid class="container">
 		<div v-if="$store.state.releases.length">
 			<v-row style="margin: 0 1% 0 1%;">
-				<v-col md8 sm6 xs0></v-col>
+				<v-col md2 sm2 xs12 class="time-container">
+					<span class="update-time">Updated at: {{ lastUpdateTime }}</span>
+				</v-col>
+				<v-col md6 sm3 xs0></v-col>
 				<v-col md2 sm3 xs12>
 					<v-select
 									class="select"
@@ -138,6 +141,7 @@
   export default {
     data () {
       return {
+        lastUpdateTime: (new Date()).toLocaleTimeString(),
         modal: false,
         modalTitle: '',
         modalText: '',
@@ -151,6 +155,16 @@
         qualityList: ['480p', '720p', '1080p']
       }
     },
+    computed: {
+      releases: function () {
+        return this.$store.state.releases
+      }
+    },
+    watch: {
+      releases: function () {
+        this.lastUpdateTime = (new Date()).toLocaleTimeString()
+      }
+    },
     components: {
       Loader
     },
@@ -226,9 +240,18 @@
 		height: 2.5rem;
 	}
 
-	.container
+	.time-container
 	{
+		align-self: center;
+	}
 
+	.update-time
+	{
+		padding-left: 20px;
+		color: rgba(255, 255, 255, 0.8);
+		font-weight: 600;
+		font-size: 16px;
+		font-style: italic;
 	}
 
 	.elem