Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

clean code

Browse source
This commit is contained in:
Chneemann 2024-03-28 08:10:15 +01:00
parent 357b55a94a
commit fb6aa4c354
4 changed files with 8 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/components/contacts/contact-detail/contact-detail.component.scss
View file

@ -11,7 +11,7 @@ section {
/*------------- ANIMATION -------------*/ /*------------- ANIMATION -------------*/
.animation-coming-in { .animation-coming-in {
animation: coming-in 1s ease-in-out; animation: coming-in 250ms ease-in-out;
opacity: 1; opacity: 1;
} }

21
src/app/components/contacts/contact-detail/contact-detail.component.ts
View file

@ -1,29 +1,18 @@
import { Component } from '@angular/core'; import { Component, Input } from '@angular/core';
import { ActivatedRoute } from '@angular/router'; import { ActivatedRoute } from '@angular/router';
import { UserService } from '../../../services/user.service'; import { UserService } from '../../../services/user.service';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { ContactsComponent } from '../contacts.component';
@Component({ @Component({
selector: 'app-contact-detail', selector: 'app-contact-detail',
standalone: true, standalone: true,
imports: [CommonModule], imports: [CommonModule, ContactsComponent],
templateUrl: './contact-detail.component.html', templateUrl: './contact-detail.component.html',
styleUrl: './contact-detail.component.scss', styleUrl: './contact-detail.component.scss',
}) })
export class ContactDetailComponent { export class ContactDetailComponent {
paramsId = ''; @Input() paramsId: string = '';
constructor(public userService: UserService, private route: ActivatedRoute) {} constructor(public userService: UserService) {}
ngOnInit(): void {
this.routeUserId();
}
routeUserId() {
if (this.route.params.subscribe()) {
this.route.params.subscribe((params) => {
this.paramsId = params['id'];
});
}
}
} }

2
src/app/components/contacts/contacts.component.html
View file

@ -68,5 +68,5 @@
} } } }
</div> </div>
</div> </div>
<app-contact-detail></app-contact-detail> <app-contact-detail [paramsId]="paramsId"></app-contact-detail>
</section> </section>

3
src/app/components/contacts/contacts.component.ts
View file

@ -16,8 +16,7 @@ export class ContactsComponent {
allUsers: User[] = []; allUsers: User[] = [];
usersFirstLetter: string[] = []; usersFirstLetter: string[] = [];
usersByFirstLetter: { [key: string]: string[] } = {}; usersByFirstLetter: { [key: string]: string[] } = {};
userMap: { [key: string]: User } = {}; paramsId: string = '';
paramsId = '';
constructor(public userService: UserService, private route: ActivatedRoute) { constructor(public userService: UserService, private route: ActivatedRoute) {
this.userService.subUserList().subscribe(() => { this.userService.subUserList().subscribe(() => {