token/username etc. is saved in sessionstorage

If the user now accidentally presses reload, the relevant session state (token, etc. ) will be retrieved from the session storage.

frontend/src/components/Login.vue

@@ -63,10 +63,10 @@
         this.loading = true
         this.getJWTToken(this.credentials).then(() => {
           this.loading = false
-          this.$router.push('/student/')
           this.getExamModule()
           this.getUserRole()
           this.getJWTTimeDelta()
+          this.$router.push('/student/')
         }).catch(() => { this.loading = false })
       }
     }

frontend/src/router/index.js

@@ -63,6 +63,8 @@ router.beforeEach((to, from, next) => {
   } else {
     const now = new Date()
     if (now - store.state.logInTime > store.state.jwtTimeDelta * 1000) {
+      console.log(now)
+      console.log(store.state.logInTime)
       store.dispatch('logout').then(() => {
         store.commit('API_FAIL', 'You\'ve been logged out due to inactivity')
         next('/')

frontend/src/store/api.js

 import axios from 'axios'
 
 let ax = axios.create({
-  baseURL: 'http://localhost:8000/'
+  baseURL: 'http://localhost:8000/',
+  headers: {'Authorization': 'JWT ' + sessionStorage.getItem('jwtToken')}
 })
 
 export default ax

frontend/src/store/store.js

@@ -14,12 +14,12 @@ const store = new Vuex.Store({
     studentPage
   },
   state: {
-    token: '',
-    loggedIn: false,
-    logInTime: {},
-    username: '',
-    jwtTimeDelta: 0,
-    userRole: '',
+    token: sessionStorage.getItem('jwtToken'),
+    loggedIn: !!sessionStorage.getItem('jwtToken'),
+    logInTime: sessionStorage.getItem('logInTime'),
+    username: sessionStorage.getItem('username'),
+    jwtTimeDelta: sessionStorage.getItem('jwtTimeDelta'),
+    userRole: sessionStorage.getItem('userRole'),
     error: '',
     examInstance: ''
   },
@@ -34,21 +34,26 @@ const store = new Vuex.Store({
     },
     'SET_JWT_TOKEN': function (state, token) {
       state.token = token
-      state.logInTime = new Date()
-      ax.defaults.headers.common['Authorization'] = 'JWT ' + token
+      state.logInTime = Date.now()
+      ax.defaults.headers['Authorization'] = 'JWT ' + token
+      sessionStorage.setItem('jwtToken', token)
+      sessionStorage.setItem('logInTime', state.logInTime)
     },
     'SET_JWT_TIME_DELTA': function (state, timeDelta) {
       state.jwtTimeDelta = timeDelta
+      sessionStorage.setItem('jwtTimeDelta', timeDelta)
     },
     'LOGIN': function (state, username) {
       state.loggedIn = true
       state.username = username
+      sessionStorage.setItem('username', username)
     },
     'LOGOUT': function (state) {
       state.loggedIn = false
     },
     'SET_USER_ROLE': function (state, userRole) {
       state.userRole = userRole
+      sessionStorage.setItem('userRole', userRole)
     },
     'SET_EXAM_INSTANCE': function (state, examInstance) {
       state.examInstance = examInstance