get user workspaces

Author: deep9c

src/App.vue

@@ -1,39 +1,22 @@
  <template>
     <div>
-    <nav class="navbar navbar-default">
-      <div class="container">
-        <ul class="nav navbar-nav">
-          <li><router-link to="/dashboard">Dashboard</router-link></li>
-          <li><router-link to="/login" v-if="!user.authenticated">Login</router-link></li>
-          <li><router-link to="/login" v-if="user.authenticated" v-on:click.native="logout">Logout</router-link></li>
-        </ul>
-      </div>    
-    </nav>
+    
     <div class="container">
       <router-view></router-view>
     </div>
     </div>
 </template>
 
 <script>
-  import api from './utils/api'
+  
 
   export default {
    name: 'app',
 
-   data() {
-      return {
-        user: api.user
-      }
-    },
+   
 
     methods: {
-      logout() {
-        api.logout()
-          .then((response)=>{
-            this.$router.push('/login');
-          });
-      }
+      
     }
   }
 </script>

src/components/Dashboard.vue

@@ -2,7 +2,17 @@
   <div id="app">
     <!--<img src="./assets/logo.png">-->
     <!--<router-view></router-view>-->
-    <p>Welcome {{username}}</p>
+    <p>Welcome {{user.username}}</p>
+    <nav class="navbar navbar-default">
+      <div class="container">
+        <ul class="nav navbar-nav">
+          <li><router-link to="/dashboard">Dashboard</router-link></li>
+          <li><router-link to="/login" v-if="!user.authenticated">Login</router-link></li>
+          <li><router-link to="/login" v-if="user.authenticated" v-on:click.native="logout">Logout</router-link></li>
+          <li v-if="enrolledWorkspaces[selectedWorkspaceIndex]">{{enrolledWorkspaces[selectedWorkspaceIndex].name}}</li>
+        </ul>
+      </div>    
+    </nav>
     <todo-list v-bind:todos="todosarray"></todo-list>
     <create-todo v-on:add-todo="addTodo"></create-todo>
   </div>
@@ -44,19 +54,39 @@ export default {
                   done: false
                 }
               ],
-        username: ''
+        //username: '',
+        user: api.user,
+        enrolledWorkspaces: [],
+        selectedWorkspaceIndex: 0
     };
   },
   beforeMount(){
-    this.username = api.user.username;
-
+    this.user = api.user;
+    //console.log('dashhhh:: ' + JSON.stringify(api.user.user));
+    this.user.userdetails.user.WorkspaceIds.map((workspace,index)=>{
+      api.getWorkspace(workspace.workspaceId)
+        .then((resp)=>{
+          console.log('getWorkspace response:-> ' + JSON.stringify(resp.data));
+          this.enrolledWorkspaces.push(resp.data);
+          console.log('enrolledWorkspace ' +index+ ':: ' + JSON.stringify(this.enrolledWorkspaces));
+        });
+    });
+    this.selectedWorkspaceIndex = this.user.userdetails.user.WorkspaceIds.findIndex((ws)=>{
+      return ws.selected;
+    });
     
   },
   methods: {
     addTodo(newtodo) {
       console.log("addTodo() called");
       this.todosarray.push(newtodo);
     },
+    logout() {
+      api.logout()
+        .then((response)=>{
+          this.$router.push('/login');
+        });
+    },
   },
 
 }

src/components/Register.vue

@@ -61,12 +61,11 @@
 					e.preventDefault();	
 					api.register(this,this.user,'/dashboard')
 						.then((response)=>{
-							console.log('register response-> '+ JSON.stringify(response));
+							console.log('registration success ');
 							var credentials = { 												
 												username: this.user.username,
 												password: this.user.password												
-											};
-							console.log('register credentials:: ' + JSON.stringify(credentials));
+											};							
 
 							//api.login(this,credentials,'/dashboard');
 							api.login(credentials)

src/utils/api.js

@@ -8,16 +8,17 @@ export default {
 
 	user: {
     	authenticated: false,
-    	username:''
+    	username:'',
+      userdetails: {}
 	},
 
 	login(creds) {
 		return axios.post(nodeurl + '/auth/login', creds)	//{ username: credentials.username, password: credentials.password }
           .then((response)=>{
-            console.log('loggedin response '+ JSON.stringify(response));            
+            console.log('login success ');            
             //login success
             this.user.authenticated = true;
-            this.user.username = response.data.user.username;
+            this.user.username = response.data.user._id;
             //return response;
             //context.$router.push(redirect);		//redirect to dashboard
 
@@ -30,6 +31,8 @@ export default {
   				if(response.data.user){	//already loggedin
   					this.user.authenticated = true;
   					this.user.username = response.data.user._id;
+            //console.log('getLoginStatus response -> '+ JSON.stringify(response));
+            this.user.userdetails = response.data;            
   				}
   				else{
   					this.user.authenticated = false;
@@ -43,7 +46,7 @@ export default {
   		return axios.get(nodeurl + '/auth/logout')
   			.then(function(response){
   				//if(response.data.message='loggedout'){
-            console.log(response);
+            console.log('logout success');
   					this.user.authenticated = false;
   					//return response;
             //context.$router.push(redirect);
@@ -54,7 +57,7 @@ export default {
   	checkLoggedin(to, from, next){
   		api.getLoginStatus()
   			.then((response)=>{
-  				console.log('checkLogin Response: '+  JSON.stringify(response));
+  				console.log('checkLogin Response: ');
 
   				next(response.data.user ? true : {		////go to login if not loggedin
       				path: '/login',
@@ -69,7 +72,7 @@ export default {
   	checkLoggedout(to, from, next){
   		api.getLoginStatus()
   			.then(function(response){
-  				console.log('checkLoggedout Response: '+  JSON.stringify(response));
+  				console.log('checkLoggedout Response: ');
 
   				next(response.data.user ? {		//go to dashboard if already loggedin
       				path: '/dashboard',
@@ -84,4 +87,8 @@ export default {
       return axios.post(nodeurl + '/auth/register', userdetails);       
     },
 
+    getWorkspace(workspaceId){
+      return axios.get(nodeurl + '/api/workspace/' + workspaceId);
+    },
+
 }