Prevent input text boxes with HTML and javascript

KB-iGOT · Aug 28, 2024 · 4c3003e · 4c3003e
1 parent 7de6df5
commit 4c3003e
Show file tree

Hide file tree

Showing 11 changed files with 363 additions and 286 deletions.
diff --git a/project/ws/app/src/lib/routes/home/routes/events/create-event/create-event.component.html b/project/ws/app/src/lib/routes/home/routes/events/create-event/create-event.component.html
@@ -132,6 +132,12 @@
                                                                                     createEventForm?.controls['description'].errors?.required">
                                     Description is mandatory
                                 </mat-error>
+                                <mat-error [hidden]="false" i18n="description Error|Explains description is required"
+                                    i18n-aria-label aria-label="description Error|Explains description is required "
+                                    *ngIf="createEventForm?.controls['description']?.touched &&
+                                        createEventForm?.controls['description'].errors?.noHtml">
+                                    HTML and javascript is not allowed
+                                </mat-error>
                                 <mat-hint>{{description.value.length}}/1000 characters</mat-hint>
                             </mat-form-field>
                         </div>
@@ -149,6 +155,10 @@
                                     *ngIf="createEventForm?.controls['agenda']?.touched && createEventForm?.controls['agenda'].errors?.required">
                                     Agenda is mandatory
                                 </mat-error>
+                                <mat-error [hidden]="false"
+                                    *ngIf="createEventForm?.controls['agenda']?.touched && createEventForm?.controls['agenda'].errors?.noHtml">
+                                    HTML and javascript is not allowed
+                                </mat-error>
                                 <mat-hint>{{agenda.value.length}}/500 characters</mat-hint>
                             </mat-form-field>
                         </div>

diff --git a/project/ws/app/src/lib/routes/home/routes/events/create-event/create-event.component.ts b/project/ws/app/src/lib/routes/home/routes/events/create-event/create-event.component.ts
@@ -15,6 +15,7 @@ import { MomentDateAdapter } from '@angular/material-moment-adapter'
 import _ from 'lodash'
 import { TelemetryEvents } from '../../events/model/telemetry.event.model'
 import { ProfileV2UtillService } from '../services/home-utill.service'
+import { preventHtmlAndJs } from '../../../validators/prevent-html-and-js.validator'
 /* tslint:enable */
 
 export const MY_FORMATS = {
@@ -146,8 +147,8 @@ export class CreateEventComponent implements OnInit {
       eventPicture: new FormControl('', [Validators.required]),
       eventTitle: new FormControl('', [Validators.required]),
       // summary: new FormControl('', [Validators.required]),
-      description: new FormControl('', [Validators.required]),
-      agenda: new FormControl('', []),
+      description: new FormControl('', [Validators.required, preventHtmlAndJs()]),
+      agenda: new FormControl('', [preventHtmlAndJs()]),
       // isItKarmayogiTalk: new FormControl('', []),
       eventType: new FormControl('', [Validators.required]),
       eventDate: new FormControl('', [Validators.required]),
@@ -580,7 +581,7 @@ export class CreateEventComponent implements OnInit {
     this.dialogRef.afterClosed().subscribe(() => {
       setTimeout(() => {
         this.router.navigate([`/app/home/events`])
-      },         700)
+      }, 700)
     })
   }
 

diff --git a/project/ws/app/src/lib/routes/home/routes/events/edit-event/edit-event.component.html b/project/ws/app/src/lib/routes/home/routes/events/edit-event/edit-event.component.html
@@ -135,9 +135,15 @@
                                 <mat-error [hidden]="false" i18n="description Error|Explains description is required"
                                     i18n-aria-label aria-label="description Error|Explains description is required "
                                     *ngIf="createEventForm?.controls['description']?.touched &&
-                                                                                    createEventForm?.controls['description'].errors?.required">
+                                        createEventForm?.controls['description'].errors?.required">
                                     Description is mandatory
                                 </mat-error>
+                                <mat-error [hidden]="false" i18n="description Error|Explains description is required"
+                                    i18n-aria-label aria-label="description Error|Explains description is required "
+                                    *ngIf="createEventForm?.controls['description']?.touched &&
+                                    createEventForm?.controls['description'].errors?.noHtml">
+                                    HTML and javascript is not allowed
+                                </mat-error>
                                 <mat-hint>{{description.value.length}}/1000 characters</mat-hint>
                             </mat-form-field>
                         </div>
@@ -155,6 +161,10 @@
                                     *ngIf="createEventForm?.controls['agenda']?.touched && createEventForm?.controls['agenda'].errors?.required">
                                     Agenda is mandatory
                                 </mat-error>
+                                <mat-error [hidden]="false"
+                                    *ngIf="createEventForm?.controls['agenda']?.touched && createEventForm?.controls['agenda'].errors?.noHtml">
+                                    HTML or Js is not allowed
+                                </mat-error>
                                 <mat-hint>{{agenda.value.length}}/500 characters</mat-hint>
                             </mat-form-field>
                         </div>

diff --git a/project/ws/app/src/lib/routes/home/routes/events/edit-event/edit-event.component.ts b/project/ws/app/src/lib/routes/home/routes/events/edit-event/edit-event.component.ts
@@ -15,6 +15,7 @@ import _ from 'lodash'
 import { TelemetryEvents } from '../model/telemetry.event.model'
 import { ProfileV2UtillService } from '../services/home-utill.service'
 import { MomentDateAdapter } from '@angular/material-moment-adapter'
+import { preventHtmlAndJs } from '../../../validators/prevent-html-and-js.validator'
 /* tslint:enable */
 
 export const MY_FORMATS = {
@@ -151,8 +152,8 @@ export class EditEventComponent implements OnInit {
       eventPicture: new FormControl('', [Validators.required]),
       eventTitle: new FormControl('', [Validators.required]),
       // summary: new FormControl('', []),
-      description: new FormControl('', [Validators.required]),
-      agenda: new FormControl('', []),
+      description: new FormControl('', [Validators.required, preventHtmlAndJs()]),
+      agenda: new FormControl('', [preventHtmlAndJs()]),
       // isItKarmayogiTalk: new FormControl('', []),
       eventType: new FormControl('', [Validators.required]),
       eventDate: new FormControl('', [Validators.required]),
@@ -574,7 +575,7 @@ export class EditEventComponent implements OnInit {
               this.displayLoader = false
               this.openSnackbar('Event details are successfuly updated.')
               this.router.navigate([`/app/home/events`])
-            },         5000)
+            }, 5000)
           }
         },
         (err: any) => {