Skip to content

Instantly share code, notes, and snippets.

View wilsaantos's full-sized avatar

Wilson Santos wilsaantos

View GitHub Profile
@wilsaantos
wilsaantos / paginator.ts
Created July 4, 2024 17:28
Angular Pagination In Frontend with Mat Paginator Example
/*
HTML
<mat-paginator
[length]="data?.length"
[pageSize]="pageSize"
[pageIndex]="pageIndex"
[pageSizeOptions]="[5, 10, 25, 100]"
(page)="changePage($event)"
>
</mat-paginator>
@wilsaantos
wilsaantos / matPaginatorIntlCustomBR.ts
Created July 4, 2024 17:20
Angular Material Paginator Intl pt-BR
import { MatPaginatorIntl } from '@angular/material/paginator';
export class MatPaginatorIntlCustom extends MatPaginatorIntl {
override itemsPerPageLabel = 'Itens por páginas';
override nextPageLabel = 'Próxima';
override previousPageLabel = 'Anterior';
override firstPageLabel = 'Primeira página';
@wilsaantos
wilsaantos / cnpj.pipe.ts
Created August 12, 2021 17:15
Angular CNPJ Pipe
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'CNPJ' })
export class CNPJPipe implements PipeTransform {
transform(value) {
return value.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/g, "\$1.\$2.\$3\/\$4\-\$5")
}
}
@wilsaantos
wilsaantos / cpf.pipe.ts
Created August 12, 2021 17:14
Angular CPF Pipe
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'CPF' })
export class CPFPipe implements PipeTransform {
transform(value) {
return value.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/g, '\$1.\$2.\$3\-\$4');
}
}
@wilsaantos
wilsaantos / cpf-cnpj.pipe.ts
Created August 12, 2021 17:06
Angular Pipe CPF ou CNPJ
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'CPFCNPJ' })
export class CPFCNPJPipe implements PipeTransform {
transform(value) {
if (value.toString().length === 11) {
return value.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/g, '\$1.\$2.\$3\-\$4');
}
if (value.toString().length === 14) {
return value.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/g, "\$1.\$2.\$3\/\$4\-\$5");
@wilsaantos
wilsaantos / celular.pipe.ts
Created August 12, 2021 17:04
Angular Pipe Celular Brasileiro (9 números)
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'celular' })
export class CelularPipe implements PipeTransform {
transform(value) {
if (value != null) {
var cell = value.substring(0,0)+'('+value.substring(0,2)+') '+value.substring(2,7)+'-'+value.substring(7);
return cell;
} else {
return value;
@wilsaantos
wilsaantos / cep.br.pipe.ts
Created August 1, 2021 09:04
Angular Pipe CEP Brasileiro
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'CEP' })
export class CEPPipe implements PipeTransform {
transform(cep: number) {
var sCep = cep.toString()
var fCep = sCep.substring(0,5)+'-'+sCep.substring(5)
return fCep;
}
}