ALCS-000: Bump @types/validator

alcs-frontend/package.json

@@ -30,7 +30,7 @@
     "@bcgov/bc-sans": "^2.1.0",
     "@ng-matero/extensions": "^17.3.8",
     "@ng-select/ng-option-highlight": "^12.0.6",
-    "@types/validator": "^13.15.2",
+    "@types/validator": "^13.15.4",
     "angular-mentions": "^1.5.0",
     "jwt-decode": "^4.0.0",
     "moment": "^2.30.1",
@@ -39,7 +39,7 @@
     "rxjs": "~7.8.2",
     "source-map-support": "^0.5.21",
     "tslib": "^2.8.1",
-    "validator": "^13.15.15",
+    "validator": "^13.15.20",
     "zone.js": "~0.14.4"
   },
   "devDependencies": {

alcs-frontend/src/app/features/compliance-and-enforcement/compliance-and-enforcement.component.ts

@@ -1,15 +1,16 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
 import { Subject, takeUntil } from 'rxjs';
-import { detailsRoutes } from './compliance-and-enforcement.module';
 import { ComplianceAndEnforcementDto } from '../../services/compliance-and-enforcement/compliance-and-enforcement.dto';
 import {
   ComplianceAndEnforcementService,
+  DEFAULT_C_AND_E_FETCH_OPTIONS,
   FetchOptions,
 } from '../../services/compliance-and-enforcement/compliance-and-enforcement.service';
-import { ToastService } from '../../services/toast/toast.service';
-import { ResponsiblePartiesService } from '../../services/compliance-and-enforcement/responsible-parties/responsible-parties.service';
 import { ResponsiblePartyType } from '../../services/compliance-and-enforcement/responsible-parties/responsible-parties.dto';
+import { ResponsiblePartiesService } from '../../services/compliance-and-enforcement/responsible-parties/responsible-parties.service';
+import { ToastService } from '../../services/toast/toast.service';
+import { detailsRoutes } from './compliance-and-enforcement.module';
 
 @Component({
   selector: 'app-compliance-and-enforcement',
@@ -40,7 +41,7 @@ export class ComplianceAndEnforcementComponent implements OnInit, OnDestroy {
 
     this.router.events.pipe(takeUntil(this.$destroy)).subscribe((event) => {
       if (event instanceof NavigationEnd && this.fileNumber) {
-        this.loadFile(this.fileNumber, { withSubmitters: true, withProperty: true });
+        this.loadFile(this.fileNumber, DEFAULT_C_AND_E_FETCH_OPTIONS);
       }
     });
 
@@ -49,7 +50,7 @@ export class ComplianceAndEnforcementComponent implements OnInit, OnDestroy {
 
       if (fileNumber) {
         this.fileNumber = fileNumber;
-        this.loadFile(fileNumber, { withSubmitters: true, withProperty: true });
+        this.loadFile(fileNumber, DEFAULT_C_AND_E_FETCH_OPTIONS);
       }
     });
   }
@@ -69,8 +70,9 @@ export class ComplianceAndEnforcementComponent implements OnInit, OnDestroy {
           ResponsiblePartyType.PROPERTY_OWNER,
         );
 
-        this.propertyOwnerName =
-          (owners?.[0].organizationName || owners?.[0].individualName) + (owners.length > 1 ? ' et al.' : '');
+        this.propertyOwnerName = owners && owners.length > 0 
+          ? (owners[0].organizationName || owners[0].individualName) + (owners.length > 1 ? ' et al.' : '')
+          : '';
       }
     } catch (error) {
       console.error('Error loading file:', error);

alcs-frontend/src/app/features/compliance-and-enforcement/compliance-and-enforcement.module.ts

@@ -1,20 +1,24 @@
+import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { MatMomentDateModule } from '@angular/material-moment-adapter';
 import { Route, RouterModule, Routes } from '@angular/router';
 import { SharedModule } from '../../shared/shared.module';
-import { OverviewComponent } from './overview/overview.component';
-import { MatMomentDateModule } from '@angular/material-moment-adapter';
-import { DraftComponent } from './draft/draft.component';
-import { SubmitterComponent } from './submitter/submitter.component';
-import { PropertyComponent } from './property/property.component';
-import { ComplianceAndEnforcementDocumentsComponent } from './documents/documents.component';
-import { ResponsiblePartiesComponent } from './responsible-parties/responsible-parties.component';
-import { DetailsOverviewComponent } from './details/overview/details-overview.component';
 import { ComplianceAndEnforcementComponent } from './compliance-and-enforcement.component';
-import { CommonModule } from '@angular/common';
-import { DetailsHeaderComponent } from './details/header/details-header.component';
 import { ComplaintReferralComponent } from './details/complaint-referral/complaint-referral.component';
 import { ComplaintReferralOverviewComponent } from './details/complaint-referral/overview/overview.component';
+import { AddSubmitterDialogComponent } from './details/complaint-referral/submitters/add-submitter-dialog/add-submitter-dialog.component';
 import { ComplaintReferralSubmittersComponent } from './details/complaint-referral/submitters/submitters.component';
+import { DetailsHeaderComponent } from './details/header/details-header.component';
+import { DetailsOverviewComponent } from './details/overview/details-overview.component';
+import { PropertyMapsComponent } from './details/property-maps/property-maps.component';
+import { ResponsiblePartiesDetailsComponent } from './details/responsible-parties/responsible-parties.component';
+import { ComplianceAndEnforcementDocumentsComponent } from './documents/documents.component';
+import { DraftComponent } from './draft/draft.component';
+import { OverviewComponent } from './overview/overview.component';
+import { PropertyComponent } from './property/property.component';
+import { ResponsiblePartiesComponent } from './responsible-parties/responsible-parties.component';
+import { SubmitterComponent } from './submitter/submitter.component';
+import { ComplianceAndEnforcementAssignDialogComponent } from './details/header/assign-dialog/assign-dialog.component';
 
 export const detailsRoutes: (Route & { icon?: string; menuTitle?: string })[] = [
   {
@@ -38,6 +42,45 @@ export const detailsRoutes: (Route & { icon?: string; menuTitle?: string })[] =
         component: ComplaintReferralComponent,
         data: { editing: 'overview' },
       },
+      {
+        path: 'submitters/edit',
+        component: ComplaintReferralComponent,
+        data: { editing: 'submitters' },
+      },
+    ],
+  },
+  {
+    path: 'responsible-parties',
+    icon: 'people',
+    menuTitle: 'Owner and Contacts',
+    children: [
+      {
+        path: '',
+        component: ResponsiblePartiesDetailsComponent,
+        data: { editing: null },
+      },
+      {
+        path: 'edit',
+        component: ResponsiblePartiesDetailsComponent,
+        data: { editing: 'parties' },
+      },
+    ],
+  },
+  {
+    path: 'property-maps',
+    icon: 'location_on',
+    menuTitle: 'Property & Maps',
+    children: [
+      {
+        path: '',
+        component: PropertyMapsComponent,
+        data: { editing: null },
+      },
+      {
+        path: 'edit',
+        component: PropertyMapsComponent,
+        data: { editing: 'property' },
+      },
     ],
   },
 ];
