adapted axios service to new backend layout

app/src/data/pitchers.ts

@@ -1,6 +1,6 @@
-import Pitcher from "@/types/Pitcher";
+import User from "@/types/User";
 
-export const pitchers: Map<number, Pitcher> = new Map([
+export const pitchers: Map<number, User> = new Map([
     [
         1,
         {

app/src/services/AuthHeader.ts

@@ -1,5 +1,5 @@
 export default function authHeader(): any {
-    const user = JSON.parse(localStorage.getItem('user') || '""');
+    const user = JSON.parse(localStorage.getItem('auth') || '""');
 
     if (user && user.accessToken) {
         // return { Authorization: 'Bearer ' + user.accessToken }; // for Spring Boot back-end

app/src/services/BullpenSessionService.ts

@@ -1,10 +1,10 @@
 import BullpenPitch from "@/types/BullpenPitch";
-import Pitcher from "@/types/Pitcher";
+import User from "@/types/User";
 import PitchType from "@/types/PitchType";
 
 export class BullpenSessionService {
     private static instance: BullpenSessionService;
-    private static nullPitcher: Pitcher = {
+    private static nullPitcher: User = {
         id: 0,
         firstName: "",
         lastName: "",
@@ -32,7 +32,7 @@ export class BullpenSessionService {
         return BullpenSessionService.instance;
     }
 
-    public startSession(pitcher: Pitcher): void {
+    public startSession(pitcher: User): void {
         this.pitcher = pitcher;
         this.pitches = [];
         this.currentPitch = this.createPitch();
@@ -68,7 +68,7 @@ export class BullpenSessionService {
         this.currentPitch = this.createPitch();
     }
 
-    public getPitcher(): Pitcher {
+    public getPitcher(): User {
         return this.pitcher;
     }
 
@@ -87,7 +87,7 @@ export class BullpenSessionService {
         }
     }
     private pitches: BullpenPitch[] = [];
-    private pitcher: Pitcher = BullpenSessionService.nullPitcher;
+    private pitcher: User = BullpenSessionService.nullPitcher;
     private currentPitch: BullpenPitch;
 }
 

app/src/services/PitcherService.ts

@@ -1,34 +0,0 @@
-import Pitcher from "@/types/Pitcher";
-import api from './Api';
-
-class PitcherService {
-    private static instance: PitcherService;
-
-    private constructor() {}
-
-    // Static method to get the instance of the service
-    public static getInstance(): PitcherService {
-        if (!PitcherService.instance) {
-            PitcherService.instance = new PitcherService();
-        }
-        return PitcherService.instance;
-    }
-
-    async getAllPitchers(): Promise<Pitcher[]> {
-        const users = await api.get('/users');
-        return users.data;
-    }
-
-    async getPitcher(id: number): Promise<Pitcher> {
-        const pitcher = await api.get(`/users/${id}`);
-        return pitcher.data;
-        // const pitcher = pitchers.get(id);
-        // if (pitcher !== undefined) {
-        //     return pitcher;
-        // } else {
-        //     return Promise.reject();
-        // }
-    }
-}
-
-export const pitcherService = PitcherService.getInstance();

app/src/services/TokenService.ts

@@ -2,32 +2,32 @@ import UserInfo from '@/types/UserInfo';
 
 class TokenService {
     getLocalRefreshToken() {
-        const user = JSON.parse(localStorage.getItem("user") || '""');
+        const user = JSON.parse(localStorage.getItem("auth") || '""');
         return user?.refreshToken;
     }
 
     getLocalAccessToken() {
-        const user = JSON.parse(localStorage.getItem("user")|| '""');
+        const user = JSON.parse(localStorage.getItem("auth")|| '""');
         return user?.accessToken;
     }
 
     updateLocalAccessToken(token: string) {
-        const user: UserInfo = JSON.parse(localStorage.getItem("user")|| '""');
+        const user: UserInfo = JSON.parse(localStorage.getItem("auth")|| '""');
         user.accessToken = token;
-        localStorage.setItem("user", JSON.stringify(user));
+        localStorage.setItem("auth", JSON.stringify(user));
     }
 
     getUser() {
-        return JSON.parse(localStorage.getItem("user")|| '""');
+        return JSON.parse(localStorage.getItem("auth")|| '""');
     }
 
     setUser(user: UserInfo) {
         console.log(JSON.stringify(user));
-        localStorage.setItem("user", JSON.stringify(user));
+        localStorage.setItem("auth", JSON.stringify(user));
     }
 
     removeUser() {
-        localStorage.removeItem("user");
+        localStorage.removeItem("auth");
     }
 }
 

app/src/services/UserService.ts

@@ -0,0 +1,14 @@
+import User from "@/types/User";
+import api from './Api';
+
+class UserService {
+    async getAllUsers(): Promise<User[]> {
+        return (await api.get('/users')).data;
+    }
+
+    async getUser(id: number): Promise<User> {
+        return (await api.get(`/users/${id}`)).data;
+    }
+}
+
+export default new UserService();

app/src/store/auth.ts

@@ -1,16 +1,17 @@
 import AuthService from '@/services/AuthService'
-import Pitcher from "@/types/Pitcher";
+import User from "@/types/User";
 
 import { Module, ActionContext } from 'vuex';
 import { RootState } from './index';
 import TokenService from "@/services/TokenService";
+import UserService from "@/services/UserService";
 
 export interface AuthState {
     isAuthenticated: boolean;
-    user: Pitcher | null;
+    user: User | null;
 }
 
-const user = JSON.parse(localStorage.getItem('user') || '""');
+const user = JSON.parse(localStorage.getItem('auth') || '""');
 
 const initialState = user
     ? { isAuthenticated: true, user }
@@ -55,7 +56,9 @@ const auth: Module<AuthState, RootState> = {
     mutations: {
         loginSuccess(state, user) {
             state.isAuthenticated = true;
+            UserService.getUser(user.id).then((user: User) => {
                 state.user = user;
+            });
         },
         loginFailure(state) {
             state.isAuthenticated = false;

app/src/types/User.ts

@@ -1,10 +1,12 @@
-export default interface Pitcher {
+export default interface User {
     id: number,
     firstName: string,
     lastName: string,
+    gender: string,
+    handedness: string,
+    weight: number,
+    height: number,
     dateOfBirth: Date,
-    email: string,
     createdAt: Date,
     updatedAt: Date,
-    password: string
 }

app/src/views/Home.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import {computed, ref} from 'vue';
 import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonAvatar, IonButton, IonIcon } from '@ionic/vue';
 import { playOutline, statsChartOutline, personOutline, logOutOutline } from 'ionicons/icons';
 // import userImage from '../assets/groot.jpg'
@@ -12,6 +12,13 @@ const store = useStore();
 const userImage = ref(null);
 // const userImage = ref('../assets/groot.jpg');
 
+const user = computed(() => store.state.auth.user);
+
+console.log('user', user.value);
+if (user.value === undefined || user.value === null || user.value === '') {
+  router.push({ path: '/login' });
+}
+
 const startBullpen = () => {
   console.log('Starting bullpen session');
   router.push({ path: '/prepare' });
@@ -52,7 +59,7 @@ const logout = () => {
             <ion-icon :icon="personOutline" class="avatar-placeholder" />
           </template>
         </ion-avatar>
-        <div class="user-name">{{ firstName }} {{ lastName }}</div>
+        <div class="user-name">{{ user.firstName }} {{ user.lastName }}</div>
       </div>
 
       <div class="button-container">

app/src/views/Login.vue

@@ -71,7 +71,7 @@ const onLogin = () => {
   console.log('check if pitch types are available.');
 
   store.dispatch('pitchTypes/initialize').then(() => {
-    router.push('/home');
+    router.push({ path: '/home'});
   }, error => {
     console.log(error);
   });

app/src/views/PitcherList.vue

@@ -2,20 +2,20 @@
 import { ref, onMounted } from "vue";
 import { useRouter } from "vue-router";
 import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonList, IonItem, IonLabel } from '@ionic/vue';
-import { pitcherService } from "@/services/PitcherService";
-import Pitcher from "@/types/Pitcher";
+import UserService from "@/services/UserService";
+import User from "@/types/User";
 import {bullpenSessionService} from "@/services/BullpenSessionService";
 
-const pitchers = ref<Pitcher[]>([]);
+const pitchers = ref<User[]>([]);
 const router = useRouter();
 
 bullpenSessionService.clear();
 
 onMounted(async () => {
-  pitchers.value = await pitcherService.getAllPitchers();
+  pitchers.value = await UserService.getAllUsers();
 });
 
-const goToPreparePitch = (pitcher: Pitcher) => {
+const goToPreparePitch = (pitcher: User) => {
   bullpenSessionService.startSession( pitcher );
   router.push({ name: 'PreparePitch' });
 };

backend/controllers/auth.controller.js

@@ -42,22 +42,16 @@ exports.register = (req, res) => {
     });
 };
 
-exports.login = (req, res) => {
-    Auth.findOne({
+exports.login = async (req, res) => {
+    try {
+        const auth = await Auth.findOne({
             where: {
                 email: req.body.email
             }
-    })
-        .then(async (auth) => {
+        });
         if (!auth) {
             return res.status(404).send({message: "User Not found."});
         }
-
-            await User.findOne({
-                where: {
-                    authId: auth.id
-                }
-            }).then(async (user) => {
         const passwordIsValid = auth.validPassword(req.body.password);
 
         if (!passwordIsValid) {
@@ -67,7 +61,8 @@ exports.login = (req, res) => {
             });
         }
 
-                const token = jwt.sign({ id: auth.id },
+        const refreshToken = await RefreshToken.createToken(auth);
+        const accessToken = jwt.sign({id: auth.id},
             config.secret,
             {
                 algorithm: 'HS256',
@@ -75,28 +70,28 @@ exports.login = (req, res) => {
                 expiresIn: config.jwtExpiration
             });
 
-                let refreshToken = await RefreshToken.createToken(auth);
+        const user = await User.findOne({
+            where: {
+                authId: auth.id
+            }
+        });
 
         const authorities = [];
-                user.getRoles().then(roles => {
+        const roles = await user.getRoles();
         for (let i = 0; i < roles.length; i++) {
             authorities.push("ROLE_" + roles[i].name.toUpperCase());
         }
-                    res.status(200).send({
+
+        return res.status(200).send({
             id: user.id,
             email: auth.email,
             roles: authorities,
-                        accessToken: token,
+            accessToken: accessToken,
             refreshToken: refreshToken
         });
-                });
-            }).catch(err => {
+    } catch (err) {
         res.status(500).send({ message: err.message });
-            });
-        })
-        .catch(err => {
-            res.status(500).send({ message: err.message });
-        });
+    }
 };
 
 // exports.logout = (req, res) => {

backend/routes/auth.routes.js

@@ -20,6 +20,6 @@ module.exports = function(app) {
     );
 
     app.post("/api/auth/login", controller.login);
-    app.post("/api/auth/logout", controller.logout);
+    // app.post("/api/auth/logout", controller.logout);
     app.post("/api/auth/refreshtoken", controller.refreshToken);
 };