From 5f7667af30a7c08eb7b2153121822a6ebcf1202d Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Sun, 26 May 2024 19:23:53 +0200
Subject: [PATCH] clean code

---
 .../channel-informations.component.scss       |  8 ---
 .../chat-msg-box/chat-msg-box.component.html  |  4 +-
 .../chat-msg-box/chat-msg-box.component.scss  | 15 ++---
 .../choose-avatar.component.html              | 18 +++---
 .../choose-avatar.component.scss              |  4 +-
 .../choose-avatar/choose-avatar.component.ts  |  4 +-
 .../register/register.component.html          | 35 ++++++-----
 .../register/register.component.scss          |  4 +-
 .../edit-user-details.component.scss          | 63 ++++++++++---------
 .../header/edit-user/edit-user.component.html |  2 +-
 .../header/edit-user/edit-user.component.ts   |  5 --
 .../shared/components/login/mixins/mixin.scss |  2 +-
 12 files changed, 82 insertions(+), 82 deletions(-)

diff --git a/src/app/components/main-chat/channel-informations/channel-informations.component.scss b/src/app/components/main-chat/channel-informations/channel-informations.component.scss
index 2896e26..960a915 100644
--- a/src/app/components/main-chat/channel-informations/channel-informations.component.scss
+++ b/src/app/components/main-chat/channel-informations/channel-informations.component.scss
@@ -52,14 +52,6 @@
   }
 }
 
-.dieableEdit {
-  color: rgba(0, 0, 0, 0.5) !important;
-  cursor: context-menu !important;
-  &:hover {
-    font-weight: 400 !important;
-  }
-}
-
 .closeBtn {
   display: flex;
   justify-content: center;
diff --git a/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.html b/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.html
index e87d820..40d4697 100644
--- a/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.html
+++ b/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.html
@@ -1,5 +1,5 @@
 <section (mouseleave)="mouseLeave()">
-  <div [ngClass]="{ posiotionDataFromPc: hasFile, '': !hasFile }">
+  <div [ngClass]="{ positionDataFromPc: hasFile, '': !hasFile }">
     @if(hasFile){
     <div
       class="fileBox"
@@ -83,7 +83,7 @@
       } @if(downloadFilesService.uploadFiles.length >= 1){
       <p
         [ngClass]="{
-          showWanrningNotice: downloadFilesService.uploadFiles.length >= 1
+          showWarningNotice: downloadFilesService.uploadFiles.length >= 1
         }"
         class="warningMessage"
       >
diff --git a/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.scss b/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.scss
index 3a4c8fa..122377d 100644
--- a/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.scss
+++ b/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.scss
@@ -47,10 +47,11 @@ section {
   }
 }
 
