display last synced in interface

Author: montyanderson

package-lock.json

@@ -37,6 +37,7 @@
     "koa-static": "^5.0.0",
     "ndjson": "^1.5.0",
     "pretty-bytes": "^5.3.0",
+    "relative-date": "^1.1.3",
     "request": "^2.88.0",
     "unzipper": "^0.10.5",
     "vue": "^2.6.11",

package.json

@@ -128,6 +128,7 @@ router.get('/userlist/:page', async ctx => {
 						: 'synced'
 					)
 				),
+		lastSynced: Number(await redis.zscore('tracked', username)),
 		error: await redis.get(`user:${username}:error`)
 	})));
 

server.js

@@ -44,6 +44,14 @@
 				</div>
 			</div>
 
+			<div class="col" style="text-align: center; padding-top: 10px;">
+				<p>
+					last synced
+					<span v-if="user.lastSynced > 0">{{user.lastSynced | relativeDate }}</span>
+					<span v-else>never</span>
+				</p>
+			</div>
+
 			<ul class="list-group list-group-flush" style="padding-bottom: 0;">
 				<li class="list-group-item" v-for="repo in repoList">
 					{{repo}}
@@ -78,6 +86,7 @@
 
 <script>
 const axios = require('axios');
+const relativeDate = require('relative-date');
 
 const capitalize = require('../lib/capitalize');
 
@@ -101,10 +110,12 @@ module.exports = {
 	data: (() => ({
 		cloneRepo: false,
 		repoList: false,
-		user: false
+		user: false,
+		lastSynced: false
 	})),
 	filters: {
-		capitalize
+		capitalize,
+		relativeDate
 	},
 	async created() {
 		const {data: {users, exists, total, totalPages}} = await axios.get(`/userlist/0`, {