@@ -68,6 +111,10 @@ const routes: Routes = [
     ComplaintReferralComponent,
     ComplaintReferralOverviewComponent,
     ComplaintReferralSubmittersComponent,
+    AddSubmitterDialogComponent,
+    PropertyMapsComponent,
+    ResponsiblePartiesDetailsComponent,
+    ComplianceAndEnforcementAssignDialogComponent,
   ],
   imports: [SharedModule.forRoot(), RouterModule.forChild(routes), MatMomentDateModule, CommonModule, SharedModule],
 })

alcs-frontend/src/app/features/compliance-and-enforcement/details/complaint-referral/complaint-referral.component.html

@@ -1,5 +1,7 @@
 <ng-container *ngIf="editing === null">
   <section class="file-section">
+    <h3>Complaint / Referral Overview</h3>
+
     <app-compliance-and-enforcement-complaint-referral-overview [file]="file" />
 
     <div class="edit-section-button-container">
@@ -8,14 +10,23 @@
   </section>
 
   <section class="file-section">
+    <div class="submitters-header">
+      <h3>Submitters</h3>
+      <button mat-flat-button color="primary" type="button" (click)="openNewSubmitterDialog()">+ Submitter</button>
+    </div>
+
     <app-compliance-and-enforcement-complaint-referral-submitters [file]="file" />
