Fix api links missing '/' as well as clean up services

front-end/src/app/committee/manage-committee/manage-committee.component.ts

@@ -5,7 +5,7 @@ import { TableAction, TableListBaseComponent } from 'app/shared/components/table
 import { CommitteeMember, CommitteeMemberRoles } from 'app/shared/models/committee-member.model';
 import { Store } from '@ngrx/store';
 import { selectUserLoginData } from '../../store/user-login-data.selectors';
-import { firstValueFrom, lastValueFrom } from 'rxjs';
+import { firstValueFrom, lastValueFrom, map } from 'rxjs';
 import { CommitteeMemberService } from '../../shared/services/committee-member.service';
 
 @Component({
@@ -22,8 +22,6 @@ export class ManageCommitteeComponent extends TableListBaseComponent<CommitteeMe
 
   override rowsPerPage = 10;
 
-  public members: Promise<CommitteeMember[]>;
-
   sortableHeaders: { field: string; label: string }[] = [
     { field: 'name', label: 'Name' },
     { field: 'email', label: 'Email' },
@@ -39,7 +37,6 @@ export class ManageCommitteeComponent extends TableListBaseComponent<CommitteeMe
     override itemService: CommitteeMemberService,
   ) {
     super(messageService, confirmationService, elementRef);
-    this.members = this.itemService.getMembers();
   }
 
   public override addItem() {

front-end/src/app/reports/submission-workflow/submit-report-step2.component.ts

@@ -174,9 +174,9 @@ export class SubmitReportStep2Component extends DestroyerComponent implements On
         from(this.router.navigateByUrl(this.getContinueUrl?.(this.report) || ''));
         if (this.report?.id) {
           this.reportService.setActiveReportById(this.report.id).pipe(takeUntil(this.destroy$)).subscribe();
-          return from(this.router.navigateByUrl(`/reports/f3x/submit/status/${this.report.id}`));
+          return from(this.router.navigateByUrl(`/reports/f3x/submit/status/${this.report.id}/`));
         } else {
-          return from(this.router.navigateByUrl('/reports'));
+          return from(this.router.navigateByUrl('/reports/'));
         }
       }),
     );

front-end/src/app/shared/resolvers/report.resolver.spec.ts

@@ -36,7 +36,7 @@ describe('ReportResolver', () => {
       expect(response).toEqual(form3X);
     });
 
-    const req = httpTestingController.expectOne(`${environment.apiUrl}/reports/${form3X.id}`);
+    const req = httpTestingController.expectOne(`${environment.apiUrl}/reports/${form3X.id}/`);
     expect(req.request.method).toEqual('GET');
     req.flush(form3X);
     httpTestingController.verify();

front-end/src/app/shared/services/contact.service.spec.ts

@@ -105,7 +105,7 @@ describe('ContactService', () => {
       expect(response).toEqual(mockResponse);
     });
 
-    const req = httpTestingController.expectOne(`${environment.apiUrl}/contacts/1`);
+    const req = httpTestingController.expectOne(`${environment.apiUrl}/contacts/1/`);
     expect(req.request.method).toEqual('DELETE');
     req.flush(mockResponse);
     httpTestingController.verify();

front-end/src/app/shared/services/contact.service.ts

