update form id & name

src/app/components/main-chat/channel-informations/channel-informations.component.html

@@ -45,7 +45,14 @@
       } @else {
       <div class="channelName">
         <img src="./assets/img/hashtag.svg" alt="" />
-        <input type="text" [(ngModel)]="nameValue" class="inputName" />
+        <input
+          type="text"
+          [(ngModel)]="nameValue"
+          class="inputName"
+          id="inputName"
+          name="inputName"
+          autocomplete="off"
+        />
       </div>
       } }
     </div>

src/app/components/main-chat/chat-msg-box/chat-msg-box.component.html

@@ -22,6 +22,8 @@
       type="file"
       #fileInput
       id="file"
+      name="file"
+      autocomplete="off"
       style="display: none"
       (change)="onFileChange($event)"
       multiple

src/app/components/main-chat/main-chat.component.html

@@ -1,19 +1,22 @@
 <section>
   @if (checkCurrentChannel(currentChannel) == 'searchBar') {
-  <!-----Searchwindow at the sidebar----->
+  <!----- Searchwindow ----->
   <div class="headerSearchBar">
     <p>{{ "main-chat.message" | translate }}</p>
     <input
       type="text"
+      id="searchInput"
+      name="searchInput"
+      autocomplete="off"
       placeholder="{{ 'main-chat.placeholder' | translate }}"
       [(ngModel)]="chatService.inputValue"
       (keyup)="filterChannelAndUser(chatService.inputValue)"
     />
     @if (toggleBoolean.openSearchWindow) {
-    <!-----search suggestions----->
+    <!----- Search suggestions ----->
     <div class="filteredElementWindow">
       @if (firstLetter == '#') {
-      <!-- render channels -->
+      <!----- Render channels ----->
       @for (i of checkIfUserHasAccessToChannel(); track $index) {
       <h3
         class="user"
@@ -21,7 +24,7 @@
         [innerHTML]="i.name | highlight : chatService.inputValue"
       ></h3>
       } } @else if (firstLetter == '@') {
-      <!-- render users -->
+      <!----- Render users ----->
       @for (i of userService.allUsers; track $index) {
       <div class="user" (click)="chooseElement(i)">
         <div class="positionImgs">
@@ -58,7 +61,7 @@
     </app-chat-content>
   </div>
   } @else { @if(checkCurrentChannel(currentChannel) == 'allPrvChannels'){
-  <!------------shwo prv chat----------->
+  <!----- privat chat ----->
   @for (user of getPrvChat(currentChannel); track user; let i = $index) {
   <div class="headerPrvChat">
     <div class="headlinePrvChat" (click)="openUserProfil()">
@@ -105,7 +108,7 @@
   >
   </app-chat-content>
   } } @else if (checkCurrentChannel(currentChannel) == 'allChannels') {
-  <!-------show public channel-chat ----------->
+  <!----- channel ----->
   @for(channel of getChannelName(currentChannel); track channel) {
   <div class="header">
     <div class="headline" (click)="showMenu()">
@@ -162,7 +165,7 @@
   >
   </app-chat-content>
   }
-  <!-- Channel informations dialog -->
+  <!----- Channel informations dialog ----->
   @if (openMenu) {
   <app-channel-informations
     [viewWidth]="viewWidth"

src/app/components/main-chat/show-channel-member/show-channel-member.component.html

@@ -101,6 +101,9 @@
       </div>
       <input
         type="text"
+        id="userName"
+        name="userName"
+        autocomplete="off"
         class="inputfieldStyle"
         [(ngModel)]="userName"
         (keyup)="filterUsers(userName)"

src/app/components/sidebar/sidebar-channels/add-new-channel/add-new-channel.component.html

@@ -32,6 +32,8 @@
     </div>
     <input
       type="text"
+      id="channelName"
+      name="channelName"
       class="textfieldStyle hashtagPadding"
       placeholder="{{ 'add-new-channel.placeholder' | translate }}"
       maxlength="20"
@@ -47,6 +49,8 @@
       id=""
       cols="30"
       rows="10"
+      id="channelDescription"
+      name="channelDescription"
       class="textfieldStyle"
       [(ngModel)]="channelDescription"
       placeholder="{{ 'add-new-channel.placeholder2' | translate }}"

src/app/shared/components/header/edit-user/edit-user-details/edit-user-details.component.html

@@ -36,6 +36,7 @@
           [(ngModel)]="userService.nameValue"
           required
           [disabled]="asGuestOnline"
+          id="fullName"
           name="fullName"
         />
         } @else {
@@ -48,6 +49,7 @@
           required
           minlength="3"
           (ngModelChange)="checkIfUserNameIsValid($event)"
+          id="fullName"
           name="fullName"
         />
         }
@@ -65,6 +67,7 @@
           class="inputDisabled"
           type="email"
           required
+          id="emailValue"
           name="emailValue"
           [(ngModel)]="userService.emailValue"
           [disabled]="asGuestOnline"

src/app/shared/components/header/search-bar/search-bar.component.html

@@ -1,5 +1,8 @@
 <div class="inputPosition">
   <input
+    id="searchField"
+    name="searchField"
+    autocomplete="off"
     type="text"
     maxlength="24"
     placeholder="{{ 'search-bar.placeholder' | translate }}"