[FOGL-7191]: Restrict entry of double quote in the names of services, tasks, filters, notification, scripts and ACLs (#249)

* restrict entry of double quote in the names of services, tasks, filters, notification, scripts and ACLs

---------

Co-authored-by: monika-Dianomic <monika@dianomic>

Author: MonikaSharma06

src/app/components/core/control-dispatcher/add-control-acl/add-control-acl.component.html

@@ -29,7 +29,7 @@
             <div class="field-body">
               <div class="field">
                 <div class="control">
-                  <input name="name" class="input" type="text" placeholder="Name" required [(ngModel)]="name"
+                  <input name="name" class="input" type="text" placeholder="Name" required [(ngModel)]="name" title="No double quotes!" pattern="[^\x22]+" autocomplete="off"
                     [ngClass]="{'is-static static-acl':editMode, 'is-small':sharedService.checkAuth() && !editMode}"
                     [readonly]="!sharedService.checkAuth()">
                 </div>

src/app/components/core/control-dispatcher/add-control-script/add-control-script.component.html

@@ -30,7 +30,7 @@
               <div class="field">
                 <div class="control">
                   <input #name=ngModel name="name" class="input name-field" type="text" placeholder="Name" required
-                    [(ngModel)]="controlScript.name"
+                    [(ngModel)]="controlScript.name" title="No double quotes!" pattern="[^\x22]+" autocomplete="off"
                     [ngClass]="{'is-static': editMode, 'is-small':sharedService.checkAuth() && !editMode}"
                     [readonly]="editMode">
                 </div>

src/app/components/core/filter/add-filter-wizard/add-filter-wizard.component.html

@@ -53,7 +53,7 @@
                 <div class="column">
                   <div class="field">
                     <div class="control">
-                      <input class="input" id="name" type="text" placeholder="name" formControlName="name" required
+                      <input class="input" id="name" type="text" placeholder="name" title="No double quotes!" pattern="[^\x22]+" autocomplete="off" formControlName="name" required
                         (input)="validateServiceName($event)">
                       <small *ngIf="!isValidName" class="help is-danger level-left">Application name is required</small>
                     </div>
@@ -129,7 +129,7 @@
             <div class="field-body">
               <div class="field">
                 <div class="control">
-                  <input class="input" id="name" type="text" placeholder="name" formControlName="name" required
+                  <input class="input" id="name" type="text" placeholder="name" title="No double quotes!" pattern="[^\x22]+" autocomplete="off" formControlName="name" required
                     (input)="validateServiceName($event)">
                   <small *ngIf="!isValidName" class="help is-danger level-left">Application name is required</small>
                 </div>

src/app/components/core/north/add-task-wizard/add-task-wizard.component.html

@@ -84,7 +84,7 @@
             <div class="field-body">
               <div class="field">
                 <div class="control">
-                  <input class="input" type="text" placeholder="name" formControlName="name"
+                  <input class="input" type="text" placeholder="name" formControlName="name" title="No double quotes!" pattern="[^\x22]+" autocomplete="off"
                     (change)="validateTaskName($event)" required>
                   <span *ngIf="!isValidName || (name.errors?.required && name.touched)" class="help is-danger">
                     <sup>*</sup>North instance name is required.

src/app/components/core/notifications/add-notification-wizard/add-notification-wizard.component.html

@@ -44,7 +44,7 @@
             <div class="field-body">
               <div class="field">
                 <div class="control">
-                  <input class="input" id="name" type="text" placeholder="name" formControlName="name">
+                  <input class="input" id="name" type="text" placeholder="name" formControlName="name" title="No double quotes!" pattern="[^\x22]+" autocomplete="off">
                   <small *ngIf="name.invalid && (name.dirty || name.touched)"
                     class="help is-danger level-left"><sup>*</sup>Notification instance name is
                     required</small>

src/app/components/core/notifications/notification-service-modal/notification-service-modal.component.html

@@ -24,7 +24,7 @@
                 <div class="field is-narrow">
                   <input *ngIf="!isNotificationServiceAvailable" type="text" class="input is-small"
                     name="notificationServiceName" [(ngModel)]="notificationServiceName"
-                    placeholder="Fledge Notifications" required trim="blur" />
+                    placeholder="Fledge Notifications" required trim="blur" title="No double quotes!" pattern="[^\x22]+" autocomplete="off"/>
                   <small
                     *ngIf="(fg?.touched || fg?.controls['notificationServiceName']?.dirty) && fg?.controls['notificationServiceName']?.invalid"
                     class="help is-danger level-left">*required</small>

src/app/components/core/south/add-service-wizard/add-service-wizard.component.html

@@ -84,8 +84,8 @@
             <div class="field-body">
               <div class="field">
                 <div class="control">
-                  <input class="input" id="name" type="text" placeholder="name" formControlName="name" required
-                    (input)="validateServiceName($event)">
+                  <input class="input" id="name" autocomplete="off" type="text" placeholder="name" formControlName="name" required
+                    (input)="validateServiceName($event)" title="No double quotes!" pattern="[^\x22]+">
                   <small *ngIf="!isValidName" class="help is-danger level-left">Service name is required</small>
                 </div>
               </div>