Merge pull request bcgov#488 from ksprabin/CSRS-488

CSRS-488

src/frontend/csrs-portal/src/app/app.module.ts

@@ -53,6 +53,8 @@ export function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader {
 
 import { MatTabsModule } from '@angular/material/tabs';
 import { ModalDialogComponent } from './components/modal-dialog/modal-dialog.component';
+import { ModalDialogHtmlComponent } from './components/modal-dialog-htmlcontent/modal-dialog-htmlcontent.component';
+
 import { FormsModule } from '@angular/forms';
 import { filter } from 'rxjs/operators';
 import { MatListModule } from '@angular/material/list';
@@ -69,6 +71,7 @@ import { MatDividerModule } from '@angular/material/divider';
     MailboxComponent,
     CommunicationComponent,
     ModalDialogComponent,
+    ModalDialogHtmlComponent
   ],
   imports: [
     CommonModule,

src/frontend/csrs-portal/src/app/components/child-application-question/child-application-question.component.html

@@ -687,10 +687,10 @@ <h2 class="mt-4 mb-0">Child Support Recalculation Application</h2>
                   if I do not provide my income tax information, as requested by CSRS, CSRS may adjust my annual income amount using rate increases set out under the Family Law Act Regulation.
                 </li>
                 <li>
-                  the information I provide to CSRS through the recalculation service account portal is collected, used and disclosed in accordance with the CSRS “INFORMATION COLLECTION, USE AND DISCLOSURE” provisions contained in the “SERVICE PORTAL TERMS OF USE” for the purposes of child support recalculation. This includes, where applicable, the sharing of information with the British Columbia Family Maintenance Agency, the Provincial Court of British Columbia and/or the other parent.
+                  the information I provide to CSRS through the recalculation service account portal is collected, used and disclosed in accordance with the CSRS <a href="javascript:void(0);" (click)="showInfoCollectionDisclosure()">“INFORMATION COLLECTION, USE AND DISCLOSURE”</a> provisions contained in the <a href="javascript:void(0);" (click)="showTermsOfUse()">“SERVICE PORTAL TERMS OF USE”</a> for the purposes of child support recalculation. This includes, where applicable, the sharing of information with the British Columbia Family Maintenance Agency, the Provincial Court of British Columbia and/or the other parent.
                 </li>
                 <li>
-                  I have read and understand the “SERVICE PORTAL TERMS OF USE”, including its “INFORMATION COLLECTION, USE AND DISCLOSURE” provisions.
+                  I have read and understand the <a href="javascript:void(0);" (click)="showTermsOfUse()">“SERVICE PORTAL TERMS OF USE”</a>, including its <a href="javascript:void(0);" (click)="showInfoCollectionDisclosure()">“INFORMATION COLLECTION, USE AND DISCLOSURE”</a> provisions.
                 </li>
                 <li>
                   the information I have given on this form is true and correct to the best of my knowledge and belief.

src/frontend/csrs-portal/src/app/components/child-application-question/child-application-question.component.ts

@@ -38,6 +38,7 @@ import {
   } from 'app/api/model/models';
 
 import { DatePipe } from '@angular/common';
+import { ModalDialogHtmlComponent } from '../modal-dialog-htmlcontent/modal-dialog-htmlcontent.component';
 
 @Component({
   selector: 'app-child-application-question',
@@ -552,6 +553,30 @@ editPage(stepper, index){
     //localStorage.getsetItemItem('formData', '');
   }
 
+  //To edit the content of SERVICE PORTAL TERMS OF USE, Change the word document and convert to html and paste the content here
+  showInfoCollectionDisclosure(): void {
+    const dialogRef = this.dialog.open(ModalDialogHtmlComponent, {
+      width: '850px',
+      data: '',
+    });
+
+    dialogRef.afterClosed().subscribe(result => {
+      //this.logger.info(`Dialog result: ${result}`);
+    });
+  }
+
+  //To edit the content of “INFORMATION COLLECTION, USE AND DISCLOSURE”, Change the word document and convert to html and paste the content here
+  showTermsOfUse(): void {
+    const dialogRef = this.dialog.open(ModalDialogHtmlComponent, {
+      width: '750px',
+      data: '',
+    });
+
+    dialogRef.afterClosed().subscribe(result => {
+      //this.logger.info(`Dialog result: ${result}`);
+    });
+  }
+
   openModalDialog(): void {
     const dialogRef = this.dialog.open(ModalDialogComponent, {
       width: '450px',