From 136ad32a41c31bf0851dbde1fff5cfa00da861c9 Mon Sep 17 00:00:00 2001
From: Oleksandr Bohuslavskyi <o.bohuslavskyi@dxc.com>
Date: Tue, 22 Oct 2024 12:55:43 -0500
Subject: [PATCH] Emails for SubPlatforms, minor fixes.

---
 frontend/src/app/common/models/platform.ts    | 14 ++++
 .../add-new-platform.component.ts             |  3 +
 .../add-sub-platform.component.html           | 82 ++++++++++++++++++
 .../add-sub-platform.component.ts             | 16 ++++
 .../edit-platform.component.html              |  2 +-
 .../edit-platform/edit-platform.component.ts  |  7 +-
 .../edit-sub-platform.component.html          | 84 ++++++++++++++++++-
 .../edit-sub-platform.component.ts            | 22 ++++-
 .../platform-management.component.html        |  6 +-
 .../view-platform.component.html              | 16 +++-
 10 files changed, 241 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app/common/models/platform.ts b/frontend/src/app/common/models/platform.ts
index f87a5321..b1ebed9d 100644
--- a/frontend/src/app/common/models/platform.ts
+++ b/frontend/src/app/common/models/platform.ts
@@ -17,6 +17,7 @@ export interface Platform {
     secondaryTakedownRequestContactEmail: string;
     subsidiaries: Array<SubPlatform>;
     platformType: string;
+    updUserDisplayNm: string;
 }
 
 export interface UpdatePlatform {
@@ -35,6 +36,10 @@ export interface UpdateSubPlatform {
     updDtm: string;
     isActive: boolean;
     managingOrganizationId: number;
+    primaryNoticeOfTakedownContactEmail: string;
+    primaryTakedownRequestContactEmail: string;
+    secondaryNoticeOfTakedownContactEmail: string;
+    secondaryTakedownRequestContactEmail: string;
 }
 
 export interface SubPlatform {
@@ -43,10 +48,15 @@ export interface SubPlatform {
     organizationType: string;
     organizationCd: string;
     organizationNm: string;
+    primaryNoticeOfTakedownContactEmail: string;
+    primaryTakedownRequestContactEmail: string;
+    secondaryNoticeOfTakedownContactEmail: string;
+    secondaryTakedownRequestContactEmail: string;
     updDtm: string;
     isActive: boolean;
     updUserGuid: string;
     managingOrganizationId: number;
+    updUserDisplayNm: string;
 }
 
 export interface PlatformCreate {
@@ -66,4 +76,8 @@ export interface SubPlatformCreate {
     managingOrganizationId: number;
     isActive: boolean;
     updDtm: string;
+    primaryNoticeOfTakedownContactEmail: string;
+    primaryTakedownRequestContactEmail: string;
+    secondaryNoticeOfTakedownContactEmail: string;
+    secondaryTakedownRequestContactEmail: string;
 }
diff --git a/frontend/src/app/features/components/platform-management/add-new-platform/add-new-platform.component.ts b/frontend/src/app/features/components/platform-management/add-new-platform/add-new-platform.component.ts
index cba28bc3..0b4ba117 100644
--- a/frontend/src/app/features/components/platform-management/add-new-platform/add-new-platform.component.ts
+++ b/frontend/src/app/features/components/platform-management/add-new-platform/add-new-platform.component.ts
@@ -9,6 +9,7 @@ import { GlobalLoaderService } from '../../../../common/services/global-loader.s
 import { OrganizationService } from '../../../../common/services/organization.service';
 import { DropdownOption } from '../../../../common/models/dropdown-option';
 import { RadioButtonModule } from 'primeng/radiobutton';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-add-new-platform',
@@ -33,6 +34,7 @@ export class AddNewPlatformComponent implements OnInit {
     private fb: FormBuilder,
     private messageHandlerService: ErrorHandlingService,
     private loaderService: GlobalLoaderService,
+    private router: Router,
     private orgService: OrganizationService,
   ) { }
 
@@ -68,6 +70,7 @@ export class AddNewPlatformComponent implements OnInit {
   onCancel(): void {
     this.myForm.reset();
     this.platformStatusControl.setValue(true);
+    this.router.navigateByUrl(`/platform-management`);
   }
 
   public get organizationNmControl(): AbstractControl {
diff --git a/frontend/src/app/features/components/platform-management/add-sub-platform/add-sub-platform.component.html b/frontend/src/app/features/components/platform-management/add-sub-platform/add-sub-platform.component.html
index cd0bcb55..5045c360 100644
--- a/frontend/src/app/features/components/platform-management/add-sub-platform/add-sub-platform.component.html
+++ b/frontend/src/app/features/components/platform-management/add-sub-platform/add-sub-platform.component.html
@@ -42,6 +42,88 @@ <h2>Add New Platform</h2>
                 </div>
             </div>
         </div>
+        <div class="row">
+            <div class="col">
+                <div class="form-group-row">
+                    <div class="form-group-row-col">
+                        <label for="organizationCd">Email for Non-Compliance Notices</label>
+                    </div>
+                    <div class="form-group-row-col">
+                        <input placeholder="Enter Platform’s Email Contact" [ngClass]="'full-width-text-field'"
+                            type="text" pInputText formControlName="primaryNoticeOfTakedownContactEmail"
+                            id="primaryNoticeOfTakedownContactEmail" name="primaryNoticeOfTakedownContactEmail" />
+                    </div>
+                    <div class="validation-errors" *ngIf="!primaryNoticeOfTakedownContactEmailControl.pristine">
+
+                        <small id="requiredPrimaryNoticeOfTakedownContactEmail"
+                            *ngIf="primaryNoticeOfTakedownContactEmailControl.errors?.['required']">
+                            Email is Required
+                        </small>
+                    </div>
+                </div>
+            </div>
+            <div class="col">
+                <div class="form-group-row">
+                    <div class="form-group-row-col">
+                        <label for="secondaryNoticeOfTakedownContactEmail">Secondary Email for Non-Compliance
+                            Notices (optional)</label>
+                    </div>
+                    <div class="form-group-row-col">
+                        <input placeholder="Enter Platform’s Email Contact" [ngClass]="'full-width-text-field'"
+                            type="text" pInputText formControlName="secondaryNoticeOfTakedownContactEmail"
+                            id="secondaryNoticeOfTakedownContactEmail" name="secondaryNoticeOfTakedownContactEmail" />
+                    </div>
+                    <div class="validation-errors" *ngIf="!secondaryNoticeOfTakedownContactEmailControl.pristine">
+
+                        <small id="requiredSecondaryNoticeOfTakedownContactEmail"
+                            *ngIf="secondaryNoticeOfTakedownContactEmailControl.errors?.['required']">
+                            Email is Required
+                        </small>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col">
+                <div class="form-group-row">
+                    <div class="form-group-row-col">
+                        <label for="primaryTakedownRequestContactEmail">Email for Takedown Request Letters</label>
+                    </div>
+                    <div class="form-group-row-col">
+                        <input placeholder="Enter Platform’s Email Contact" [ngClass]="'full-width-text-field'"
+                            type="text" pInputText formControlName="primaryTakedownRequestContactEmail"
+                            id="primaryTakedownRequestContactEmail" name="primaryTakedownRequestContactEmail" />
+                    </div>
+                    <div class="validation-errors" *ngIf="!primaryTakedownRequestContactEmailControl.pristine">
+
+                        <small id="requiredPrimaryTakedownRequestContactEmail"
+                            *ngIf="primaryTakedownRequestContactEmailControl.errors?.['required']">
+                            Email is Required
+                        </small>
+                    </div>
+                </div>
+            </div>
+            <div class="col">
+                <div class="form-group-row">
+                    <div class="form-group-row-col">
+                        <label for="secondaryTakedownRequestContactEmail">Secondary Email for Takedown Request
+                            Letters (optional)</label>
+                    </div>
+                    <div class="form-group-row-col">
+                        <input placeholder="Enter Platform’s Email Contact" [ngClass]="'full-width-text-field'"
+                            type="text" pInputText formControlName="secondaryTakedownRequestContactEmail"
+                            id="secondaryTakedownRequestContactEmail" name="secondaryTakedownRequestContactEmail" />
+                    </div>
+                    <div class="validation-errors" *ngIf="!secondaryTakedownRequestContactEmailControl.pristine">
+
+                        <small id="requiredSecondaryTakedownRequestContactEmail"
+                            *ngIf="secondaryTakedownRequestContactEmailControl.errors?.['required']">
+                            Email is Required
+                        </small>
+                    </div>
+                </div>
+            </div>
+        </div>
     </form>
 </div>
 
diff --git a/frontend/src/app/features/components/platform-management/add-sub-platform/add-sub-platform.component.ts b/frontend/src/app/features/components/platform-management/add-sub-platform/add-sub-platform.component.ts
index b059f0f9..54388fdb 100644
--- a/frontend/src/app/features/components/platform-management/add-sub-platform/add-sub-platform.component.ts
+++ b/frontend/src/app/features/components/platform-management/add-sub-platform/add-sub-platform.component.ts
@@ -74,11 +74,27 @@ export class AddSubPlatformComponent implements OnInit {
   public get platformStatusControl(): AbstractControl {
     return this.myForm.controls['status'];
   }
+  public get primaryNoticeOfTakedownContactEmailControl(): AbstractControl {
+    return this.myForm.controls['primaryNoticeOfTakedownContactEmail'];
+  }
+  public get primaryTakedownRequestContactEmailControl(): AbstractControl {
+    return this.myForm.controls['primaryTakedownRequestContactEmail'];
+  }
+  public get secondaryNoticeOfTakedownContactEmailControl(): AbstractControl {
+    return this.myForm.controls['secondaryNoticeOfTakedownContactEmail'];
+  }
+  public get secondaryTakedownRequestContactEmailControl(): AbstractControl {
+    return this.myForm.controls['secondaryTakedownRequestContactEmail'];
+  }
 
   private initForm(): void {
     this.myForm = this.fb.group({
       organizationNm: ['', [Validators.required]],
       organizationCd: ['', [Validators.required]],
+      primaryNoticeOfTakedownContactEmail: ['', [Validators.required, Validators.email]],
+      primaryTakedownRequestContactEmail: ['', [Validators.required, Validators.email]],
+      secondaryNoticeOfTakedownContactEmail: ['', [Validators.email]],
+      secondaryTakedownRequestContactEmail: ['', [Validators.email]],
       status: [{ value: true, disabled: true }, []],
     });
   }
diff --git a/frontend/src/app/features/components/platform-management/edit-platform/edit-platform.component.html b/frontend/src/app/features/components/platform-management/edit-platform/edit-platform.component.html
index 60ee8e63..c09c53ff 100644
--- a/frontend/src/app/features/components/platform-management/edit-platform/edit-platform.component.html
+++ b/frontend/src/app/features/components/platform-management/edit-platform/edit-platform.component.html
@@ -148,7 +148,7 @@ <h2>Edit Platform</h2>
             <div class="col">
                 <div class="form-group-row">
                     <div class="form-group-row-col">
-                        <label for="platformType">Platform Type</label>
+                        <label for="platformType">Platform Status</label>
                     </div>
                     <div class="form-group-row-col">
                         <p-radioButton name="isActive" id="isActive-true" [value]="true" label="Active"
diff --git a/frontend/src/app/features/components/platform-management/edit-platform/edit-platform.component.ts b/frontend/src/app/features/components/platform-management/edit-platform/edit-platform.component.ts
index e0ea0f1e..0146aced 100644
--- a/frontend/src/app/features/components/platform-management/edit-platform/edit-platform.component.ts
+++ b/frontend/src/app/features/components/platform-management/edit-platform/edit-platform.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
 import { AbstractControl, FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { DropdownOption } from '../../../../common/models/dropdown-option';
 import { ErrorHandlingService } from '../../../../common/services/error-handling.service';
@@ -40,6 +40,7 @@ export class EditPlatformComponent implements OnInit {
     private route: ActivatedRoute,
     private router: Router,
     private orgService: OrganizationService,
+    private cd: ChangeDetectorRef,
   ) { }
 
   ngOnInit(): void {
@@ -130,7 +131,9 @@ export class EditPlatformComponent implements OnInit {
       secondaryNoticeOfTakedownContactEmail: [this.platform.secondaryNoticeOfTakedownContactEmail, [Validators.email]],
       secondaryTakedownRequestContactEmail: [this.platform.secondaryTakedownRequestContactEmail, [Validators.email]],
       platformType: [this.platform.platformType, [Validators.required]],
-      isActive: [!!this.platform.isActive, [Validators.required]],
+      isActive: [{ value: !!this.platform.isActive, disabled: true }, [Validators.required]],
     });
+
+    this.cd.detectChanges();
   }
 }
diff --git a/frontend/src/app/features/components/platform-management/edit-sub-platform/edit-sub-platform.component.html b/frontend/src/app/features/components/platform-management/edit-sub-platform/edit-sub-platform.component.html
index 81a6a94a..2656e599 100644
--- a/frontend/src/app/features/components/platform-management/edit-sub-platform/edit-sub-platform.component.html
+++ b/frontend/src/app/features/components/platform-management/edit-sub-platform/edit-sub-platform.component.html
@@ -46,7 +46,89 @@ <h2>Edit Subsidiary Platform</h2>
             <div class="col">
                 <div class="form-group-row">
                     <div class="form-group-row-col">
-                        <label for="platformType">Platform Type</label>
+                        <label for="organizationCd">Email for Non-Compliance Notices</label>
+                    </div>
+                    <div class="form-group-row-col">
+                        <input placeholder="Enter Platform’s Email Contact" [ngClass]="'full-width-text-field'"
+                            type="text" pInputText formControlName="primaryNoticeOfTakedownContactEmail"
+                            id="primaryNoticeOfTakedownContactEmail" name="primaryNoticeOfTakedownContactEmail" />
+                    </div>
+                    <div class="validation-errors" *ngIf="!primaryNoticeOfTakedownContactEmailControl.pristine">
+
+                        <small id="requiredPrimaryNoticeOfTakedownContactEmail"
+                            *ngIf="primaryNoticeOfTakedownContactEmailControl.errors?.['required']">
+                            Email is Required
+                        </small>
+                    </div>
+                </div>
+            </div>
+            <div class="col">
+                <div class="form-group-row">
+                    <div class="form-group-row-col">
+                        <label for="secondaryNoticeOfTakedownContactEmail">Secondary Email for Non-Compliance
+                            Notices (optional)</label>
+                    </div>
+                    <div class="form-group-row-col">
+                        <input placeholder="Enter Platform’s Email Contact" [ngClass]="'full-width-text-field'"
+                            type="text" pInputText formControlName="secondaryNoticeOfTakedownContactEmail"
+                            id="secondaryNoticeOfTakedownContactEmail" name="secondaryNoticeOfTakedownContactEmail" />
+                    </div>
+                    <div class="validation-errors" *ngIf="!secondaryNoticeOfTakedownContactEmailControl.pristine">
+
+                        <small id="requiredSecondaryNoticeOfTakedownContactEmail"
+                            *ngIf="secondaryNoticeOfTakedownContactEmailControl.errors?.['required']">
+                            Email is Required
+                        </small>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col">
+                <div class="form-group-row">
+                    <div class="form-group-row-col">
+                        <label for="primaryTakedownRequestContactEmail">Email for Takedown Request Letters</label>
+                    </div>
+                    <div class="form-group-row-col">
+                        <input placeholder="Enter Platform’s Email Contact" [ngClass]="'full-width-text-field'"
+                            type="text" pInputText formControlName="primaryTakedownRequestContactEmail"
+                            id="primaryTakedownRequestContactEmail" name="primaryTakedownRequestContactEmail" />
+                    </div>
+                    <div class="validation-errors" *ngIf="!primaryTakedownRequestContactEmailControl.pristine">
+
+                        <small id="requiredPrimaryTakedownRequestContactEmail"
+                            *ngIf="primaryTakedownRequestContactEmailControl.errors?.['required']">
+                            Email is Required
+                        </small>
+                    </div>
+                </div>
+            </div>
+            <div class="col">
+                <div class="form-group-row">
+                    <div class="form-group-row-col">
+                        <label for="secondaryTakedownRequestContactEmail">Secondary Email for Takedown Request
+                            Letters (optional)</label>
+                    </div>
+                    <div class="form-group-row-col">
+                        <input placeholder="Enter Platform’s Email Contact" [ngClass]="'full-width-text-field'"
+                            type="text" pInputText formControlName="secondaryTakedownRequestContactEmail"
+                            id="secondaryTakedownRequestContactEmail" name="secondaryTakedownRequestContactEmail" />
+                    </div>
+                    <div class="validation-errors" *ngIf="!secondaryTakedownRequestContactEmailControl.pristine">
+
+                        <small id="requiredSecondaryTakedownRequestContactEmail"
+                            *ngIf="secondaryTakedownRequestContactEmailControl.errors?.['required']">
+                            Email is Required
+                        </small>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col">
+                <div class="form-group-row">
+                    <div class="form-group-row-col">
+                        <label for="platformType">Platform Status</label>
                     </div>
                     <div class="form-group-row-col">
                         <p-radioButton name="isActive" id="isActive-true" [value]="true" label="Active"
diff --git a/frontend/src/app/features/components/platform-management/edit-sub-platform/edit-sub-platform.component.ts b/frontend/src/app/features/components/platform-management/edit-sub-platform/edit-sub-platform.component.ts
index 504e176f..4ec4768c 100644
--- a/frontend/src/app/features/components/platform-management/edit-sub-platform/edit-sub-platform.component.ts
+++ b/frontend/src/app/features/components/platform-management/edit-sub-platform/edit-sub-platform.component.ts
@@ -52,6 +52,10 @@ export class EditSubPlatformComponent implements OnInit {
       isActive: platformRaw.isActive,
       organizationNm: platformRaw.organizationNm,
       managingOrganizationId: this.platform.managingOrganizationId,
+      primaryNoticeOfTakedownContactEmail: platformRaw.primaryNoticeOfTakedownContactEmail,
+      primaryTakedownRequestContactEmail: platformRaw.primaryTakedownRequestContactEmail,
+      secondaryNoticeOfTakedownContactEmail: platformRaw.secondaryNoticeOfTakedownContactEmail,
+      secondaryTakedownRequestContactEmail: platformRaw.secondaryTakedownRequestContactEmail,
       updDtm: this.platform.updDtm,
     };
 
@@ -78,6 +82,18 @@ export class EditSubPlatformComponent implements OnInit {
   public get organizationCdControl(): AbstractControl {
     return this.myForm.controls['organizationCd'];
   }
+  public get primaryNoticeOfTakedownContactEmailControl(): AbstractControl {
+    return this.myForm.controls['primaryNoticeOfTakedownContactEmail'];
+  }
+  public get primaryTakedownRequestContactEmailControl(): AbstractControl {
+    return this.myForm.controls['primaryTakedownRequestContactEmail'];
+  }
+  public get secondaryNoticeOfTakedownContactEmailControl(): AbstractControl {
+    return this.myForm.controls['secondaryNoticeOfTakedownContactEmail'];
+  }
+  public get secondaryTakedownRequestContactEmailControl(): AbstractControl {
+    return this.myForm.controls['secondaryTakedownRequestContactEmail'];
+  }
   public get platformStatusControl(): AbstractControl {
     return this.myForm.controls['isActive'];
   }
@@ -100,7 +116,11 @@ export class EditSubPlatformComponent implements OnInit {
     this.myForm = this.fb.group({
       organizationNm: [this.platform.organizationNm, [Validators.required]],
       organizationCd: [{ value: this.platform.organizationCd, disabled: true }, [Validators.required]],
-      isActive: [!!this.platform.isActive, [Validators.required]],
+      primaryNoticeOfTakedownContactEmail: [this.platform.primaryNoticeOfTakedownContactEmail, [Validators.required, Validators.email]],
+      primaryTakedownRequestContactEmail: [this.platform.primaryTakedownRequestContactEmail, [Validators.required, Validators.email]],
+      secondaryNoticeOfTakedownContactEmail: [this.platform.secondaryNoticeOfTakedownContactEmail, [Validators.email]],
+      secondaryTakedownRequestContactEmail: [this.platform.secondaryTakedownRequestContactEmail, [Validators.email]],
+      isActive: [{ value: !!this.platform.isActive, disabled: true }, [Validators.required]],
     });
 
     this.cd.detectChanges();
diff --git a/frontend/src/app/features/components/platform-management/platform-management.component.html b/frontend/src/app/features/components/platform-management/platform-management.component.html
index edc46282..29926eeb 100644
--- a/frontend/src/app/features/components/platform-management/platform-management.component.html
+++ b/frontend/src/app/features/components/platform-management/platform-management.component.html
@@ -112,7 +112,6 @@ <h2>Manage Platforms</h2>
                     <i class="pi pi-angle-up"
                         *ngIf="this.sortSub && this.sortSub.prop === 'organizationCd' && this.sortSub.dir === 'asc'"></i>
                 </th>
-                <th>Platform Type</th>
                 <th class="sortable-header" id="primaryNoticeOfTakedownContactEmail_header"
                     [class.sorted]="this.sortSub && this.sortSub.prop === 'primaryNoticeOfTakedownContactEmail'"
                     (click)="onSortSub('primaryNoticeOfTakedownContactEmail')">Notice of Non-compliance Email
@@ -153,10 +152,9 @@ <h2>Manage Platforms</h2>
             <tr>
                 <td>{{subPlatform.organizationNm || '-'}}</td>
                 <td>{{subPlatform.organizationCd || '-'}}</td>
-                <td>{{platform.platformType || '-'}}</td>
-                <td>{{platform.primaryNoticeOfTakedownContactEmail || '-'}}
+                <td>{{subPlatform.primaryNoticeOfTakedownContactEmail || '-'}}
                 </td>
-                <td>{{platform.primaryTakedownRequestContactEmail || '-'}}
+                <td>{{subPlatform.primaryTakedownRequestContactEmail || '-'}}
                 </td>
                 <td class="status" [class.active]="!!subPlatform.isActive">
                     {{subPlatform.isActive?'Active':'Disabled'}}</td>
diff --git a/frontend/src/app/features/components/platform-management/view-platform/view-platform.component.html b/frontend/src/app/features/components/platform-management/view-platform/view-platform.component.html
index 54c7dba6..d5512a5c 100644
--- a/frontend/src/app/features/components/platform-management/view-platform/view-platform.component.html
+++ b/frontend/src/app/features/components/platform-management/view-platform/view-platform.component.html
@@ -58,7 +58,7 @@ <h2>Detailed Platform Contact Information</h2>
                 <div class="row">
                     <strong>Last Updated By:</strong>
                     <span>
-                        {{platform.updUserGuid || '-'}}
+                        {{platform.updUserDisplayNm || '-'}}
                     </span>
                 </div>
             </ng-template>
@@ -98,6 +98,18 @@ <h2>Detailed Platform Contact Information</h2>
                         {{sub.organizationCd || '-'}}
                     </span>
                 </div>
+                <div class="row">
+                    <strong>Email for Non-Compliance Notices:</strong>
+                    <span>
+                        {{sub.primaryNoticeOfTakedownContactEmail || '-'}}
+                    </span>
+                </div>
+                <div class="row">
+                    <strong>Email for Takedown Request Letters:</strong>
+                    <span>
+                        {{sub.primaryTakedownRequestContactEmail || '-'}}
+                    </span>
+                </div>
                 <div class="row">
                     <strong>Platform Status:</strong>
                     <span class="status" [class.active]="sub.isActive">
@@ -107,7 +119,7 @@ <h2>Detailed Platform Contact Information</h2>
                 <div class="row">
                     <strong>Last Updated By:</strong>
                     <span>
-                        {{sub.updUserGuid || '-'}}
+                        {{sub.updUserDisplayNm || '-'}}
                     </span>
                 </div>
             </ng-template>