bugfixes

src/app/components/contacts/contact-detail/contact-detail.component.html

@@ -45,7 +45,7 @@
           <p>&nbsp;(du)</p>
           }
         </div>
-        @if(user.uId === "") {
+        @if(user.uId === "" || user.id === firebaseService.getCurrentUserId()) {
         <div class="btns">
           <div class="btn btn-edit">
             <img src="./../../../../assets/img/contact/edit.svg" alt="" />
@@ -53,12 +53,14 @@
               {{ "contacts.btnEdit0" | translate }}
             </p>
           </div>
+          @if (user.id !== firebaseService.getCurrentUserId()) {
           <div class="btn btn-delete">
             <img src="./../../../../assets/img/contact/delete.svg" alt="" />
             <p (click)="deleteContact()">
               {{ "contacts.btnDelete0" | translate }}
             </p>
           </div>
+          }
         </div>
         <div class="btn-mobile" (click)="toggleNav()">
           <img src="./../../../assets/img/contact/points.svg" alt="check" />

src/app/components/contacts/contact-edit-new/contact-form/contact-form.component.html

@@ -110,12 +110,21 @@
       }
     </div>
     <div class="btns">
+      @if (currentUserId !== firebaseService.getCurrentUserId()){
       <app-form-btn
         class="btn-delete"
         type="button"
         value="{{ 'contactDialogForm.btnDelete' | translate }}"
         (click)="deleteContact()"
       ></app-form-btn>
+      } @else {
+      <app-form-btn
+        class="btn-cancel"
+        type="button"
+        value="{{ 'contactDialogForm.btnCancel' | translate }}"
+        (click)="closeDialog()"
+      ></app-form-btn>
+      }
       <app-form-btn
         [class]="'btn-submit'"
         [type]="'submit'"

src/app/components/contacts/contact-edit-new/contact-form/contact-form.component.ts

@@ -31,7 +31,7 @@ export class ContactFormComponent implements OnInit, OnChanges {
 
   constructor(
     private router: Router,
-    private firebaseService: FirebaseService,
+    public firebaseService: FirebaseService,
     public sharedService: SharedService
   ) {
     this.updateContactData();

src/app/shared/components/buttons/form-btn/form-btn.component.scss

@@ -24,7 +24,8 @@
   }
 }
 
-.btn-clear {
+.btn-clear,
+.btn-cancel {
   width: fit-content;
   padding: 12px;
   margin: 12px;

src/assets/i18n/de.json

@@ -56,6 +56,7 @@
     "logout": "Abmelden"
   },
   "contactDialogForm": {
+    "btnCancel": "Abbrechen",
     "btnDelete": "Löschen",
     "btnSave": "Sichern",
     "invalidFirstName": "Ein Vorname ist erforderlich!",

src/assets/i18n/en.json

@@ -56,6 +56,7 @@
     "logout": "Log out"
   },
   "contactDialogForm": {
+    "btnCancel": "Cancel",
     "btnDelete": "Delete",
     "btnSave": "Save",
     "invalidFirstName": "A first name is required!",