add api call function with token

AngularApp/src/app/table-list/table-list.component.ts

 import { Component, OnInit } from '@angular/core';
 import { Assignment } from 'app/model/assignment';
 import { AssignmentService } from 'services/assignment.service';
-import { DatePipe } from '@angular/common';
-
 
 @Component({
   selector: 'app-table-list',
@@ -10,28 +8,29 @@ import { DatePipe } from '@angular/common';
   styleUrls: ['./table-list.component.css']
 })
 export class TableListComponent implements OnInit {
-  assignments : Assignment[] = []
-  data : [] = []
+  assignments : Assignment[];
+  data : [] = [];
   formattedDate : string
   delStatus : string;
   headers : string[] = ['Gitlab ID', 'Name', 'Description', 'Creation date', 'Last Update', 'gitlabLink', 'Options'];
   
   constructor(private service : AssignmentService) { }
   
-
-  delAssignment(id: number) {
-    console.log(id);
-    this.service.delAssignments(id).subscribe(
-      () => {
-        this.delStatus = 'Delete successful';
-      },
-      (error) => {
-        console.error('Error deleting assignment:', error);
-        this.delStatus = 'Delete failed';
-      }
-    );
-  }
-
+  
+  // delAssignment(id: number) {
+  //   console.log(id);
+  //   this.service.delAssignments(id).subscribe(
+  //     () => {
+  //       this.delStatus = 'Delete successful';
+  //     },
+  //     (error) => {
+  //       console.error('Error deleting assignment:', error);
+  //       this.delStatus = 'Delete failed';
+  //     }
+  //   );
+  // }
+  
+  
   ngOnInit() {
     this.service.getAssignments().subscribe((assignment) => {
       this.assignments = assignment

AngularApp/src/app/user-list/user-list.component.ts

 import { Component, OnInit } from '@angular/core';
 import { User } from 'app/model/user';
 import { UserService } from '../../services/user.service';
-import UserRole from 'app/model/UserRole';
+import UserRolse from 'app/model/UserRole';
 
 @Component({
   selector: 'app-user-list',

AngularApp/src/services/assignment.service.ts

-import { HttpClient } from '@angular/common/http';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Assignment } from 'app/model/assignment';
 import { Observable } from 'rxjs';
@@ -7,16 +7,22 @@ import { Observable } from 'rxjs';
   providedIn: 'root'
 })
 export class AssignmentService {
-  private baseUrl = 'http://192.168.1.156:3000';
+  private baseUrl = 'http://127.0.0.1:3000';
+  private token = '';
 
   constructor(private http: HttpClient) {}
   
-  getAssignments(): Observable<Assignment[]> {
-    return this.http.get<Assignment[]>(`${this.baseUrl}/assignments`);
+  getAssignments() : Observable<Assignment[]> {
+    // Create headers and set the Authorization header with the token
+    const headers = new HttpHeaders().set('Authorization', `${this.token}`);
+
+    // Pass the headers as the third argument in the get request
+    // return this.http.get<Assignment[]>(`${this.baseUrl}/assignments`);
+    return this.http.get<Assignment[]>(`${this.baseUrl}/assignmentss`, { headers });
   }
   
-  delAssignments(id: number): Observable<any> {
-    const url = `${this.baseUrl}/assignments/${id}`;
-    return this.http.delete(url);
-  }
+  // delAssignments(id: number): Observable<any> {
+  //   const url = `${this.baseUrl}/assignments/${id}`;
+  //   return this.http.delete(url);
+  // }
 }