@@ -60,7 +60,7 @@ export class ContactService implements TableListService<Contact> {
   }
 
   public get(id: string): Observable<Contact> {
-    return this.apiService.get<Contact>(`/contacts/${id}`).pipe(map((response) => Contact.fromJSON(response)));
+    return this.apiService.get<Contact>(`/contacts/${id}/`).pipe(map((response) => Contact.fromJSON(response)));
   }
 
   public create(contact: Contact): Observable<Contact> {
@@ -75,7 +75,7 @@ export class ContactService implements TableListService<Contact> {
   }
 
   public delete(contact: Contact): Observable<null> {
-    return this.apiService.delete<null>(`/contacts/${contact.id}`);
+    return this.apiService.delete<null>(`/contacts/${contact.id}/`);
   }
 
   /**

front-end/src/app/shared/services/form-1m.service.ts

@@ -1,18 +1,9 @@
 import { Injectable } from '@angular/core';
-import { Store } from '@ngrx/store';
 import { ReportService } from './report.service';
-import { ApiService } from './api.service';
 
 @Injectable({
   providedIn: 'root',
 })
 export class Form1MService extends ReportService {
   override apiEndpoint = '/reports/form-1m';
-
-  constructor(
-    override apiService: ApiService,
-    override store: Store,
-  ) {
-    super(apiService, store);
-  }
 }

front-end/src/app/shared/services/form-24.service.ts

@@ -1,18 +1,9 @@
 import { Injectable } from '@angular/core';
-import { Store } from '@ngrx/store';
 import { ReportService } from './report.service';
-import { ApiService } from './api.service';
 
 @Injectable({
   providedIn: 'root',
 })
 export class Form24Service extends ReportService {
   override apiEndpoint = '/reports/form-24';
-
-  constructor(
-    override apiService: ApiService,
-    override store: Store,
-  ) {
-    super(apiService, store);
-  }
 }

front-end/src/app/shared/services/form-3x.service.spec.ts

@@ -59,7 +59,7 @@ describe('Form3XService', () => {
       expect(response).toBeNull();
     });
 
-    const req = httpTestingController.expectOne(`${environment.apiUrl}/reports/form-3x/999`);
+    const req = httpTestingController.expectOne(`${environment.apiUrl}/reports/form-3x/999/`);
     expect(req.request.method).toEqual('DELETE');
     req.flush(null);
     httpTestingController.verify();

front-end/src/app/shared/services/form-3x.service.ts

@@ -26,7 +26,7 @@ export class Form3XService extends ReportService {
 
   public async getF3xCoverageDates(): Promise<F3xCoverageDates[]> {
     const [response, reportCodeLabelMap] = await Promise.all([
-      firstValueFrom(this.apiService.get<F3xCoverageDates[]>(`${this.apiEndpoint}/coverage_dates`)),
+      firstValueFrom(this.apiService.get<F3xCoverageDates[]>(`${this.apiEndpoint}/coverage_dates/`)),
       this.getReportCodeLabelMap(),
     ]);
     return response.map((fx3CoverageDate) =>
@@ -38,7 +38,7 @@ export class Form3XService extends ReportService {
     let map = this.f3xReportCodeLabelMap$.getValue();
     if (!map) {
       map = await firstValueFrom(
-        this.apiService.get<{ [key in F3xReportCodes]: string }>(`${this.apiEndpoint}/report_code_map`),
+        this.apiService.get<{ [key in F3xReportCodes]: string }>(`${this.apiEndpoint}/report_code_map/`),
       );
       this.f3xReportCodeLabelMap$.next(map);
     }
@@ -47,12 +47,12 @@ export class Form3XService extends ReportService {
 
   public getFutureReports(coverage_through_date: string): Observable<Form3X[]> {
     return this.apiService
-      .get<Form3X[]>(`${this.apiEndpoint}/future?after=${coverage_through_date}`)
+      .get<Form3X[]>(`${this.apiEndpoint}/future/?after=${coverage_through_date}`)
       .pipe(map((response) => response.map((r) => Form3X.fromJSON(r))));
   }
 
   public getFinalReport(year: number): Promise<Form3X | undefined> {
-    return firstValueFrom(this.apiService.get<Form3X | undefined>(`${this.apiEndpoint}/final?year=${year}`));
+    return firstValueFrom(this.apiService.get<Form3X | undefined>(`${this.apiEndpoint}/final/?year=${year}`));
   }
 
   public override fecUpdate(report: Form3X, committeeAccount?: CommitteeAccount): Observable<Report> {

front-end/src/app/shared/services/form-99.service.ts

@@ -1,18 +1,9 @@
 import { Injectable } from '@angular/core';
-import { Store } from '@ngrx/store';
 import { ReportService } from './report.service';
-import { ApiService } from './api.service';
 
 @Injectable({
   providedIn: 'root',
 })
 export class Form99Service extends ReportService {
   override apiEndpoint = '/reports/form-99';
-
-  constructor(
-    override apiService: ApiService,
-    override store: Store,
-  ) {
-    super(apiService, store);
-  }
 }

front-end/src/app/shared/services/login.service.ts

@@ -10,7 +10,6 @@ import { DestroyerComponent } from '../components/app-destroyer.component';
 import { UserLoginData } from '../models/user.model';
 import { UsersService } from '../services/users.service';
 import { DateUtils } from '../utils/date.utils';
-import { ApiService } from './api.service';
 
 @Injectable({
   providedIn: 'root',
@@ -20,7 +19,6 @@ export class LoginService extends DestroyerComponent {
   constructor(
     private store: Store,
     private router: Router,
-    private apiService: ApiService,
     private cookieService: CookieService,
     private usersService: UsersService,
   ) {

front-end/src/app/shared/services/memo-text.service.spec.ts

@@ -31,7 +31,7 @@ describe('MemoTextService', () => {
       expect(response).toEqual(memoText);
     });
 
-    const req = httpTestingController.expectOne(`${environment.apiUrl}/memo-text/${memoText.id}`);
+    const req = httpTestingController.expectOne(`${environment.apiUrl}/memo-text/${memoText.id}/`);
     expect(req.request.method).toEqual('GET');
     req.flush(memoText);
     httpTestingController.verify();
@@ -84,7 +84,7 @@ describe('MemoTextService', () => {
         expect(response).toBeNull();
       });
 
-      const req = httpTestingController.expectOne(`${environment.apiUrl}/memo-text/999`);
+      const req = httpTestingController.expectOne(`${environment.apiUrl}/memo-text/999/`);
       expect(req.request.method).toEqual('DELETE');
       req.flush(null);
       httpTestingController.verify();

front-end/src/app/shared/services/memo-text.service.ts

@@ -11,7 +11,7 @@ export class MemoTextService {
   constructor(private apiService: ApiService) {}
 
   public get(id: string): Observable<MemoText> {
-    return this.apiService.get<MemoText>(`/memo-text/${id}`).pipe(map((response) => MemoText.fromJSON(response)));
+    return this.apiService.get<MemoText>(`/memo-text/${id}/`).pipe(map((response) => MemoText.fromJSON(response)));
   }
 
   public getForReportId(reportId: string): Observable<MemoText[]> {
@@ -35,6 +35,6 @@ export class MemoTextService {
   }
 
   public delete(memoText: MemoText): Observable<null> {
-    return this.apiService.delete<null>(`/memo-text/${memoText.id}`);
+    return this.apiService.delete<null>(`/memo-text/${memoText.id}/`);
   }
 }

front-end/src/app/shared/services/report.service.spec.ts

@@ -64,7 +64,7 @@ describe('ReportService', () => {
       expect(response).toEqual(mockResponse);
     });
 
-    const req = httpTestingController.expectOne(`${environment.apiUrl}/reports/1`);
+    const req = httpTestingController.expectOne(`${environment.apiUrl}/reports/1/`);
     expect(req.request.method).toEqual('DELETE');
     req.flush(mockResponse);
     httpTestingController.verify();

front-end/src/app/shared/services/report.service.ts

@@ -53,7 +53,7 @@ export class ReportService implements TableListService<Report> {
 
   public get(reportId: string): Observable<Report> {
     return this.apiService
-      .get<Report>(`${this.apiEndpoint}/${reportId}`)
+      .get<Report>(`${this.apiEndpoint}/${reportId}/`)
       .pipe(map((response) => getReportFromJSON(response)));
   }
 
@@ -72,7 +72,7 @@ export class ReportService implements TableListService<Report> {
   }
 
   public delete(report: Report): Observable<null> {
-    return this.apiService.delete<null>(`${this.apiEndpoint}/${report.id}`);
+    return this.apiService.delete<null>(`${this.apiEndpoint}/${report.id}/`);
   }
 
   /**

front-end/src/app/shared/services/transaction-schA.service.ts

@@ -1,6 +1,4 @@
-import { DatePipe } from '@angular/common';
 import { Injectable } from '@angular/core';
-import { ApiService } from './api.service';
 import { TransactionService } from './transaction.service';
 import { Observable } from 'rxjs';
 import { ListRestResponse } from '../models/rest-api.model';
@@ -18,11 +16,4 @@ export class TransactionSchAService extends TransactionService {
   ): Observable<ListRestResponse> {
     return super.getTableData(pageNumber, ordering, { ...params, schedules: 'A' });
   }
-
-  constructor(
-    override apiService: ApiService,
-    override datePipe: DatePipe,
-  ) {
-    super(apiService, datePipe);
-  }
 }

front-end/src/app/shared/services/transaction-schB.service.ts

@@ -1,7 +1,6 @@
-import { DatePipe } from '@angular/common';
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ApiService, QueryParams } from './api.service';
+import { QueryParams } from './api.service';
 import { TransactionService } from './transaction.service';
 import { ListRestResponse } from '../models/rest-api.model';
 
@@ -10,12 +9,6 @@ import { ListRestResponse } from '../models/rest-api.model';
 })
 export class TransactionSchBService extends TransactionService {
   override tableDataEndpoint = '/transactions';
-  constructor(
-    override apiService: ApiService,
-    override datePipe: DatePipe,
-  ) {
-    super(apiService, datePipe);
-  }
 
   override getTableData(pageNumber = 1, ordering = '', params: QueryParams = {}): Observable<ListRestResponse> {
     // The table data for the Schedule B disbursements also includes the Schedule E expenditures.

front-end/src/app/shared/services/transaction-schC.service.ts

@@ -1,7 +1,6 @@
-import { DatePipe } from '@angular/common';
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ApiService, QueryParams } from './api.service';
+import { QueryParams } from './api.service';
 import { TransactionService } from './transaction.service';
 import { ListRestResponse } from '../models/rest-api.model';
 
@@ -10,12 +9,6 @@ import { ListRestResponse } from '../models/rest-api.model';
 })
 export class TransactionSchCService extends TransactionService {
   override tableDataEndpoint = '/transactions';
-  constructor(
-    override apiService: ApiService,
-    override datePipe: DatePipe,
-  ) {
-    super(apiService, datePipe);
-  }
 
   override getTableData(pageNumber = 1, ordering = '', params: QueryParams = {}): Observable<ListRestResponse> {
     // The table data for the Schedule C loans also includes the Schedule D debts.

front-end/src/app/shared/services/transaction-schC2.service.ts

@@ -1,6 +1,4 @@
-import { DatePipe } from '@angular/common';
 import { Injectable } from '@angular/core';
-import { ApiService } from './api.service';
 import { TransactionService } from './transaction.service';
 import { Observable } from 'rxjs';
 import { ListRestResponse } from '../models/rest-api.model';
@@ -20,11 +18,4 @@ export class TransactionSchC2Service extends TransactionService {
   ): Observable<ListRestResponse> {
     return super.getTableData(pageNumber, ordering, { ...params, schedules: 'C2' });
   }
-
-  constructor(
-    override apiService: ApiService,
-    override datePipe: DatePipe,
-  ) {
-    super(apiService, datePipe);
-  }
 }

front-end/src/app/shared/services/web-print.service.ts

@@ -1,5 +1,4 @@
 import { Injectable } from '@angular/core';
-import { Store } from '@ngrx/store';
 import { ApiService } from './api.service';
 import { ReportService } from './report.service';
 import { firstValueFrom } from 'rxjs';
@@ -11,7 +10,6 @@ export class WebPrintService {
   constructor(
     private apiService: ApiService,
     private reportService: ReportService,
-    private store: Store,
   ) {}
 
   /**