RED-1751: Disable autocomplete on comments & page exclusion

apps/red-ui/src/app/modules/dossier/components/comments/comments.component.html

@@ -23,6 +23,7 @@
     *ngIf="permissionsService.canAddComment()"
     [form]="commentForm"
     [placeholder]="translateService.instant('comments.add-comment')"
+    autocomplete="off"
     icon="red:collapse"
     type="action"
     width="full"

apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.html

@@ -2,6 +2,7 @@
     <redaction-input-with-action
         (action)="excludePagesRange()"
         [form]="excludePagesForm"
+        autocomplete="off"
         hint="file-preview.tabs.exclude-pages.hint"
         icon="red:check"
         placeholder="file-preview.tabs.exclude-pages.input-placeholder"

apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.html

@@ -10,8 +10,8 @@
         [class.primary]="type === 'primary'"
         [class.warn]="type === 'warn'"
         [disabled]="disabled"
+        [type]="isSubmit ? 'submit' : 'button'"
         mat-icon-button
-        type="submit"
     >
         <mat-icon [svgIcon]="icon"></mat-icon>
     </button>

apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.ts

@@ -25,9 +25,10 @@ export class CircleButtonComponent implements OnInit {
     @Input() disabled = false;
     @Input() type: 'default' | 'primary' | 'warn' | 'dark-bg' = 'default';
     @Input() removeTooltip = false;
-    @Output() action = new EventEmitter<any>();
     @Input() size = 34;
     @Input() iconSize = 14;
+    @Input() isSubmit = false;
+    @Output() action = new EventEmitter<any>();
 
     @ViewChild(MatTooltip) matTooltip: MatTooltip;
 

apps/red-ui/src/app/modules/shared/components/input-with-action/input-with-action.component.html

@@ -1,4 +1,4 @@
-<form [formGroup]="form">
+<form [autocomplete]="autocomplete" [formGroup]="form">
     <div [style.max-width]="computedWidth" [style.width]="computedWidth" class="red-input-group">
         <input
             [formControlName]="formControlName"
@@ -32,6 +32,7 @@
             *ngIf="type === 'action'"
             [disabled]="!hasContent"
             [icon]="icon"
+            [isSubmit]="true"
             [size]="25"
         >
         </redaction-circle-button>

apps/red-ui/src/app/modules/shared/components/input-with-action/input-with-action.component.ts

@@ -13,6 +13,7 @@ export class InputWithActionComponent {
     @Input() width: number | 'full' = 250;
     @Input() type: 'search' | 'action';
     @Input() icon: string;
+    @Input() autocomplete: 'on' | 'off' = 'on';
     @Output() action = new EventEmitter<any>();
 
     get formControlName(): 'query' | 'value' {