Merge pull request #2384 from bcgov/feature/2359

Add create C&E file button to home page

Author: trslater

alcs-frontend/src/app/features/home/home.component.html

@@ -2,6 +2,11 @@
   <div class="welcome-title">
     <h1>Welcome {{ userProfile?.prettyName }} to ALCS</h1>
   </div>
+  <div class="actions">
+    <button mat-flat-button color="primary" type="button" (click)="createComplianceAndEnforcementFile()">
+      + New C&E File
+    </button>
+  </div>
   <div *ngIf="hasOtherRole">
     <app-assigned></app-assigned>
   </div>

alcs-frontend/src/app/features/home/home.component.scss

@@ -9,3 +9,9 @@
   justify-content: center;
   align-items: center;
 }
+
+.actions {
+  display: flex;
+  margin-bottom: 24px;
+  justify-content: right;
+}

alcs-frontend/src/app/features/home/home.component.spec.ts

@@ -6,14 +6,19 @@ import { BehaviorSubject } from 'rxjs';
 import { AuthenticationService, ICurrentUser } from '../../services/authentication/authentication.service';
 import { UserDto } from '../../services/user/user.dto';
 import { UserService } from '../../services/user/user.service';
-
 import { HomeComponent } from './home.component';
+import { ComplianceAndEnforcementService } from '../../services/compliance-and-enforcement/compliance-and-enforcement.service';
+import { ToastService } from '../../services/toast/toast.service';
+import { Router } from '@angular/router';
 
 describe('HomeComponent', () => {
   let component: HomeComponent;
   let fixture: ComponentFixture<HomeComponent>;
   let mockAuthService: DeepMocked<AuthenticationService>;
   let mockUserService: DeepMocked<UserService>;
+  let mockComplianceAndEnforcementService: DeepMocked<ComplianceAndEnforcementService>;
+  let mockToastService: DeepMocked<ToastService>;
+  let mockRouter: DeepMocked<Router>;
 
   beforeEach(async () => {
     mockAuthService = createMock();
@@ -27,6 +32,10 @@ describe('HomeComponent', () => {
       email: 'secret',
     });
 
+    mockComplianceAndEnforcementService = createMock();
+    mockToastService = createMock();
+    mockRouter = createMock();
+
     await TestBed.configureTestingModule({
       declarations: [HomeComponent],
       imports: [HttpClientTestingModule, RouterTestingModule],
@@ -39,6 +48,18 @@ describe('HomeComponent', () => {
           provide: UserService,
           useValue: mockUserService,
         },
+        {
+          provide: ComplianceAndEnforcementService,
+          useValue: mockComplianceAndEnforcementService,
+        },
+        {
+          provide: ToastService,
+          useValue: mockToastService,
+        },
+        {
+          provide: Router,
+          useValue: mockRouter,
+        },
       ],
     }).compileComponents();
 
@@ -57,4 +78,54 @@ describe('HomeComponent', () => {
     expect(welcomeTitle).toBeTruthy();
     expect(welcomeTitle.textContent.trim()).toEqual('Welcome agent to ALCS');
   });
+
+  describe('createComplianceAndEnforcementFile', () => {
+    it('shows success toast if service create fails', async () => {
+      mockComplianceAndEnforcementService.create.mockRejectedValue(new Error());
+
+      await component.createComplianceAndEnforcementFile();
+
+      expect(mockToastService.showErrorToast).toHaveBeenCalledWith('Failed to create C&E file draft');
+    });
+
+    it('shows error toast if service create fails', async () => {
+      mockComplianceAndEnforcementService.create.mockResolvedValue({
+        uuid: '12345',
+        fileNumber: '12345',
+        dateSubmitted: null,
+        dateOpened: null,
+        dateClosed: null,
+        initialSubmissionType: null,
+        allegedContraventionNarrative: '',
+        allegedActivity: [],
+        intakeNotes: '',
+      });
+
+      await component.createComplianceAndEnforcementFile();
+
+      expect(mockToastService.showSuccessToast).toHaveBeenCalledWith('C&E file draft created');
+    });
+
+    it('shows error toast if service create fails', async () => {
+      const responseDto = {
+        uuid: '12345',
+        fileNumber: '12345',
+        dateSubmitted: null,
+        dateOpened: null,
+        dateClosed: null,
+        initialSubmissionType: null,
+        allegedContraventionNarrative: '',
+        allegedActivity: [],
+        intakeNotes: '',
+      };
+
+      mockComplianceAndEnforcementService.create.mockResolvedValue(responseDto);
+
+      await component.createComplianceAndEnforcementFile();
+
+      expect(mockRouter.navigateByUrl).toHaveBeenCalledWith(
+        `/compliance-and-enforcement/${responseDto.fileNumber}/draft`,
+      );
+    });
+  });
 });

alcs-frontend/src/app/features/home/home.component.ts

@@ -6,6 +6,9 @@ import { AuthenticationService, ICurrentUser, ROLES } from '../../services/authe
 import { CARD_SUBTASK_TYPE } from '../../services/card/card-subtask/card-subtask.dto';
 import { UserDto } from '../../services/user/user.dto';
 import { UserService } from '../../services/user/user.service';
+import { ComplianceAndEnforcementService } from '../../services/compliance-and-enforcement/compliance-and-enforcement.service';
+import { ToastService } from '../../services/toast/toast.service';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-home',
@@ -29,7 +32,10 @@ export class HomeComponent implements OnInit, OnDestroy {
   constructor(
     private authService: AuthenticationService,
     private userService: UserService,
-    private titleService: Title
+    private titleService: Title,
+    private complianceAndEnforcementService: ComplianceAndEnforcementService,
+    private toastService: ToastService,
+    private router: Router,
   ) {}
 
   ngOnInit(): void {
@@ -68,4 +74,15 @@ export class HomeComponent implements OnInit, OnDestroy {
   }
 
   protected readonly ROLES = ROLES;
+
+  async createComplianceAndEnforcementFile() {
+    try {
+      const fileNumber = (await this.complianceAndEnforcementService.create({})).fileNumber;
+      this.toastService.showSuccessToast('C&E file draft created');
+      this.router.navigateByUrl(`/compliance-and-enforcement/${fileNumber}/draft`);
+    } catch (error) {
+      console.error('Error creating C&E file draft', error);
+      this.toastService.showErrorToast('Failed to create C&E file draft');
+    }
+  }
 }

alcs-frontend/src/app/services/compliance-and-enforcement/compliance-and-enforcement.service.ts

@@ -21,7 +21,7 @@ export class ComplianceAndEnforcementService {
   }
 
   async create(updateDto: UpdateComplianceAndEnforcementDto) {
-    return await firstValueFrom(this.http.post<UpdateComplianceAndEnforcementDto>(this.url, updateDto));
+    return await firstValueFrom(this.http.post<ComplianceAndEnforcementDto>(this.url, updateDto));
   }
 
   update(uuid: string, updateDto: UpdateComplianceAndEnforcementDto): Observable<ComplianceAndEnforcementDto> {