57 lines
1.9 KiB
TypeScript
57 lines
1.9 KiB
TypeScript
import {AfterViewInit, Component, ViewChild} from '@angular/core';
|
|
import {MatTableDataSource} from "@angular/material/table";
|
|
import {MatSort} from "@angular/material/sort";
|
|
import {MatPaginator} from "@angular/material/paginator";
|
|
import {MessageService} from "../../common/services/message/message.service";
|
|
|
|
|
|
|
|
@Component({
|
|
selector: 'app-page-registry',
|
|
templateUrl: './page-registry.component.html',
|
|
styleUrls: ['./page-registry.component.scss']
|
|
})
|
|
export class PageRegistryComponent implements AfterViewInit
|
|
{
|
|
displayedColumns: string[] = [ "nickname", "email", "role" ];
|
|
dataSource: MatTableDataSource<any> = new MatTableDataSource<any>();
|
|
@ViewChild(MatSort) sort: MatSort;
|
|
@ViewChild(MatPaginator) paginator: MatPaginator;
|
|
|
|
|
|
constructor( private messageService: MessageService ) { }
|
|
|
|
|
|
ngAfterViewInit(): void
|
|
{
|
|
this.messageService
|
|
.get('users?order_by=nickname')
|
|
.subscribe(retour => this.ngAfterViewInitCallback(retour), err => this.ngAfterViewInitCallback(err));
|
|
}
|
|
|
|
|
|
ngAfterViewInitCallback(retour: any): void
|
|
{
|
|
if(retour.status !== "success") {
|
|
console.log(retour);
|
|
}
|
|
else {
|
|
let tabPerson: { id: number, email: string, nickname: string, is_admin: boolean }[] = retour.data;
|
|
tabPerson = tabPerson.map( person => {
|
|
if(!person.is_admin) return Object.assign(person, {role: "utilisateur"});
|
|
else return Object.assign(person, {role: "admin"});
|
|
});
|
|
this.dataSource = new MatTableDataSource(tabPerson);
|
|
this.dataSource.sort = this.sort;
|
|
this.dataSource.paginator = this.paginator;
|
|
}
|
|
}
|
|
|
|
|
|
applyFilter(event: Event): void
|
|
{
|
|
const filterValue = (event.target as HTMLInputElement).value;
|
|
this.dataSource.filter = filterValue.trim().toLowerCase();
|
|
}
|
|
|
|
}
|