From cea16e66f01036c2d38385a8163fae883bf97e75 Mon Sep 17 00:00:00 2001
From: Ewen Le Bihan <ewen.lebihan7@gmail.com>
Date: Fri, 24 Apr 2020 22:51:14 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20<TheFooter>=20Add=20commit=20has?=
 =?UTF-8?q?h=20link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/TheFooter.vue | 34 ++++++++++++++++++----------------
 store/index.js           | 13 +++++++++++--
 2 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/components/TheFooter.vue b/components/TheFooter.vue
index 204449c..0ce11d1 100644
--- a/components/TheFooter.vue
+++ b/components/TheFooter.vue
@@ -1,20 +1,22 @@
 <template lang="pug">
-    <footer class="TheFooter">
-        OverlayLoadingLogo(animate-when="scrolled-into-view")
-        a(href="https://www.schoolsyst.com/").logotype-wrapper: Logotype.logotype
-        code.version
-          span.channel {{ version.channel }}
-          span(title="Incrémentée par l'ajout de fonctionnalités").feat {{ version.feature }}.
-          span(title="Incrémentée lors de changements dans l'interface").ui {{ version.ui }}.
-          span(title="Incrémentée quand des bugs sont réglés").bug {{ version.bug }}
-        p.open-source
-          | Projet open source, code disponible chez 
-          a(href="//github.com/schoolsyst") GitHub
-        p.wakatime
-          img(title="API" src="https://wakatime.com/badge/github/schoolsyst/backend.svg")
-          span.plus-sign +
-          img(title="Application web" src="https://wakatime.com/badge/github/schoolsyst/frontend.svg")
-    </footer>
+  footer.TheFooter
+    OverlayLoadingLogo(animate-when="scrolled-into-view")
+    a(href="https://www.schoolsyst.com/").logotype-wrapper: Logotype.logotype
+    code.version
+      span.channel {{ version.channel }}
+      span(title="Incrémentée par l'ajout de fonctionnalités").feat {{ version.feature }}.
+      span(title="Incrémentée lors de changements dans l'interface").ui {{ version.ui }}.
+      span(title="Incrémentée quand des bugs sont réglés").bug {{ version.bug }}
+    p.open-source
+      | Projet open source, code disponible chez 
+      a(href="//github.com/schoolsyst") GitHub
+    p.wakatime
+      img(title="API" src="https://wakatime.com/badge/github/schoolsyst/backend.svg")
+      span.plus-sign +
+      img(title="Application web" src="https://wakatime.com/badge/github/schoolsyst/frontend.svg")
+    code.build-number
+      | commit 
+      a(:href="`https://github.com/schoolsyst/frontend/commit/${version.build.full}`") {{ version.build.short }}
 </template>
 
 <script>
diff --git a/store/index.js b/store/index.js
index 095f45c..77a0a87 100644
--- a/store/index.js
+++ b/store/index.js
@@ -2,9 +2,14 @@ import { toDate, addDays, isBefore, format } from 'date-fns'
 import tinycolor from 'tinycolor2'
 import constantCase from 'constant-case'
 import Vue from 'vue'
-const npm = require('~/package.json')
+const version = require('~/package.json').version.split('.')
 
-const version = npm.version.split('.')
+// eslint-disable-next-line import/order
+const commitHash = require('child_process')
+  .execSync('git rev-parse HEAD')
+  .toString()
+  .trim()
+const commitHashShort = commitHash.slice(0, 7)
 
 export const state = () => ({
   version: {
@@ -12,6 +17,10 @@ export const state = () => ({
     ui: version[1],
     bug: version[2],
     channel: 'beta',
+    build: {
+      full: commitHash,
+      short: commitHashShort,
+    },
   },
   now: toDate(Date.now()), // For time-dependent getters.
   tomorrow: addDays(toDate(Date.now()), 1),