-.sendIconDisabled{
+.sendIconDisabled {
   padding: 6px;
   transform: 0.3 ease-in-out;
-  filter: brightness(0) saturate(100%) invert(78%) sepia(4%) saturate(4098%) hue-rotate(207deg) brightness(99%) contrast(98%);
+  filter: brightness(0) saturate(100%) invert(78%) sepia(4%) saturate(4098%)
+    hue-rotate(207deg) brightness(99%) contrast(98%);
 }
 
 .verticalLine {
@@ -86,7 +87,7 @@ app-emoji-picker {
   z-index: 3;
 }
 
-.posiotionDataFromPc {
+.positionDataFromPc {
   margin-top: -40px;
   display: flex;
   width: 60px;
@@ -114,7 +115,7 @@ app-emoji-picker {
   height: 100vh;
 }
 
-.showWanrningNotice {
+.showWarningNotice {
   animation: shwoWN 0.3s ease-in-out;
 }
 
@@ -176,7 +177,7 @@ app-emoji-picker {
   display: flex;
 }
 
-.warningMessage{
+.warningMessage {
   color: red;
 }
 
@@ -234,8 +235,8 @@ app-emoji-picker {
     padding-bottom: 54px;
     margin: 12px;
   }
-  
-  .warningMessage{
+
+  .warningMessage {
     font-size: 12px;
   }
 }
diff --git a/src/app/components/main-login/choose-avatar/choose-avatar.component.html b/src/app/components/main-login/choose-avatar/choose-avatar.component.html
index d096f2c..2784a31 100644
--- a/src/app/components/main-login/choose-avatar/choose-avatar.component.html
+++ b/src/app/components/main-login/choose-avatar/choose-avatar.component.html
@@ -1,4 +1,4 @@
-<div class="avatarSektion">
+<section>
   <app-start-header [display]="'none'"></app-start-header>
   <div class="avatarContainer">
     <div class="avatarTop">
@@ -11,7 +11,7 @@
         >
         </app-small-btn>
       </div>
-      <span>{{ 'chooseAvatar.header' | translate }}</span>
+      <span>{{ "chooseAvatar.header" | translate }}</span>
     </div>
 
     <div class="viewAvatarContainer">
@@ -29,7 +29,9 @@
       />
     </div>
     <div class="chooseAvatarContainer">
-      <div><span>{{ 'chooseAvatar.avatarInfo' | translate }}</span></div>
+      <div>
+        <span>{{ "chooseAvatar.avatarInfo" | translate }}</span>
+      </div>
       <div class="mobileImgContainer">
         <img
           (click)="chooseExistAvatar(i)"
@@ -41,17 +43,19 @@
     </div>
 
     <div class="ownAvatarContainer">
-      <div>{{ 'chooseAvatar.ownAvatar' | translate }}</div>
+      <div>{{ "chooseAvatar.ownAvatar" | translate }}</div>
       <div>
         <button class="BtnUpload" (click)="fileInput.click()">
-          {{ 'chooseAvatar.avatarBtn' | translate }}
+          {{ "chooseAvatar.avatarBtn" | translate }}
         </button>
       </div>
     </div>
 
     <div class="avatarBottom">
-      <button class="hoverBtn" (click)="loginService.register()">{{ 'chooseAvatar.Btn' | translate }}</button>
+      <button class="hoverBtn" (click)="loginService.register()">
+        {{ "chooseAvatar.Btn" | translate }}
+      </button>
     </div>
   </div>
   <app-footer></app-footer>
-</div>
+</section>
diff --git a/src/app/components/main-login/choose-avatar/choose-avatar.component.scss b/src/app/components/main-login/choose-avatar/choose-avatar.component.scss
index ac8a4ac..5057af6 100644
--- a/src/app/components/main-login/choose-avatar/choose-avatar.component.scss
+++ b/src/app/components/main-login/choose-avatar/choose-avatar.component.scss
@@ -3,8 +3,8 @@
   font-family: Nunito;
 }
 
-.avatarSektion {
-  @include SektionBody;
+section {
+  @include SectionBody;
 }
 .avatarContainer {
   @include Card;
diff --git a/src/app/components/main-login/choose-avatar/choose-avatar.component.ts b/src/app/components/main-login/choose-avatar/choose-avatar.component.ts
index d73b0a9..00e8bcd 100644
--- a/src/app/components/main-login/choose-avatar/choose-avatar.component.ts
+++ b/src/app/components/main-login/choose-avatar/choose-avatar.component.ts
@@ -77,11 +77,11 @@ export class ChooseAvatarComponent {
             this.loginService.getAvatarUrl(url);
           })
           .catch((error) =>
-            console.error('Fehler beim Abrufen der Download-URL:', error)
+            console.error('Error retrieving the download URL:', error)
           );
       })
       .catch((error) => {
-        console.error('Fehler beim Hochladen:', error);
+        console.error('Upload error:', error);
       });
   }
 
diff --git a/src/app/components/main-login/register/register.component.html b/src/app/components/main-login/register/register.component.html
index 36b8406..d1f9ddd 100644
--- a/src/app/components/main-login/register/register.component.html
+++ b/src/app/components/main-login/register/register.component.html
@@ -1,4 +1,4 @@
-<div class="registerSektion">
+<section>
   <app-start-header [display]="'none'"></app-start-header>
   <div class="registerContainer">
     <div class="registerTop">
@@ -12,12 +12,10 @@
         >
         </app-small-btn>
       </div>
-      <span> {{ 'createAccount.header' | translate }}</span>
+      <span> {{ "createAccount.header" | translate }}</span>
     </div>
     <div class="registerInfoText">
-      <span
-        >{{ 'createAccount.infoText' | translate }}</span
-      >
+      <span>{{ "createAccount.infoText" | translate }}</span>
     </div>
     <form
       (ngSubmit)="onSubmit(contactForm)"
@@ -38,7 +36,7 @@
           [ngClass]="{ aktivInput: nameField.valid && nameField.touched }"
         />
         @if (!nameField.valid && nameField.touched) {
-        <p class="error">{{ 'createAccount.errorText' | translate }}</p>
+        <p class="error">{{ "createAccount.errorText" | translate }}</p>
         }
       </div>
       <div class="inputContainer">
@@ -56,16 +54,16 @@
           pattern="[^@]+@[^.]+\..+"
         />
         @if (!emailField.valid && emailField.touched) {
-        <p class="error">{{ 'createAccount.errorText2' | translate }}</p>
+        <p class="error">{{ "createAccount.errorText2" | translate }}</p>
         }
       </div>
       <div class="inputContainer">
         <img class="iconP" src="./assets/img/login/lock.png" alt="" />
-        <input 
+        <input
           class="inputField"
           #passwordField="ngModel"
           minlength="6"
-          maxlength="16" 
+          maxlength="16"
           [(ngModel)]="loginService.password"
           name="password"
           placeholder="{{ 'createAccount.inputField3' | translate }}"
@@ -78,10 +76,15 @@
           cols="30"
           rows="10"
         />
-        <img class="passwordEye" (click)="loginService.togglePasswordVisibility()" [src]="loginService.passwordIcon" alt="Toggle visibility">
+        <img
+          class="passwordEye"
+          (click)="loginService.togglePasswordVisibility()"
+          [src]="loginService.passwordIcon"
+          alt="Toggle visibility"
+        />
         @if (!passwordField.valid && passwordField.touched) {
         <p class="error">
-          {{ 'createAccount.errorText3' | translate }}
+          {{ "createAccount.errorText3" | translate }}
         </p>
         }
       </div>
@@ -97,10 +100,10 @@
           />
         </div>
         <span
-          >{{ 'createAccount.midText' | translate }}
+          >{{ "createAccount.midText" | translate }}
           <span class="fontColor" routerLink="/privacy-policy"
-            >{{ 'createAccount.midText2' | translate }} </span
-          >{{ 'createAccount.midText3' | translate }}</span
+            >{{ "createAccount.midText2" | translate }} </span
+          >{{ "createAccount.midText3" | translate }}</span
         >
       </div>
       <div class="registerBottom">
@@ -108,10 +111,10 @@
           [ngClass]="{ aktivButton: isChecked && contactForm.valid }"
           [disabled]="!isChecked || !contactForm.valid"
         >
-        {{ 'createAccount.Btn' | translate }}
+          {{ "createAccount.Btn" | translate }}
         </button>
       </div>
     </form>
   </div>
   <app-footer></app-footer>
-</div>
+</section>
diff --git a/src/app/components/main-login/register/register.component.scss b/src/app/components/main-login/register/register.component.scss
index e46289c..cb0ec00 100644
--- a/src/app/components/main-login/register/register.component.scss
+++ b/src/app/components/main-login/register/register.component.scss
@@ -1,6 +1,6 @@
 @import "../../../shared/components/login/mixins/mixin.scss";
-.registerSektion {
-  @include SektionBody;
+section {
+  @include SectionBody;
 }
 .registerContainer {
   @include Card;
diff --git a/src/app/shared/components/header/edit-user/edit-user-details/edit-user-details.component.scss b/src/app/shared/components/header/edit-user/edit-user-details/edit-user-details.component.scss
index b6329d4..d4c4c68 100644
--- a/src/app/shared/components/header/edit-user/edit-user-details/edit-user-details.component.scss
+++ b/src/app/shared/components/header/edit-user/edit-user-details/edit-user-details.component.scss
@@ -9,23 +9,25 @@
   z-index: 5;
   top: 110px;
   right: 20px;
-  @include displayFlex();
-  flex-direction: column;
   padding: 24px;
-  .boxHeader {
-    width: 360px;
-    @include displayFlex($j: space-between);
-  }
-  .profileImg {
-    width: 200px;
-    height: 200px;
-    object-fit: cover;
-    border-radius: 50%;
-    margin: 56px;
-  }
-  p {
-    color: red;
-    margin-bottom: 16px;
+  form {
+    @include displayFlex();
+    flex-direction: column;
+    .boxHeader {
+      width: 360px;
+      @include displayFlex($j: space-between);
+    }
+    .profileImg {
+      width: 200px;
+      height: 200px;
+      object-fit: cover;
+      border-radius: 50%;
+      margin: 56px;
+    }
+    p {
+      color: red;
+      margin-bottom: 16px;
+    }
   }
 }
 
@@ -140,23 +142,26 @@
     right: 15vw;
     left: 15vw;
     padding: 24px;
-    .boxHeader {
-      width: 100%;
-      padding: 0 12px;
+    form {
+      .boxHeader {
+        width: 100%;
+        padding: 0 12px;
+        p {
+          font-size: 21px;
+          font-weight: 700;
+        }
+      }
+      .profileImg {
+        width: 120px;
+        height: 120px;
+        margin: 18px;
+      }
       p {
-        font-size: 21px;
-        font-weight: 700;
+        font-size: 13px;
       }
     }
-    .profileImg {
-      width: 120px;
-      height: 120px;
-      margin: 18px;
-    }
-    p {
-      font-size: 13px;
-    }
   }
+
   .detailsBox {
     width: 100%;
     padding: 0 12px;
diff --git a/src/app/shared/components/header/edit-user/edit-user.component.html b/src/app/shared/components/header/edit-user/edit-user.component.html
index bbdb46d..5aeda43 100644
--- a/src/app/shared/components/header/edit-user/edit-user.component.html
+++ b/src/app/shared/components/header/edit-user/edit-user.component.html
@@ -11,7 +11,7 @@
       (click)="closeCurrentProfile()"
     ></app-small-btn>
   </div>
-  <img src="{{ i.avatar }}" class="profileImg" (click)="showSideMenu()" />
+  <img src="{{ i.avatar }}" class="profileImg" />
   <div class="detailsBox">
     <div class="editBtnPosition">
       <p class="name">{{ i.firstName }} {{ i.lastName }}</p>
diff --git a/src/app/shared/components/header/edit-user/edit-user.component.ts b/src/app/shared/components/header/edit-user/edit-user.component.ts
index 4158c1b..b81c51a 100644
--- a/src/app/shared/components/header/edit-user/edit-user.component.ts
+++ b/src/app/shared/components/header/edit-user/edit-user.component.ts
@@ -27,11 +27,6 @@ export class EditUserComponent {
 
   constructor(public userService: UserService) {}
 
-  /** Toggles the side menu. */
-  showSideMenu() {
-    this.openEditUserValue = !this.openEditUserValue;
-  }
-
   /** Opens the edit user section. */
   openEditUser() {
     this.openEditUserValue = true;
diff --git a/src/app/shared/components/login/mixins/mixin.scss b/src/app/shared/components/login/mixins/mixin.scss
index a98ec59..4b4f544 100644
--- a/src/app/shared/components/login/mixins/mixin.scss
+++ b/src/app/shared/components/login/mixins/mixin.scss
@@ -1,4 +1,4 @@
-@mixin SektionBody {
+@mixin SectionBody {
   display: flex;
   justify-content: space-between;
   align-items: center;