34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { Component, inject, OnInit } from '@angular/core';
|
|
import { STRINGS_INJECTOR } from '../../app.config';
|
|
import { UpperfirstPipe } from '../../pipes/upperfirst-pipe';
|
|
import { ContactSearchBar } from '../contact-search-bar/contact-search-bar';
|
|
import { ContactListTable } from '../contact-list-table/contact-list-table';
|
|
import { ContactService } from '../../services/contact.service';
|
|
import { AsyncPipe } from '@angular/common';
|
|
import { Counter } from '../counter/counter';
|
|
import { ContactsFilterPipe } from '../../pipes/contacts-filter-pipe';
|
|
|
|
@Component({
|
|
selector: 'app-contact-list',
|
|
imports: [
|
|
AsyncPipe,
|
|
UpperfirstPipe,
|
|
ContactSearchBar,
|
|
ContactListTable,
|
|
Counter,
|
|
ContactsFilterPipe,
|
|
],
|
|
templateUrl: './contact-list.html',
|
|
styleUrl: './contact-list.scss',
|
|
})
|
|
export class ContactList implements OnInit {
|
|
private readonly contactService = inject(ContactService);
|
|
protected readonly strings = inject(STRINGS_INJECTOR);
|
|
protected contacts$ = this.contactService.contacts$;
|
|
protected filter = '';
|
|
|
|
ngOnInit(): void {
|
|
this.contactService.getAll().subscribe();
|
|
}
|
|
}
|