expired message

src/components/LogIn.vue

@@ -113,6 +113,7 @@ export default {
         if (this.user.username && this.user.password) {
           this.$store.dispatch('auth/login', this.user).then(
               () => {
+                localStorage.setItem('cronJob', 0);
                 this.$router.push('/home');
                 this.$parent.update();
               }

src/components/SideMenu.vue

@@ -39,6 +39,7 @@ export default {
     logOut: function() {
       this.$store.dispatch('auth/logout').then(
           () => {
+            localStorage.setItem('cronJob', 0);
             this.$router.push('/login');
             this.$parent.update();
           },

src/components/Teachers.vue

 <template>
   <div class="content col-md-12">
+    <h1>{{counter}}</h1>
     <h1>{{data}}</h1>
   </div>
 </template>
@@ -9,22 +10,43 @@ export default {
   name: "Teachers",
   data(){
     return{
-      data: "Hello World"
+      data: "Placeholder",
+      counter: JSON.parse(localStorage.getItem('cronJob')),
+      cronJob: this.$crontab.addJob({
+        name: 'counter',
+        interval: {
+          seconds: '/1',
+        },
+        job: this.countUp
+      })
     }
   },
 
   created() {
-    this.get();
+    this.getData();
+    this.$crontab.execJob('counter');
   },
 
   methods:{
-      get(){
+    countUp () {
+      this.counter += 1
+      if (this.counter >= 60){
+        this.$crontab.deleteJob('counter');
+        //alert("Geh nachhcause");
+      }
+      localStorage.setItem('cronJob', this.counter);
+    },
+    getData () {
       this.$store.dispatch('user/getHello').then(
           () => {
             this.data = this.$store.state.user.response;
           },
           error => {
-              this.message = (error.response && error.response.data) || error.message || error.toString();
+            this.message =
+                (error.response && error.response.data) ||
+                error.message ||
+                error.toString();
+            this.successful = false;
           }
       );
     }

src/main.js

@@ -2,22 +2,24 @@ import Vue from 'vue'
 import App from './App.vue'
 
 import router from './router'
-import store from './store/index';
+import store from './store/index'
 
 import BootstrapVue from "bootstrap-vue"
 import "bootstrap/dist/css/bootstrap.min.css"
 import "bootstrap-vue/dist/bootstrap-vue.css"
+import VeeValidate from 'vee-validate'
+import VueCrontab  from 'vue-crontab'
 
-import VeeValidate from 'vee-validate';
-import { library } from '@fortawesome/fontawesome-svg-core';
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
-import { faHome, faUser, faUserPlus, faSignInAlt, faSignOutAlt } from '@fortawesome/free-solid-svg-icons';
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { faHome, faUser, faUserPlus, faSignInAlt, faSignOutAlt } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faHome, faUser, faUserPlus, faSignInAlt, faSignOutAlt);
 
 Vue.config.productionTip = false;
+Vue.use(VueCrontab)
 Vue.use(BootstrapVue)
-Vue.use(VeeValidate);
+Vue.use(VeeValidate)
 Vue.component('font-awesome-icon', FontAwesomeIcon);
 
 new Vue({

src/services/auth.service.js

@@ -14,7 +14,6 @@ class AuthService {
             .then(response => {
                 if (response.data.idToken) {
                     localStorage.setItem('user', JSON.stringify(response.data));
-                    localStorage.setItem('cronJob', 0);
                 }
 
                 return response.data;