clean code

2024-05-26 19:23:53 +02:00 · 2024-05-26 19:23:53 +02:00 · 5f7667af30
commit 5f7667af30
parent 54e766802f
12 changed files with 82 additions and 82 deletions
--- 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;
--- 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"
      >
--- 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;
 }

@ -235,7 +236,7 @@ app-emoji-picker {
    margin: 12px;
  }

-  .warningMessage{
+  .warningMessage {
    font-size: 12px;
  }
 }
--- 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>
--- 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;
--- 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);
      });
  }

--- 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,7 +54,7 @@
          pattern="[^@]+@[^.]+\..+"
        />
        @if (!emailField.valid && emailField.touched) {
-        <p class="error">{{ 'createAccount.errorText2' | translate }}</p>
+        <p class="error">{{ "createAccount.errorText2" | translate }}</p>
        }
      </div>
      <div class="inputContainer">
@ -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>
--- 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;
--- 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;
--- 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>
--- 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;
--- 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;