diff --git a/src/app/components/add-task/add-task.component.ts b/src/app/components/add-task/add-task.component.ts index 303714e..7737fc7 100644 --- a/src/app/components/add-task/add-task.component.ts +++ b/src/app/components/add-task/add-task.component.ts @@ -215,7 +215,7 @@ export class AddTaskComponent implements OnInit, OnDestroy { * @returns {void} */ closeOverlay() { - this.overlayService.setOverlayData('', ''); + this.overlayService.clearOverlayData(); } /** @@ -268,8 +268,7 @@ export class AddTaskComponent implements OnInit, OnDestroy { onSubmit(ngForm: NgForm) { if (ngForm.submitted && ngForm.form.valid) { - // OverlayData = Current TaskId - if (this.overlayData) { + if (this.overlayType === 'taskOverlayEdit') { this.updateTask(ngForm); } else { this.createTask(ngForm); diff --git a/src/app/components/contacts/contact-detail/contact-detail.component.html b/src/app/components/contacts/contact-detail/contact-detail.component.html index c2a6bd4..82efe8b 100644 --- a/src/app/components/contacts/contact-detail/contact-detail.component.html +++ b/src/app/components/contacts/contact-detail/contact-detail.component.html @@ -66,7 +66,7 @@ @if (selectedUser.isContactOnly || currentUser && selectedUser.id !== currentUser.id) { -
+

{{ "contacts.btnDelete0" | translate }} @@ -116,11 +116,3 @@ } - - - diff --git a/src/app/components/contacts/contact-detail/contact-detail.component.ts b/src/app/components/contacts/contact-detail/contact-detail.component.ts index 7e6525a..7fc3f34 100644 --- a/src/app/components/contacts/contact-detail/contact-detail.component.ts +++ b/src/app/components/contacts/contact-detail/contact-detail.component.ts @@ -16,12 +16,11 @@ import { OverlayService } from '../../../services/overlay.service'; import { ApiService } from '../../../services/api.service'; import { ToastNotificationService } from '../../../services/toast-notification.service'; import { UpdateNotifierService } from '../../../services/update-notifier.service'; -import { ConfirmDialogComponent } from '../../../shared/components/confirm-dialog/confirm-dialog.component'; @Component({ selector: 'app-contact-detail', standalone: true, - imports: [CommonModule, TranslateModule, ConfirmDialogComponent], + imports: [CommonModule, TranslateModule], templateUrl: './contact-detail.component.html', styleUrl: './contact-detail.component.scss', }) @@ -112,7 +111,6 @@ export class ContactDetailComponent implements OnChanges, OnDestroy { */ toggleConfirmDialog(): void { this.showConfirmDialog = !this.showConfirmDialog; - this.overlayService.setOverlayData('dialog', ''); } /** @@ -130,9 +128,9 @@ export class ContactDetailComponent implements OnChanges, OnDestroy { * Deletes the contact with the given id, shows a success toast, triggers an update of the contact list, * and closes the contact details component. */ - async deleteContact() { + async deleteContact(userId: string) { try { - await lastValueFrom(this.apiService.deleteUserById(this.selectedUserId!)); + await lastValueFrom(this.apiService.deleteUserById(userId)); this.toastNotificationService.deleteContactSuccessToast(); this.updateNotifierService.notifyUpdate('contact'); this.emitCloseContact(); diff --git a/src/app/components/login/forgot-pw/pw-reset/pw-reset.component.ts b/src/app/components/login/forgot-pw/pw-reset/pw-reset.component.ts index cfa9186..00e6d21 100644 --- a/src/app/components/login/forgot-pw/pw-reset/pw-reset.component.ts +++ b/src/app/components/login/forgot-pw/pw-reset/pw-reset.component.ts @@ -6,7 +6,7 @@ import { FooterComponent } from '../../footer/footer.component'; import { HeaderComponent } from '../../header/header.component'; import { TranslateModule } from '@ngx-translate/core'; import { ActivatedRoute } from '@angular/router'; -import { Subject, Subscription, takeUntil } from 'rxjs'; +import { Subject, takeUntil } from 'rxjs'; import { ButtonStateService } from '../../../../services/button-state.service'; import { AuthService } from '../../../../services/auth.service'; import { PasswordVisibilityService } from '../../../../services/password-visibility.service'; @@ -26,8 +26,6 @@ import { PasswordVisibilityService } from '../../../../services/password-visibil styleUrl: './pw-reset.component.scss', }) export class PwResetComponent implements OnInit, OnDestroy { - private routeSubscription: Subscription = new Subscription(); - uid: string = ''; token: string = ''; errorHttpMessage: string = ''; diff --git a/src/app/shared/components/confirm-dialog/confirm-dialog.component.html b/src/app/shared/components/confirm-dialog/confirm-dialog.component.html deleted file mode 100644 index 73cb21f..0000000 --- a/src/app/shared/components/confirm-dialog/confirm-dialog.component.html +++ /dev/null @@ -1,17 +0,0 @@ -

-
-

{{ message }}

-
-
-
- {{ "confirmDialogComponent.btnCancel" | translate }} -
-
-
-
- {{ "confirmDialogComponent.btnConfirm" | translate }} -
-
-
-
-
diff --git a/src/app/shared/components/confirm-dialog/confirm-dialog.component.scss b/src/app/shared/components/confirm-dialog/confirm-dialog.component.scss deleted file mode 100644 index 6d4246d..0000000 --- a/src/app/shared/components/confirm-dialog/confirm-dialog.component.scss +++ /dev/null @@ -1,112 +0,0 @@ -section { - width: 100vw; - height: 100vh; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - display: flex; - justify-content: center; - align-items: center; - backdrop-filter: blur(5px); - background-color: rgba($color: #000000, $alpha: 0.2); - z-index: 999; -} - -.dialog { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - background-color: var(--white); - width: 600px; - height: 200px; - border-radius: 26px; - margin: 24px; - border: 2px solid rgba($color: #000000, $alpha: 0.1); - p { - text-align: center; - font-size: 27px; - font-weight: 500; - margin-bottom: 12px; - padding: 0 12px; - } -} - -.btns { - display: flex; - justify-content: center; - align-items: center; -} - -.btn { - display: flex; - flex-direction: column; - align-items: center; - width: 111px; - height: 57px; - margin: 0 24px; -} - -.btn-cancel { - padding: 12px; - margin: 12px 12px; - border-radius: 10px; - border-color: var(--black); - background-color: var(--dark-blue); - color: var(--white); - font-size: 23px; - font-weight: 400; - transition: 125ms ease-in-out; - cursor: pointer; - &:hover { - background-color: var(--light-blue); - box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3); - } -} - -.btn-delete-contact { - padding: 12px; - margin: 12px 12px; - border-radius: 10px; - color: var(--red); - background-color: var(--white); - border: 1px solid var(--red); - font-size: 23px; - font-weight: 400; - transition: 125ms ease-in-out; - cursor: pointer; - &:hover { - color: var(--white); - background-color: var(--red); - border-color: var(--black); - box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3); - } -} - -@media screen and (max-width: 450px) { - .dialog { - p { - font-size: 22px; - } - } -} - -@media screen and (max-width: 350px) { - .dialog { - width: 280px; - p { - font-size: 22px; - } - } - - .btn { - width: 100px; - } - - .btn-delete-contact, - .btn-cancel { - font-size: 18px; - } -} diff --git a/src/app/shared/components/confirm-dialog/confirm-dialog.component.spec.ts b/src/app/shared/components/confirm-dialog/confirm-dialog.component.spec.ts deleted file mode 100644 index dc7f324..0000000 --- a/src/app/shared/components/confirm-dialog/confirm-dialog.component.spec.ts +++ /dev/null @@ -1,22 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { ConfirmDialogComponent } from './confirm-dialog.component'; - -describe('ConfirmDialogComponent', () => { - let component: ConfirmDialogComponent; - let fixture: ComponentFixture; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [ConfirmDialogComponent], - }).compileComponents(); - - fixture = TestBed.createComponent(ConfirmDialogComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/src/app/shared/components/confirm-dialog/confirm-dialog.component.ts b/src/app/shared/components/confirm-dialog/confirm-dialog.component.ts deleted file mode 100644 index 85b8f50..0000000 --- a/src/app/shared/components/confirm-dialog/confirm-dialog.component.ts +++ /dev/null @@ -1,24 +0,0 @@ -import { Component, EventEmitter, Input, Output } from '@angular/core'; -import { TranslateModule } from '@ngx-translate/core'; - -@Component({ - selector: 'app-confirm-dialog', - standalone: true, - imports: [TranslateModule], - templateUrl: './confirm-dialog.component.html', - styleUrl: './confirm-dialog.component.scss', -}) -export class ConfirmDialogComponent { - @Input() message: string = 'Are you sure?'; - @Output() onCancel = new EventEmitter(); - @Output() onConfirm = new EventEmitter(); - - cancel() { - this.onCancel.emit(); - } - - confirm() { - this.cancel(); - this.onConfirm.emit(); - } -} diff --git a/src/app/shared/components/overlay/contact-overlay/contact-form/contact-form.component.html b/src/app/shared/components/overlay/contact-overlay/contact-form/contact-form.component.html index 08c5ea7..abc61f3 100644 --- a/src/app/shared/components/overlay/contact-overlay/contact-form/contact-form.component.html +++ b/src/app/shared/components/overlay/contact-overlay/contact-form/contact-form.component.html @@ -124,7 +124,7 @@ class="btn-delete" type="button" value="{{ 'contactDialogForm.btnDelete' | translate }}" - (click)="toggleConfirmDialog()" + (click)="deleteContact(selectedUser.id)" > } @else {
- - - diff --git a/src/app/shared/components/overlay/contact-overlay/contact-form/contact-form.component.ts b/src/app/shared/components/overlay/contact-overlay/contact-form/contact-form.component.ts index f2ed8ba..7c406e1 100644 --- a/src/app/shared/components/overlay/contact-overlay/contact-form/contact-form.component.ts +++ b/src/app/shared/components/overlay/contact-overlay/contact-form/contact-form.component.ts @@ -16,19 +16,12 @@ import { ApiService } from '../../../../../services/api.service'; import { ToastNotificationService } from '../../../../../services/toast-notification.service'; import { UpdateNotifierService } from '../../../../../services/update-notifier.service'; import { User } from '../../../../../interfaces/user.interface'; -import { ConfirmDialogComponent } from '../../../confirm-dialog/confirm-dialog.component'; import { CommonModule } from '@angular/common'; @Component({ selector: 'app-contact-form', standalone: true, - imports: [ - CommonModule, - TranslateModule, - FormsModule, - FormBtnComponent, - ConfirmDialogComponent, - ], + imports: [CommonModule, TranslateModule, FormsModule, FormBtnComponent], templateUrl: './contact-form.component.html', styleUrl: './contact-form.component.scss', }) diff --git a/src/app/shared/components/overlay/task-overlay/task-overlay.component.html b/src/app/shared/components/overlay/task-overlay/task-overlay.component.html index 277bad5..8bb8f36 100644 --- a/src/app/shared/components/overlay/task-overlay/task-overlay.component.html +++ b/src/app/shared/components/overlay/task-overlay/task-overlay.component.html @@ -127,9 +127,9 @@
} - @if(task.creator === currentUserId) { + @if(task.creator === currentUserId && task.id) {
-
+

{{ "addTask.delete" | translate }}

@@ -145,11 +145,3 @@
} - - - diff --git a/src/app/shared/components/overlay/task-overlay/task-overlay.component.ts b/src/app/shared/components/overlay/task-overlay/task-overlay.component.ts index 46fa398..b406d88 100644 --- a/src/app/shared/components/overlay/task-overlay/task-overlay.component.ts +++ b/src/app/shared/components/overlay/task-overlay/task-overlay.component.ts @@ -19,18 +19,11 @@ import { map, Subject, takeUntil } from 'rxjs'; import { ApiService } from '../../../../services/api.service'; import { UpdateNotifierService } from '../../../../services/update-notifier.service'; import { ToastNotificationService } from '../../../../services/toast-notification.service'; -import { ConfirmDialogComponent } from '../../confirm-dialog/confirm-dialog.component'; @Component({ selector: 'app-task-overlay', standalone: true, - imports: [ - BtnCloseComponent, - CommonModule, - BtnBackComponent, - TranslateModule, - ConfirmDialogComponent, - ], + imports: [BtnCloseComponent, CommonModule, BtnBackComponent, TranslateModule], templateUrl: './task-overlay.component.html', styleUrl: './task-overlay.component.scss', })