From bccdf4e9896f86715d739a5b8396c4d28d1ddfbe Mon Sep 17 00:00:00 2001
From: Matteo Pagliazzi <matteopagliazzi@gmail.com>
Date: Fri, 23 Sep 2016 22:39:06 +0200
Subject: [PATCH] client: load user based on localStorage (only for testing)
 (#8055)

---
 website/client/components/app.vue |  2 +-
 website/client/main.js            | 18 ++++++++++++++++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/website/client/components/app.vue b/website/client/components/app.vue
index 04cc8fd6d7..8cfc70eb15 100644
--- a/website/client/components/app.vue
+++ b/website/client/components/app.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
 #app
   site-header
-  p Welcome back {{user.profile.name}}
+  p Welcome back {{user.profile.name}}!
   ul
     li
       router-link(to='/') Home
diff --git a/website/client/main.js b/website/client/main.js
index db7c75a42b..9440cedaf5 100644
--- a/website/client/main.js
+++ b/website/client/main.js
@@ -10,8 +10,16 @@ import router from './router';
 import store from './vuex/store';
 
 Vue.use(VueResource);
-Vue.http.headers.common['x-api-user'] = '';
-Vue.http.headers.common['x-api-key'] = '';
+
+// TODO just for the beginning
+
+let authSettings = localStorage.getItem('habit-mobile-settings');
+
+if (authSettings) {
+  authSettings = JSON.parse(authSettings);
+  Vue.http.headers.common['x-api-user'] = authSettings.auth.apiId;
+  Vue.http.headers.common['x-api-key'] = authSettings.auth.apiToken;
+}
 
 // Sync Vuex and Router
 VuexRouterSync.sync(store, router);
@@ -38,3 +46,9 @@ let userWatcher = store.watch(state => state.user, (user) => {
     app.$mount('#app');
   }
 });
+
+// Load the user
+store.dispatch('fetchUser')
+  .catch(() => {
+    alert('Impossible to fetch user. Copy into localStorage a valid habit-mobile-settings object.');
+  });