basic login/logout

client/src/app/screens/screen-profile/screen-profile.html

@@ -11,6 +11,7 @@
         <i class="bi bi-wallet2 fs-4"></i>
         <h3 class="mb-0">{{ balance  | currency}}</h3>
       </div>
+      <button type="button" (click)="logOut()" class="btn btn-outline-secondary">Log out</button>
     </div>
   </div>
 

client/src/app/screens/screen-profile/screen-profile.ts

@@ -2,6 +2,7 @@ import { CommonModule, CurrencyPipe, DatePipe } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
 import { APIService } from '../../services/api';
 import Transaction from '@model/transaction';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-screen-profile',
@@ -15,7 +16,10 @@ export class ScreenProfile implements OnInit{
   balance = 200;
   transactions!: Transaction[];
 
-  constructor(private api: APIService){}
+  constructor(
+    private api: APIService,
+    private router: Router,
+  ){}
 
   ngOnInit(): void {
     // FIXME transactions displaying delayed (only on second nav click)
@@ -28,5 +32,15 @@ export class ScreenProfile implements OnInit{
       },
     })
   }
+  logOut(){
+    this.api.logout().subscribe({
+      next: () => {
+        this.router.navigate(['login'])
+      },
+      error: (err) => {
+        console.error('Error logging out:', err)
+      }
+    })
+  }
 
 }

client/src/app/services/api.ts

@@ -17,4 +17,7 @@ export class APIService {
   login(username: string, password: string): Observable<any>{
     return this.http.post(this.apiUrl + '/auth/login',{ 'username': username, 'password': password});
   }
+  logout(): Observable<any>{
+    return this.http.post(this.apiUrl + '/auth/logout', {});
+  }
 }

server/src/model/transaction.ts

@@ -4,22 +4,22 @@ import User from './user';
 @Table
 export default class Transaction extends Model{
     @Column
-    amount!: number;
+    declare amount: number;
 
     @Column
     @ForeignKey(()=> User)
-    senderID!: string;
+    declare senderID: string;
 
     @BelongsTo(() => User, 'senderID')
-    sender!: User;
+    declare sender: User;
 
     @Column
     @ForeignKey(()=> User)
-    receiverID!: string;
+    declare receiverID: string;
 
     @BelongsTo(() => User, 'receiverID')
-    receiver!: User;
+    declare receiver: User;
 
     @CreatedAt
-    date!: Date;
+    declare date: Date;
 }

server/src/model/user.ts

@@ -4,18 +4,18 @@ import { Table, Column, Model, CreatedAt, DataType} from 'sequelize-typescript';
 export default class User extends Model{
 
     @Column({primaryKey: true, unique: true, allowNull: false})
-    userID!: string;
+    declare userID: string;
 
     @Column
-    displayName!: string;
+    declare displayName: string;
 
     @Column(DataType.DECIMAL(20,2))
-    balance!: number;
+    declare balance: number;
 
     @Column
-    password!: string;
+    declare password: string;
 
     @CreatedAt
-    creationDate!: Date;
+    declare creationDate: Date;
 
 }

server/src/routes/auth.ts

@@ -1,14 +1,28 @@
 import express from 'express';
+import { logger } from '../util/logging';
+import User from '../model/user';
 
 const router = express.Router();
 
 router.post('/login', async (req, res) => {
   try {
-    res.json('abc');
+    const { username, password } = req.body;
+    const user = await User.findOne({where: { userID: username}});
+    if (!user) return res.status(401).json({ message: 'Invalid credentials' });
+    const isMatch = (password == user.password);
+    //TODO hash passwords
+    //const isMatch = await bcrypt.compare(password, user.passwordHash);
+    if (!isMatch) return res.status(401).json({ message: 'Invalid credentials' });
+    res.json({ message: 'Logged in successfully' });
   }catch (err) {
-    console.error('Failed to authenticate:', err);
+    logger.error('Failed to authenticate:', err);
     res.status(500).json({ error: 'Failed to authenticate' });
   }
 });
 
+router.post('/logout', (req, res) => {
+  res.clearCookie('jwt');
+  res.json({ message: 'Logged out successfully' });
+});
+
 export default router;

server/src/routes/transactions.ts

@@ -1,4 +1,5 @@
 import express from 'express';
+import { logger } from '../util/logging';
 import Transaction from '../model/transaction';
 
 const router = express.Router();
@@ -8,7 +9,7 @@ router.get('/', async (req, res) => {
     const transactions = await Transaction.findAll({ limit: 10 });
     res.json(transactions);
   } catch (err) {
-    console.error('Failed to fetch transactions:', err);
+    logger.error('Failed to fetch transactions:', err);
     res.status(500).json({ error: 'Failed to fetch transactions' });
   }
 });