+
+    <div class="edit-section-button-container">
+      <a mat-flat-button color="accent" [routerLink]="'submitters/edit'" class="edit-section-button">Edit Section</a>
+    </div>
   </section>
 
   <section class="file-section">
     <app-compliance-and-enforcement-documents
       #submissionDocumentsComponent
-      [title]="'Complaint/Referral Submission'"
-      [noDocumentsText]="'No Complaint/Referral'"
+      title="Complaint/Referral Submission"
+      noDocumentsText="No Complaint/Referral"
       [fileNumber]="fileNumber"
       [options]="submissionDocumentOptions"
       [section]="Section.SUBMISSION"
@@ -27,12 +38,45 @@
   <form [formGroup]="form">
     <section class="form-section">
       <h3>Complaint / Referral > Edit Overview</h3>
-      <app-compliance-and-enforcement-overview #overviewComponent [parentForm]="form" [file]="file" />
+      <app-compliance-and-enforcement-overview
+        #overviewComponent
+        [file]="file"
+        (formReady)="registerFormGroup('overview', $event)"
+      />
+    </section>
+
+    <div class="button-container">
+      <a mat-stroked-button color="warn" [routerLink]="'../..'">Cancel</a>
+      <button mat-flat-button color="primary" [disabled]="form.invalid" (click)="saveOverview()">Save</button>
+    </div>
+  </form>
+</ng-container>
+
+<ng-container *ngIf="editing === 'submitters'">
+  <form [formGroup]="form">
+    <section class="form-section">
+      <h3>Complaint / Referral > Edit Submitters</h3>
+
+      <div class="submitter-container" *ngFor="let submitter of file?.submitters; let i = index; trackBy: trackByUuid">
+        <app-compliance-and-enforcement-submitter
+          #submitterComponents
+          [title]="'#' + (i + 1)"
+          [showDeleteButton]="true"
+          [submitter]="submitter"
+          [initialSubmissionType]="file?.initialSubmissionType ?? undefined"
+          (deleteButtonClicked)="deleteSubmitter(submitter.uuid)"
+          (formReady)="registerFormGroup('submitter-' + submitter.uuid, $event)"
+        />
+      </div>
     </section>
 
+    <button mat-flat-button color="accent" type="button" (click)="openNewSubmitterDialog()">
+      + Add another submitter
+    </button>
+
     <div class="button-container">
       <a mat-stroked-button color="warn" [routerLink]="'../..'">Cancel</a>
-      <button mat-flat-button color="primary" (click)="save()">Save</button>
+      <button mat-flat-button color="primary" [disabled]="form.invalid" (click)="saveSubmitters()">Save</button>
     </div>
   </form>
 </ng-container>

alcs-frontend/src/app/features/compliance-and-enforcement/details/complaint-referral/complaint-referral.component.scss

@@ -8,6 +8,12 @@ section {
   margin: 32px 0;
 }
 
+.submitter-container {
+  padding: 24px;
+  border: 1px solid colors.$grey;
+  border-radius: 5px;
+}
+
 section.file-section {
   display: flex;
   flex-direction: column;
@@ -18,6 +24,12 @@ section.file-section {
   margin: 32px 0;
 }
 
+.form-section {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
 .button-container {
   display: flex;
   justify-content: space-between;
@@ -40,3 +52,9 @@ a[mat-stroked-button] {
   font-weight: 700 !important;
   text-transform: uppercase;
 }
+
+.submitters-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}