From 25df290ce5e923af2e72fe4ded5f7ff02a1faaf8 Mon Sep 17 00:00:00 2001 From: Francisco Marcello Date: Fri, 23 Oct 2026 17:20:30 -0400 Subject: [PATCH] feat: tela de novo parceiro, minuta de contrato em PDF, lotes na busca de item e menu Sanitizacao - Busca (app-search): nao seleciona mais sozinha quando volta um resultado so; protecao contra resposta atrasada mantida. Modal com titulo "Selecionar {nome}" (antes "Titulo" em todas) e o title de item-search finalmente chega ao modal. Botoes do modal-select com type=button e input standalone: dentro de form, a busca nao envia o formulario nem divide controle com outra busca. - Menu Sanitizacao: Normalizar cadastros e Contratos de venda futura; rotas antigas redirecionam. - Botao Lotes na busca de item da venda: modal so de leitura com os lotes do deposito padrao da filial e o total disponivel (GET /batch-stock existente). - Tela Novo parceiro (botao em Parceiro de Negocio): identificacao PF/PJ, contato e vendedor (aviso quando fica sem vendedor), endereco de entrega e cobranca opcional, tipo de logradouro, busca de CEP no ViaCEP (sem os interceptadores do app) casando o municipio pelo codigo IBGE, e formas de pagamento liberadas. POST /business-partners/novo. - Minuta de contrato de venda futura: titulo MINUTA DE CONTRATO, clausulas como contrato, dados da negociacao (produtos, frete, total, forma de pagamento, parcelamento; produtos saia em dolar), download em PDF de uma pagina "Minuta de contrato {numero} - {cliente}.pdf", endereco de entrega e CPF/CNPJ do cliente preenchidos, botao bloqueado ate os dados carregarem e erro em alerta. - StateService: URL montada no construtor (ficava presa em localhost:8080). Co-Authored-By: Claude Opus 5.5 --- src/app/app-routing.module.ts | 52 +- src/app/app.module.ts | 4 + .../parametro-cadastro.component.html | 2 +- .../_services/business-partners.service.ts | 7 + .../novo-parceiro.component.html | 235 +++++++++ .../novo-parceiro.component.spec.ts | 450 ++++++++++++++++++ .../novo-parceiro/novo-parceiro.component.ts | 383 +++++++++++++++ .../parceiro-negocio.component.html | 5 + .../item-search/item-search.component.html | 3 +- .../search/item-search/item.component.ts | 8 + .../lotes-item/lotes-item.component.html | 42 ++ .../lotes-item/lotes-item.component.spec.ts | 123 +++++ .../lotes-item/lotes-item.component.ts | 68 +++ .../gerar-pdf/gerar-pdf.component.html | 47 +- .../gerar-pdf/gerar-pdf.component.scss | 91 ++-- .../gerar-pdf/gerar-pdf.component.spec.ts | 270 +++++++++++ .../gerar-pdf/gerar-pdf.component.ts | 198 ++++++-- .../venda-futura/single/single.component.html | 6 +- .../venda-futura/single/single.component.ts | 7 +- src/app/sap/model/adressess/city.ts | 2 + src/app/sap/model/item.ts | 8 +- .../sap/service/addresses/cep.service.spec.ts | 58 +++ src/app/sap/service/addresses/cep.service.ts | 41 ++ .../sap/service/addresses/state.service.ts | 3 +- .../sap/service/forma-pagamento.service.ts | 5 + src/app/sap/service/pdf.service.spec.ts | 27 ++ src/app/sap/service/pdf.service.ts | 53 +++ src/app/sap/service/venda-futura.service.ts | 13 + .../modal/select/modal.select.component.html | 10 +- .../modal/select/modal.select.component.ts | 24 +- .../components/search/search.component.html | 2 + .../search/search.component.spec.ts | 67 +-- .../components/search/search.component.ts | 23 +- 33 files changed, 2161 insertions(+), 176 deletions(-) create mode 100644 src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.html create mode 100644 src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.spec.ts create mode 100644 src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.ts create mode 100644 src/app/sap/components/search/item-search/lotes-item/lotes-item.component.html create mode 100644 src/app/sap/components/search/item-search/lotes-item/lotes-item.component.spec.ts create mode 100644 src/app/sap/components/search/item-search/lotes-item/lotes-item.component.ts create mode 100644 src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.spec.ts create mode 100644 src/app/sap/service/addresses/cep.service.spec.ts create mode 100644 src/app/sap/service/addresses/cep.service.ts create mode 100644 src/app/sap/service/pdf.service.spec.ts diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 08d9a096..e2ecea5e 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -5,6 +5,7 @@ import { HomeComponent } from './home/home.component'; import { RomaneioComponent } from './sap/components/romaneio/romaneio.component'; import { RomaneioFazendaInsumoComponent } from './sap/components/romaneio-fazenda-insumo/romaneio-fazenda-insumo.component'; import { CadastroComponent } from './sap/components/cadastro/cadastro.component'; +import { NovoParceiroComponent } from './sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component'; import { FaturasComponent } from './sap/components/faturas/faturas.component'; import { DocumentStatementComponent } from './sap/components/document/documento.statement.component'; import { LoginComponent } from './shared/components/login/login.component'; @@ -135,6 +136,14 @@ import { RelatorioComponent } from './modulos/relatorio/componentes/principal/re canActivate: [authGuard, roleGuard], component: ParceiroNegocioComponent }, + { + // Antes de parceiro-negocio/:cardCode, senao "novo" seria lido como CardCode + path: 'parceiro-negocio/novo', + title: 'Novo parceiro', + data: ["hidden", "role:vendedor", "role:vendedor_admin", "role:cobranca", "api:post:/business-partners/novo"], + canActivate: [authGuard, roleGuard], + component: NovoParceiroComponent + }, { path: 'parceiro-negocio/:cardCode', title: 'Parceiro Negocio', @@ -427,6 +436,31 @@ import { RelatorioComponent } from './modulos/relatorio/componentes/principal/re }, ] }, + { + // Telas de correcao de dados em lote (previa -> aplicar). Grupo proprio porque vem mais. + title: 'Sanitização', + canActivate: [authGuard], + data: ["icon:fas fa-broom", "role:admin"], + path: 'sanitizacao', + children: [ + { + //"role:admin" tira o item do menu de quem nao e admin (MenuSidebarComponent.isRolePermitida); + //o adminGuard barra o acesso direto pela URL, e o backend exige o papel de novo + path: 'cadastros', + title: 'Normalizar cadastros', + data: ["icon:fas fa-font", "role:admin"], + canActivate: [adminGuard], + component: NormalizacaoCadastroComponent + }, + { + path: 'contratos', + title: 'Contratos de venda futura', + data: ["icon:fas fa-file-circle-check", "role:admin"], + canActivate: [adminGuard], + component: SanitizacaoContratoComponent + }, + ] + }, { title: 'Configurações', canActivate: [authGuard], @@ -488,20 +522,18 @@ import { RelatorioComponent } from './modulos/relatorio/componentes/principal/re component: RegraFilialComponent }, { - //"role:admin" tira o item do menu de quem nao e admin (MenuSidebarComponent.isRolePermitida); - //o adminGuard barra o acesso direto pela URL, e o backend exige o papel de novo + // A tela foi pro grupo Sanitizacao. O redirect segura link/favorito antigo. path: 'normalizar-cadastros', - title: 'Normalizar cadastros', - data: ["icon:fas fa-font", "role:admin"], - canActivate: [adminGuard], - component: NormalizacaoCadastroComponent + data: ["hidden"], + redirectTo: '/sanitizacao/cadastros', + pathMatch: 'full', }, { + // A tela foi pro grupo Sanitizacao. O redirect segura link/favorito antigo. path: 'sanitizacao-contratos', - title: 'Sanitização de contratos', - data: ["icon:fas fa-file-circle-check", "role:admin"], - canActivate: [adminGuard], - component: SanitizacaoContratoComponent + data: ["hidden"], + redirectTo: '/sanitizacao/contratos', + pathMatch: 'full', }, { path: 'liberacao-trava', diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 2fcd488a..2c809de3 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -38,6 +38,7 @@ import { BusinessPlacesService } from './sap/service/business-places.service'; import { FilterBusinessPlaceComponent } from './sap/components/filters/business-place/filter-business-place.component'; import { FilterNumeroNfComponent } from './sap/components/filters/numero-nf/filter-numero-nf.component'; import { CadastroComponent } from './sap/components/cadastro/cadastro.component'; +import { NovoParceiroComponent } from './sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component'; import { EnderecoComponent } from './sap/components/cadastro/endereco/endereco.component'; import { ReferenciaComponent } from './sap/components/cadastro/referencia-comercial/referencia.component'; import { StateService } from './sap/service/addresses/state.service'; @@ -62,6 +63,7 @@ import { DocumentStatementComponent } from './sap/components/document/documento. import { ItensComponent } from './sap/components/document/itens/itens.component'; import { BsModalService } from 'ngx-bootstrap/modal'; import { ItemSearchComponent } from './sap/components/search/item-search/item.component'; +import { LotesItemComponent } from './sap/components/search/item-search/lotes-item/lotes-item.component'; import { ItemService } from './sap/service/item.service'; import { BranchService } from './sap/service/branch.service'; import { StateSelectComponent } from './sap/components/form/select/state/state-select.component'; @@ -158,6 +160,7 @@ const httpLoaderFactory = (http: HttpClient): TranslateHttpLoader => new Transl FilterNumeroNfComponent, FilterBusinessPlaceComponent, CadastroComponent, + NovoParceiroComponent, EnderecoComponent, ReferenciaComponent, StateSelectComponent, @@ -172,6 +175,7 @@ const httpLoaderFactory = (http: HttpClient): TranslateHttpLoader => new Transl DocumentStatementComponent, ItensComponent, ItemSearchComponent, + LotesItemComponent, FormaPagamentoSelectComponent, CondicaoPagamentoSelectComponent, CurrencyInputComponent, diff --git a/src/app/modulos/relatorio/componentes/parametro-cadastro/parametro-cadastro.component.html b/src/app/modulos/relatorio/componentes/parametro-cadastro/parametro-cadastro.component.html index 07c139d8..4cea37b6 100644 --- a/src/app/modulos/relatorio/componentes/parametro-cadastro/parametro-cadastro.component.html +++ b/src/app/modulos/relatorio/componentes/parametro-cadastro/parametro-cadastro.component.html @@ -11,7 +11,7 @@
diff --git a/src/app/modulos/sap-shared/_services/business-partners.service.ts b/src/app/modulos/sap-shared/_services/business-partners.service.ts index 0edbdd42..b0f22738 100644 --- a/src/app/modulos/sap-shared/_services/business-partners.service.ts +++ b/src/app/modulos/sap-shared/_services/business-partners.service.ts @@ -48,6 +48,13 @@ export class BusinessPartnerService implements SearchService { return this.hppCliente.post(this.url+"/key/"+hashCode,pn) } + /** Cliente novo pela tela: o backend barra CPF/CNPJ ja cadastrado e vincula as formas de pagamento. */ + criarNovo(cliente : any) : Observable { + return this.hppCliente + .post(this.url+"/novo", cliente) + .pipe(map((pn) => Object.assign(new BusinessPartner(),pn))) + } + //addressType e obrigatorio: a chave do endereco no SAP e (nome, tipo). Sem ele o back //gravava no primeiro endereco de mesmo nome - cliente com "COBRANCA" de cobranca e //"COBRANCA" de entrega recebia a localidade sempre no de cobranca. diff --git a/src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.html b/src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.html new file mode 100644 index 00000000..c22da35b --- /dev/null +++ b/src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.html @@ -0,0 +1,235 @@ +
+
+
+

Novo parceiro de negócio

+ Campos com * são obrigatórios. +
+ +
+ + +
+ + +
+
+

1Identificação

+
+
+
+ + +
+
+
+ + +
+
+ + + Não pode já estar cadastrado. +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+

2Contato e vendedor

+
+
+
+
+ + +
+
+ + +
+
+ + Em branco: se o seu login é de vendedor, o vendedor será você; se não é, o cliente fica sem vendedor (-1). +
+
+
+
+ + +
+
+

3Endereço de entrega

+
Vai para a nota e para o cálculo do frete
+
+
+ +
+
+ + Localidade usada no cálculo do frete. +
{{avisoLocalidade}}
+
+
+
+
+ + +
+
+

4Endereço de cobrança

+
+
+
+ + +
+

+ O SAP guarda dois endereços: o de cobrança será uma cópia do de entrega. +

+ + + +
+
+ + +
+
+

5Formas de pagamento *

+
+ + {{formasMarcadas.size}} selecionada{{formasMarcadas.size == 1 ? '' : 's'}} + +
+
+
+

Só as formas marcadas aparecem para este cliente na tela de venda.

+
Carregando formas de pagamento...
+
Não foi possível carregar as formas de pagamento.
+
+
+
+
+ + +
+
+
+
+
Marque ao menos uma forma.
+
+
+ + +
+
+

6Observação

+
+
+ +
+
+ +
+
+
+ + Falta: {{pendencias.join(', ')}}. + +
+
+ + +
+
+
+
+
+ + +
+
+ +
+ +
+ +
+
+ Ao completar o CEP, preenche rua, bairro e município. +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ {{endereco.avisoCep}} +
+ diff --git a/src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.spec.ts b/src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.spec.ts new file mode 100644 index 00000000..97c85cee --- /dev/null +++ b/src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.spec.ts @@ -0,0 +1,450 @@ +import { Subject, of, throwError } from 'rxjs'; +import { NovoParceiroComponent, separaLogradouro } from './novo-parceiro.component'; + +describe('NovoParceiroComponent', () => { + + let component: NovoParceiroComponent; + let enviados: Array; + let navegou: Array; + let resposta: () => any; + let confirmou: boolean; + let avisos: Array; + let infos: Array; + let consultasCep: Array; + let respostaCep: () => any; + + beforeEach(() => { + enviados = []; + navegou = []; + resposta = () => of({ CardCode: 'CLI0001234', SalesPersonCode: -1 }); + confirmou = true; + avisos = []; + infos = []; + const bpService = { criarNovo: (cliente) => { enviados.push(cliente); return resposta(); } } as any; + const formas = { liberadas: () => of([{ PayMethCod: 'AVISTA', Description: 'DEPOSITO' }, { PayMethCod: 'CARTAO', Description: 'CARTAO' }]) } as any; + const cidades = { get: (uf) => of(uf == 'RO' + ? [{ AbsId: '4852', Name: 'PORTO VELHO', IbgeCode: '1100205' }, { AbsId: '3852', Name: 'Ariquemes', IbgeCode: '1100023' }] + : [{ AbsId: '9001', Name: 'RIO BRANCO', IbgeCode: '1200401' }]) } as any; + const estados = { get: () => of([{ Code: 'RO', Name: 'Rondônia' }, { Code: 'AC', Name: 'Acre' }]) } as any; + consultasCep = []; + respostaCep = () => of(null); + const cep = { consulta: (valor) => { consultasCep.push(valor); return respostaCep(); } } as any; + const alert = { + info: (msg) => { infos.push(msg); return Promise.resolve(); }, + confirm: (msg) => { avisos.push(msg); return Promise.resolve({ isConfirmed: confirmou }); }, + } as any; + const router = { navigate: (rota) => { navegou.push(rota); return Promise.resolve(true); } } as any; + component = new NovoParceiroComponent(bpService, formas, cidades, estados, cep, alert, router); + component.ngOnInit(); + }); + + function preencheEndereco(endereco, rua: string) { + endereco.tipoLogradouro = 'RUA'; + endereco.cep = '76800-000'; + endereco.rua = rua; + endereco.numero = '10'; + endereco.bairro = 'centro'; + component.mudaEstado(endereco, 'RO'); + endereco.codigoMunicipio = '4852'; + } + + function preencheValido() { + component.nome = 'fulano de tal'; + component.cpfCnpj = '123.456.789-09'; + preencheEndereco(component.entrega, 'rua a'); + component.alternaForma({ PayMethCod: 'AVISTA' } as any); + } + + it('carrega as formas liberadas', () => { + expect(component.formas.map(it => it.PayMethCod as any)).toEqual(['AVISTA', 'CARTAO']); + }); + + it('nao envia sem os obrigatorios e lista o que falta', () => { + component.salvar(); + + expect(enviados).toEqual([]); + expect(component.pendencias).toContain('Ao menos uma forma de pagamento'); + expect(component.pendencias).toContain('CPF com 11 dígitos'); + }); + + it('CNPJ exige 14 digitos', () => { + preencheValido(); + component.mudaTipoPessoa(false); + component.cpfCnpj = '123.456.789-09'; + + expect(component.pendencias).toEqual(['CNPJ com 14 dígitos']); + }); + + it('monta o Cliente do backend com codigo e nome do municipio', async () => { + preencheValido(); + component.alternaForma({ PayMethCod: 'CARTAO' } as any); + + component.salvar(); + await Promise.resolve(); + + expect(enviados.length).toBe(1); + const cliente = enviados[0]; + expect(cliente.nome).toBe('FULANO DE TAL'); + expect(cliente.cpfCnpj).toBe('12345678909'); + expect(cliente.formasPagamento).toEqual(['AVISTA', 'CARTAO']); + expect(cliente.idVendedor).toBeNull(); + expect(cliente.endereco.codigoMunicipio).toBe('4852'); + expect(cliente.endereco.cidade).toBe('PORTO VELHO'); + expect(cliente.endereco.estado).toBe('RO'); + expect(cliente.enderecoCobranca).toBeNull(); + }); + + it('cobranca diferente exige o segundo endereco e vai em enderecoCobranca', async () => { + preencheValido(); + component.cobrancaIgualEntrega = false; + + component.salvar(); + await Promise.resolve(); + expect(enviados).toEqual([]); + expect(component.pendencias).toEqual(['Endereço de cobrança completo (CEP com 8 dígitos e tipo de logradouro)']); + + preencheEndereco(component.cobranca, 'av b'); + component.salvar(); + await Promise.resolve(); + + expect(enviados.length).toBe(1); + expect(enviados[0].endereco.rua).toBe('RUA A'); + expect(enviados[0].enderecoCobranca.rua).toBe('AV B'); + }); + + it('desmarcar a forma tira ela do envio', () => { + preencheValido(); + component.alternaForma({ PayMethCod: 'AVISTA' } as any); + + expect(component.pendencias).toEqual(['Ao menos uma forma de pagamento']); + }); + + it('trocar o estado limpa o municipio escolhido', () => { + preencheValido(); + component.mudaEstado(component.entrega, 'AC'); + + expect(component.entrega.codigoMunicipio).toBeNull(); + }); + + it('depois de salvar abre o parceiro criado', async () => { + preencheValido(); + component.salvar(); + await Promise.resolve(); + await Promise.resolve(); + + expect(navegou).toEqual([['/clientes/parceiro-negocio', 'CLI0001234']]); + }); + + it('erro do backend (CPF duplicado) libera o botao de novo', async () => { + resposta = () => throwError(() => new Error('Ja existe o parceiro')); + preencheValido(); + + component.salvar(); + await Promise.resolve(); + + expect(component.salvando).toBeFalse(); + expect(navegou).toEqual([]); + }); + + it('sem vendedor avisa antes e so envia se confirmar', async () => { + preencheValido(); + confirmou = false; + + component.salvar(); + await Promise.resolve(); + + expect(avisos).toEqual([NovoParceiroComponent.AVISO_SEM_VENDEDOR]); + expect(enviados).toEqual([]); + }); + + it('com vendedor escolhido nao pergunta e informa o vendedor gravado', async () => { + resposta = () => of({ CardCode: 'CLI0001234', SalesPersonCode: 7, SalesEmployeeName: 'JOAO' }); + preencheValido(); + component.selecionaVendedor({ SalesEmployeeCode: 7 } as any); + + component.salvar(); + await Promise.resolve(); + + expect(avisos).toEqual([]); + expect(enviados[0].idVendedor).toBe('7'); + expect(infos).toEqual(['Parceiro CLI0001234 cadastrado para o vendedor JOAO.']); + }); + + it('cadastro sem vendedor informa o -1', async () => { + preencheValido(); + + component.salvar(); + await Promise.resolve(); + + expect(infos).toEqual(['Parceiro CLI0001234 cadastrado sem vendedor (-1).']); + }); + + describe('busca de CEP', () => { + + const cepPinheiro = { cep: '76801-000', logradouro: 'Avenida Pinheiro Machado', bairro: 'Centro', + localidade: 'Porto Velho', uf: 'RO', ibge: '1100205' }; + + it('carrega os estados', () => { + expect(component.estados.map(it => it.Code)).toEqual(['RO', 'AC']); + }); + + it('so consulta ao completar 8 digitos; trocar so a mascara nao repete', () => { + respostaCep = () => of(cepPinheiro); + component.cepAlterado(component.entrega, '76801'); + component.cepAlterado(component.entrega, '76801-000'); + component.cepAlterado(component.entrega, '76801000'); + + expect(consultasCep).toEqual(['76801000']); + }); + + it('apagar um digito e redigitar o mesmo CEP consulta de novo', () => { + respostaCep = () => of(cepPinheiro); + component.cepAlterado(component.entrega, '76801000'); + component.cepAlterado(component.entrega, '7680100'); + component.cepAlterado(component.entrega, '76801000'); + + expect(consultasCep).toEqual(['76801000', '76801000']); + }); + + it('trocar por outro CEP consulta o novo', () => { + respostaCep = () => of(cepPinheiro); + component.cepAlterado(component.entrega, '76801000'); + component.cepAlterado(component.entrega, '76801001'); + + expect(consultasCep).toEqual(['76801000', '76801001']); + }); + + it('a lupa refaz a consulta do mesmo CEP (ex.: depois de uma falha)', () => { + component.cepAlterado(component.entrega, '76801000'); + expect(component.entrega.avisoCep).toBe('CEP não encontrado: preencha o endereço manualmente.'); + + respostaCep = () => of(cepPinheiro); + component.buscaCepManual(component.entrega); + + expect(consultasCep).toEqual(['76801000', '76801000']); + expect(component.entrega.rua).toBe('Pinheiro Machado'); + expect(component.entrega.avisoCep).toBeNull(); + }); + + it('lupa com CEP incompleto avisa sem consultar', () => { + component.entrega.cep = '7680'; + component.buscaCepManual(component.entrega); + + expect(consultasCep).toEqual([]); + expect(component.entrega.avisoCep).toBe('Informe o CEP com 8 dígitos.'); + }); + + it('preenche rua, bairro, estado e o municipio pelo codigo IBGE', () => { + respostaCep = () => of(cepPinheiro); + + component.cepAlterado(component.entrega, '76801-000'); + + expect(component.entrega.rua).toBe('Pinheiro Machado'); + expect(component.entrega.tipoLogradouro).toBe('AVENIDA'); + expect(component.entrega.bairro).toBe('Centro'); + expect(component.entrega.estado).toBe('RO'); + expect(component.entrega.codigoMunicipio).toBe('4852'); + expect(component.entrega.avisoCep).toBeNull(); + }); + + it('nao mexe no numero nem no complemento', () => { + respostaCep = () => of(cepPinheiro); + component.entrega.numero = '123'; + component.entrega.complemento = 'SALA 2'; + + component.cepAlterado(component.entrega, '76801000'); + + expect(component.entrega.numero).toBe('123'); + expect(component.entrega.complemento).toBe('SALA 2'); + }); + + it('CEP nao encontrado avisa e deixa o que ja estava', () => { + component.entrega.rua = 'RUA DIGITADA'; + + component.cepAlterado(component.entrega, '00000000'); + + expect(component.entrega.rua).toBe('RUA DIGITADA'); + expect(component.entrega.avisoCep).toBe('CEP não encontrado: preencha o endereço manualmente.'); + }); + + it('municipio fora do cadastro do SAP avisa para escolher na mao', () => { + respostaCep = () => of({ ...cepPinheiro, ibge: '9999999' }); + + component.cepAlterado(component.entrega, '76801000'); + + expect(component.entrega.codigoMunicipio).toBeNull(); + expect(component.entrega.avisoCep).toBe('Município do CEP não encontrado no cadastro do SAP: selecione manualmente.'); + }); + + it('CEP geral da cidade avisa para conferir rua e bairro', () => { + respostaCep = () => of({ ...cepPinheiro, logradouro: '', bairro: '' }); + + component.cepAlterado(component.entrega, '76800000'); + + expect(component.entrega.codigoMunicipio).toBe('4852'); + expect(component.entrega.avisoCep).toBe('CEP geral da cidade: confira rua e bairro.'); + }); + + it('CEP da cobranca preenche so a cobranca', () => { + respostaCep = () => of(cepPinheiro); + + component.cepAlterado(component.cobranca, '76801000'); + + expect(component.cobranca.rua).toBe('Pinheiro Machado'); + expect(component.entrega.rua).toBe(''); + }); + }); + + describe('achados do review', () => { + + const cep = (ibge: string) => ({ cep: '76801-000', logradouro: 'Rua X', bairro: 'Centro', localidade: '', uf: 'RO', ibge }); + + it('novo CEP na mesma UF com IBGE fora da lista nao mantem o municipio anterior', () => { + respostaCep = () => of(cep('1100205')); + component.cepAlterado(component.entrega, '76801000'); + expect(component.entrega.codigoMunicipio).toBe('4852'); + + respostaCep = () => of(cep('9999999')); + component.cepAlterado(component.entrega, '76801001'); + + expect(component.entrega.codigoMunicipio).toBeNull(); + expect(component.entrega.completo).toBeFalse(); + }); + + it('editar o CEP durante a consulta descarta a resposta atrasada', () => { + const atrasada = new Subject(); + respostaCep = () => atrasada.asObservable(); + component.cepAlterado(component.entrega, '76801000'); + component.cepAlterado(component.entrega, '7680100'); + component.entrega.rua = 'DIGITADA'; + + atrasada.next(cep('1100205')); + + expect(component.entrega.rua).toBe('DIGITADA'); + expect(component.entrega.buscandoCep).toBeFalse(); + }); + + it('trocar o estado na mao durante a consulta descarta a resposta do CEP', () => { + const atrasada = new Subject(); + respostaCep = () => atrasada.asObservable(); + component.cepAlterado(component.entrega, '76801000'); + component.mudaEstadoManual(component.entrega, 'AC'); + + atrasada.next(cep('1100205')); + + expect(component.entrega.estado).toBe('AC'); + }); + + it('CEP com menos de 8 digitos nao completa o endereco', () => { + preencheValido(); + component.entrega.cep = '1'; + + expect(component.pendencias).toEqual(['Endereço de entrega completo (CEP com 8 dígitos e tipo de logradouro)']); + }); + + it('trocar PF/PJ limpa RG/IE e data', () => { + component.ierg = '123'; + component.dtnasc = '1990-01-01'; + + component.mudaTipoPessoa(false); + + expect(component.ierg).toBe(''); + expect(component.dtnasc).toBe(''); + }); + + it('localidade com codigo nao numerico e recusada com aviso', () => { + component.selecionaLocalidade({ Code: 'ABC' } as any); + + expect(component.localidade).toBeNull(); + expect(component.avisoLocalidade).toContain('ABC'); + expect(component.payload().localidade).toBeNull(); + }); + + it('lista de municipios: RO -> AC -> RO descarta a primeira resposta de RO', () => { + const respostas: Array> = []; + const cidades = { get: () => { const r = new Subject(); respostas.push(r); return r.asObservable(); } } as any; + const outro = new NovoParceiroComponent({} as any, { liberadas: () => of([]) } as any, cidades, + { get: () => of([]) } as any, { consulta: () => of(null) } as any, {} as any, {} as any); + + outro.mudaEstadoManual(outro.entrega, 'RO'); + outro.mudaEstadoManual(outro.entrega, 'AC'); + outro.mudaEstadoManual(outro.entrega, 'RO'); + respostas[0].next([{ AbsId: 'VELHO', Name: 'RESPOSTA ANTIGA', IbgeCode: '1' }]); + respostas[0].error(new Error('antiga')); + + expect(outro.entrega.cidades).toEqual([]); + expect(outro.entrega.carregandoCidades).toBeTrue(); + + respostas[2].next([{ AbsId: '4852', Name: 'PORTO VELHO', IbgeCode: '1100205' }]); + expect(outro.entrega.cidades.map(it => it.AbsId)).toEqual(['4852']); + expect(outro.entrega.carregandoCidades).toBeFalse(); + }); + + it('CEP vai so com digitos no formato 00000-000', () => { + preencheValido(); + component.entrega.cep = 'A76801.000 '; + + expect(component.payload().endereco.cep).toBe('76801-000'); + }); + + it('limpar o estado descarta a lista de municipios em voo', () => { + const respostas: Array> = []; + const cidades = { get: () => { const r = new Subject(); respostas.push(r); return r.asObservable(); } } as any; + const outro = new NovoParceiroComponent({} as any, { liberadas: () => of([]) } as any, cidades, + { get: () => of([]) } as any, { consulta: () => of(null) } as any, {} as any, {} as any); + + outro.mudaEstadoManual(outro.entrega, 'RO'); + outro.mudaEstadoManual(outro.entrega, null); + respostas[0].next([{ AbsId: '4852', Name: 'PORTO VELHO', IbgeCode: '1100205' }]); + + expect(outro.entrega.cidades).toEqual([]); + expect(outro.entrega.carregandoCidades).toBeFalse(); + }); + + it('localidade numerica vai como numero', () => { + component.selecionaLocalidade({ Code: '15' } as any); + + expect(component.avisoLocalidade).toBeNull(); + expect(component.payload().localidade).toBe(15); + }); + }); + + describe('tipo de logradouro', () => { + + it('sem tipo o endereco nao esta completo', () => { + preencheValido(); + component.entrega.tipoLogradouro = null; + + expect(component.pendencias).toEqual(['Endereço de entrega completo (CEP com 8 dígitos e tipo de logradouro)']); + }); + + it('vai em tipoEndereco nos dois enderecos', () => { + preencheValido(); + component.cobrancaIgualEntrega = false; + preencheEndereco(component.cobranca, 'b'); + component.cobranca.tipoLogradouro = 'RODOVIA'; + + const cliente = component.payload(); + expect(cliente.endereco.tipoEndereco).toBe('RUA'); + expect(cliente.enderecoCobranca.tipoEndereco).toBe('RODOVIA'); + }); + + it('separa o tipo do logradouro do ViaCEP, com acento e caixa', () => { + expect(separaLogradouro('Avenida Pinheiro Machado')).toEqual({ tipo: 'AVENIDA', rua: 'Pinheiro Machado' }); + expect(separaLogradouro('Praça Marechal Rondon')).toEqual({ tipo: 'PRACA', rua: 'Marechal Rondon' }); + expect(separaLogradouro('rua sete de setembro')).toEqual({ tipo: 'RUA', rua: 'sete de setembro' }); + }); + + it('logradouro sem tipo conhecido fica inteiro e nao mexe no tipo escolhido', () => { + expect(separaLogradouro('Quadra 12 Lote 3')).toEqual({ tipo: null, rua: 'Quadra 12 Lote 3' }); + expect(separaLogradouro('Centro')).toEqual({ tipo: null, rua: 'Centro' }); + + respostaCep = () => of({ cep: '76801-000', logradouro: 'Quadra 12', bairro: 'Centro', localidade: '', uf: 'RO', ibge: '1100205' }); + component.entrega.tipoLogradouro = 'LINHA'; + component.cepAlterado(component.entrega, '76801000'); + + expect(component.entrega.tipoLogradouro).toBe('LINHA'); + expect(component.entrega.rua).toBe('Quadra 12'); + }); + }); +}); diff --git a/src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.ts b/src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.ts new file mode 100644 index 00000000..7d8e6793 --- /dev/null +++ b/src/app/sap/components/parceiro-negocio/novo-parceiro/novo-parceiro.component.ts @@ -0,0 +1,383 @@ +import { Component, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; +import { BusinessPartnerService } from '../../../../modulos/sap-shared/_services/business-partners.service'; +import { FormaPagamento, FormaPagamentoService } from '../../../service/forma-pagamento.service'; +import { CityService } from '../../../service/addresses/city.service'; +import { StateService } from '../../../service/addresses/state.service'; +import { CepService, EnderecoCep } from '../../../service/addresses/cep.service'; +import { State } from '../../../model/adressess/state'; +import { City } from '../../../model/adressess/city'; +import { Localidade } from '../../../model/localidade/localidade'; +import { SalesPerson } from '../../../model/sales-person/sales-person'; +import { AlertService } from '../../../../shared/service/alert.service'; + +/** + * Tipos de logradouro oferecidos. O SAP exige o tipo (CRD1.AddrType) e o campo e texto livre - a base + * tem LINHA, RODOVIA, RUA... mas tambem "RODIVIA", "AVENINA". Lista fechada, sem acento como na base. + */ +export const TIPOS_LOGRADOURO = ['RUA', 'AVENIDA', 'TRAVESSA', 'ALAMEDA', 'PRACA', 'RODOVIA', 'ESTRADA', + 'LINHA', 'VICINAL', 'RAMAL', 'DISTRITO', 'VILA'] + +/** "Avenida Pinheiro Machado" -> { tipo: 'AVENIDA', rua: 'Pinheiro Machado' }; tipo nulo se nao reconhecer. */ +export function separaLogradouro(logradouro : string) : { tipo : string, rua : string } { + const texto = (logradouro || '').trim() + const espaco = texto.indexOf(' ') + if(espaco <= 0) + return { tipo: null, rua: texto } + const primeira = texto.substring(0, espaco).normalize('NFD').replace(/[\u0300-\u036f]/g, '').toUpperCase() + return TIPOS_LOGRADOURO.includes(primeira) + ? { tipo: primeira, rua: texto.substring(espaco + 1).trim() } + : { tipo: null, rua: texto } +} + +/** Um endereco do formulario. Entrega e cobranca usam o mesmo bloco. */ +export class EnderecoForm { + tipoLogradouro : string = null + cep = '' + rua = '' + numero = '' + complemento = '' + bairro = '' + estado : string = null + codigoMunicipio : string = null + cidades : Array = [] + carregandoCidades = false + buscandoCep = false + avisoCep : string = null + /** digitos do CEP antes da ultima tecla: a consulta dispara quando o campo COMPLETA 8 digitos */ + cepAnterior = '' + /** resposta de um CEP anterior que chegar atrasada nao pode sobrescrever o atual */ + consultaCep = 0 + /** idem para a lista de municipios: RO -> AC -> RO nao pode aceitar a primeira resposta de RO */ + consultaCidades = 0 + + get cepValido() : boolean { + return this.cep.replace(/\D/g, '').length == 8 + } + + get municipio() : City { + return this.cidades.find(it => String(it.AbsId) == String(this.codigoMunicipio)) ?? null + } + + get completo() : boolean { + return !!(this.cepValido && this.tipoLogradouro && this.rua.trim() && this.numero.trim() && this.bairro.trim() && this.estado && this.municipio) + } + + payload() : any { + return { + rua: this.rua.trim().toUpperCase(), + numero: this.numero.trim(), + complemento: this.complemento.trim() ? this.complemento.trim().toUpperCase() : null, + bairro: this.bairro.trim().toUpperCase(), + cidade: this.municipio?.Name ?? '', + codigoMunicipio: this.codigoMunicipio, + estado: this.estado, + //so os digitos no formato 00000-000: a validacao conta digitos, entao o texto digitado pode ter lixo + cep: this.cep.replace(/\D/g, '').replace(/^(\d{5})(\d{3})$/, '$1-$2'), + pais: 'BR', + tipoEndereco: this.tipoLogradouro ?? '', + } + } +} + +/** + * Cadastro de cliente novo (botao Novo parceiro). Monta o mesmo Cliente que o POST da integracao + * do forca de vendas recebe, mas vai para /business-partners/novo: la o CPF/CNPJ duplicado e + * barrado e as formas marcadas aqui viram as formas de pagamento do cliente (CRD2). Sem nenhuma, + * a tela de venda nao oferece forma de pagamento para ele. + * + * O SAP guarda dois enderecos (entrega bo_ShipTo e cobranca bo_BillTo). Com "cobranca no mesmo + * endereco" marcado, o backend copia a entrega para a cobranca; desmarcado, vai o segundo bloco. + */ +@Component({ + selector: 'app-novo-parceiro', + templateUrl: './novo-parceiro.component.html', +}) +export class NovoParceiroComponent implements OnInit { + + pessoaFisica = true + + nome = '' + cpfCnpj = '' + ierg = '' + dtnasc = '' + telefone = '' + email = '' + observacao = '' + vendedor : SalesPerson = null + + estados : Array = [] + readonly tiposLogradouro = TIPOS_LOGRADOURO + + entrega = new EnderecoForm() + cobranca = new EnderecoForm() + cobrancaIgualEntrega = true + localidade : Localidade = null + avisoLocalidade : string = null + + formas : Array = [] + formasMarcadas = new Set() + carregandoFormas = false + erroFormas = false + + salvando = false + tentouSalvar = false + + constructor( + private bpService : BusinessPartnerService, + private formaPagamentoService : FormaPagamentoService, + private cityService : CityService, + private stateService : StateService, + private cepService : CepService, + private alert : AlertService, + private router : Router){ + } + + ngOnInit(): void { + this.stateService.get().subscribe(estados => this.estados = estados) + this.carregandoFormas = true + this.formaPagamentoService.liberadas().subscribe({ + next: formas => { + this.formas = formas + this.carregandoFormas = false + }, + error: () => { + this.erroFormas = true + this.carregandoFormas = false + } + }) + } + + get documentoDigitos() : string { + return (this.cpfCnpj || '').replace(/\D/g, '') + } + + get documentoValido() : boolean { + return this.documentoDigitos.length == (this.pessoaFisica ? 11 : 14) + } + + /** O que falta para salvar; vazio = pode salvar. A tela mostra a lista depois da primeira tentativa. */ + get pendencias() : Array { + const faltando = [] + if(!this.nome.trim()) + faltando.push(this.pessoaFisica ? 'Nome' : 'Razão social') + if(!this.documentoValido) + faltando.push(this.pessoaFisica ? 'CPF com 11 dígitos' : 'CNPJ com 14 dígitos') + if(!this.entrega.completo) + faltando.push('Endereço de entrega completo (CEP com 8 dígitos e tipo de logradouro)') + if(!this.cobrancaIgualEntrega && !this.cobranca.completo) + faltando.push('Endereço de cobrança completo (CEP com 8 dígitos e tipo de logradouro)') + if(this.formasMarcadas.size == 0) + faltando.push('Ao menos uma forma de pagamento') + return faltando + } + + mudaTipoPessoa(pessoaFisica : boolean){ + if(this.pessoaFisica == pessoaFisica) + return + this.pessoaFisica = pessoaFisica + //RG x inscricao estadual e nascimento x abertura: o valor de um tipo nao serve no outro + this.cpfCnpj = '' + this.ierg = '' + this.dtnasc = '' + } + + /** ibge: municipio a selecionar depois que a lista do estado carregar (vem da busca de CEP). */ + mudaEstado(endereco : EnderecoForm, estado : string, ibge : string = null){ + if(estado && estado == endereco.estado && endereco.cidades.length > 0){ + this.selecionaMunicipioIbge(endereco, ibge) + return + } + endereco.estado = estado + endereco.codigoMunicipio = null + endereco.cidades = [] + //limpar o estado tambem invalida a lista em voo, senao ela repovoa os municipios da UF removida + const consulta = ++endereco.consultaCidades + endereco.carregandoCidades = false + if(!estado) + return + endereco.carregandoCidades = true + this.cityService.get(estado).subscribe({ + next: cidades => { + //resposta de um estado trocado no meio da busca nao pode preencher o select do atual + if(consulta != endereco.consultaCidades) return + endereco.cidades = cidades + endereco.carregandoCidades = false + this.selecionaMunicipioIbge(endereco, ibge) + }, + error: () => { + if(consulta != endereco.consultaCidades) return + endereco.carregandoCidades = false + } + }) + } + + /** Troca de estado feita pelo vendedor: uma consulta de CEP em andamento nao pode desfazer a escolha. */ + mudaEstadoManual(endereco : EnderecoForm, estado : string){ + endereco.consultaCep++ + endereco.buscandoCep = false + this.mudaEstado(endereco, estado) + } + + private selecionaMunicipioIbge(endereco : EnderecoForm, ibge : string){ + if(!ibge) + return + //o municipio do CEP anterior nao pode sobrar se o novo IBGE nao estiver na lista + endereco.codigoMunicipio = null + const municipio = endereco.cidades.find(it => it.IbgeCode == ibge) + if(municipio) + endereco.codigoMunicipio = municipio.AbsId + else + endereco.avisoCep = 'Município do CEP não encontrado no cadastro do SAP: selecione manualmente.' + } + + /** + * Consulta quando o campo completa 8 digitos - inclusive redigitando o mesmo CEP. So nao repete + * quando o valor nao mudou de verdade (ex.: so a mascara, 76801000 -> 76801-000). + */ + cepAlterado(endereco : EnderecoForm, cep : string){ + endereco.cep = cep + const digitos = (cep || '').replace(/\D/g, '') + const anterior = endereco.cepAnterior + endereco.cepAnterior = digitos + if(digitos == anterior) + return + //CEP editado: a resposta de uma consulta em andamento ja nao vale mais + endereco.consultaCep++ + endereco.buscandoCep = false + if(digitos.length == 8) + this.buscaCep(endereco, digitos) + } + + /** Botao da lupa: refaz a consulta do CEP que esta no campo. */ + buscaCepManual(endereco : EnderecoForm){ + const digitos = (endereco.cep || '').replace(/\D/g, '') + if(digitos.length != 8){ + endereco.avisoCep = 'Informe o CEP com 8 dígitos.' + return + } + this.buscaCep(endereco, digitos) + } + + /** + * Preenche rua, bairro, estado e municipio a partir do CEP. Numero e complemento sao sempre + * do vendedor. Sem resposta, nada muda e o preenchimento segue manual. + */ + buscaCep(endereco : EnderecoForm, cep : string){ + endereco.avisoCep = null + endereco.buscandoCep = true + const consulta = ++endereco.consultaCep + this.cepService.consulta(cep).subscribe(resultado => { + if(consulta != endereco.consultaCep) return + endereco.buscandoCep = false + if(!resultado){ + endereco.avisoCep = 'CEP não encontrado: preencha o endereço manualmente.' + return + } + this.aplicaCep(endereco, resultado) + }) + } + + private aplicaCep(endereco : EnderecoForm, resultado : EnderecoCep){ + if(resultado.logradouro){ + const { tipo, rua } = separaLogradouro(resultado.logradouro) + endereco.rua = rua + if(tipo) + endereco.tipoLogradouro = tipo + } + if(resultado.bairro) + endereco.bairro = resultado.bairro + //CEP geral de cidade pequena vem so com cidade e UF + if(!resultado.logradouro || !resultado.bairro) + endereco.avisoCep = 'CEP geral da cidade: confira rua e bairro.' + this.mudaEstado(endereco, resultado.uf, resultado.ibge) + } + + //PayMethCod vem tipado como number no modelo, mas o codigo da forma e texto ("AVISTA") + marcada(forma : FormaPagamento) : boolean { + return this.formasMarcadas.has(String(forma.PayMethCod)) + } + + alternaForma(forma : FormaPagamento){ + const codigo = String(forma.PayMethCod) + if(this.formasMarcadas.has(codigo)) + this.formasMarcadas.delete(codigo) + else + this.formasMarcadas.add(codigo) + } + + selecionaVendedor(vendedor : SalesPerson){ + this.vendedor = vendedor ?? null + } + + /** U_Localidade do endereco e numerico: codigo com letra viraria NaN/null e a localidade se perderia calada. */ + selecionaLocalidade(localidade : Localidade){ + this.avisoLocalidade = null + if(localidade && !/^\d+$/.test(String(localidade.Code ?? ''))){ + this.localidade = null + this.avisoLocalidade = `A localidade ${localidade.Code} tem código não numérico e não pode ser vinculada ao endereço.` + return + } + this.localidade = localidade ?? null + } + + payload() : any { + const vazioViraNulo = (valor : string) => valor?.trim() ? valor.trim() : null + return { + nome: this.nome.trim().toUpperCase(), + cpfCnpj: this.documentoDigitos, + ierg: vazioViraNulo(this.ierg), + dtnasc: vazioViraNulo(this.dtnasc), + telefone: vazioViraNulo(this.telefone), + email: vazioViraNulo(this.email), + obscadastral: vazioViraNulo(this.observacao), + idVendedor: this.vendedor?.SalesEmployeeCode != null ? String(this.vendedor.SalesEmployeeCode) : null, + localidade: this.localidade?.Code != null ? Number(this.localidade.Code) : null, + formasPagamento: Array.from(this.formasMarcadas), + endereco: this.entrega.payload(), + enderecoCobranca: this.cobrancaIgualEntrega ? null : this.cobranca.payload(), + } + } + + salvar(){ + this.tentouSalvar = true + if(this.pendencias.length > 0 || this.salvando) + return + //a tela nao sabe se o login e de vendedor - quem decide e o backend. Por isso o aviso cobre os + //dois casos: vendedor fica com o cliente; quem nao e vendedor deixa o cliente sem vendedor (-1) + if(!this.vendedor){ + this.alert.confirm(NovoParceiroComponent.AVISO_SEM_VENDEDOR).then(resposta => { + if(resposta?.isConfirmed) + this.enviar() + }) + return + } + this.enviar() + } + + static readonly AVISO_SEM_VENDEDOR = 'Nenhum vendedor selecionado. Se o seu login for de vendedor, o cliente fica com você. ' + + 'Se não for, o cliente será cadastrado SEM vendedor (-1) e não vai aparecer na busca dos vendedores. Continuar?' + + private enviar(){ + if(this.salvando) + return + this.salvando = true + this.bpService.criarNovo(this.payload()).subscribe({ + next: parceiro => { + this.salvando = false + const semVendedor = parceiro.SalesPersonCode == null || Number(parceiro.SalesPersonCode) == -1 + const mensagem = semVendedor + ? `Parceiro ${parceiro.CardCode} cadastrado sem vendedor (-1).` + : `Parceiro ${parceiro.CardCode} cadastrado para o vendedor ${parceiro.SalesEmployeeName || parceiro.SalesPersonCode}.` + this.alert.info(mensagem).then(() => + this.router.navigate(['/clientes/parceiro-negocio', parceiro.CardCode])) + }, + //a mensagem do backend (ex.: CPF/CNPJ ja cadastrado) sai pelo tratamento global de erro HTTP + error: () => this.salvando = false + }) + } + + cancelar(){ + this.router.navigate(['/clientes/parceiro-negocio']) + } +} diff --git a/src/app/sap/components/parceiro-negocio/parceiro-negocio.component.html b/src/app/sap/components/parceiro-negocio/parceiro-negocio.component.html index 48be3488..32563fb4 100644 --- a/src/app/sap/components/parceiro-negocio/parceiro-negocio.component.html +++ b/src/app/sap/components/parceiro-negocio/parceiro-negocio.component.html @@ -4,6 +4,11 @@

Parceiro Negócio - {{nomeUsuario}}

+
+ +
diff --git a/src/app/sap/components/search/item-search/item-search.component.html b/src/app/sap/components/search/item-search/item-search.component.html index 75dce9ec..6c078ac2 100644 --- a/src/app/sap/components/search/item-search/item-search.component.html +++ b/src/app/sap/components/search/item-search/item-search.component.html @@ -2,7 +2,8 @@ [title]="title" [definition]="definition" [service]="service" - [autoSelectSingleResult]="false" (contentSelected)="contentSelectedFun($event)" + (acaoResultado)="acao($event)" [name]="'Item'"> + diff --git a/src/app/sap/components/search/item-search/item.component.ts b/src/app/sap/components/search/item-search/item.component.ts index 7fb23086..7c458d5d 100644 --- a/src/app/sap/components/search/item-search/item.component.ts +++ b/src/app/sap/components/search/item-search/item.component.ts @@ -5,6 +5,8 @@ import { SearchService } from '../../../service/search.service'; import { Observable } from 'rxjs'; import { Page } from '../../../model/page.model'; import { SearchComponent } from '../../../../shared/components/search/search.component'; +import { ActionReturn } from '../../../../shared/components/action/action.model'; +import { LotesItemComponent } from './lotes-item/lotes-item.component'; @@ -17,6 +19,7 @@ export class ItemSearchComponent implements OnInit { @ViewChild('search', {static: true}) search: SearchComponent; + @ViewChild('lotes', {static: true}) lotes: LotesItemComponent; definition = new Item().getDefinition() @@ -45,6 +48,11 @@ export class ItemSearchComponent implements OnInit { this.contentSelected.emit($event) if($event) this.search.clear() } + + acao(acao : ActionReturn){ + if(acao.type == 'ver-lotes') + this.lotes.abrir(acao.data) + } } class ItemServiceBanch implements SearchService { diff --git a/src/app/sap/components/search/item-search/lotes-item/lotes-item.component.html b/src/app/sap/components/search/item-search/lotes-item/lotes-item.component.html new file mode 100644 index 00000000..449489fb --- /dev/null +++ b/src/app/sap/components/search/item-search/lotes-item/lotes-item.component.html @@ -0,0 +1,42 @@ + +

+ Depósito {{item.WarehouseCode}} — somente consulta, a escolha do lote é feita na ordem de carregamento. +

+
+ +
+
+ Não foi possível carregar os lotes deste item. +
+
+ Nenhum lote com saldo neste depósito. +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
LoteFabricaçãoValidadeEntradaDisponível
{{lote.DistNumber}}{{data(lote.MnfDate)}}{{data(lote.ExpDate)}}{{data(lote.InDate)}}{{lote.Quantity | number:'1.0-3':'pt'}}
Total disponível ({{lotes.length}} {{lotes.length == 1 ? 'lote' : 'lotes'}}){{totalDisponivel | number:'1.0-3':'pt'}}
+
+ diff --git a/src/app/sap/components/search/item-search/lotes-item/lotes-item.component.spec.ts b/src/app/sap/components/search/item-search/lotes-item/lotes-item.component.spec.ts new file mode 100644 index 00000000..af5dce9e --- /dev/null +++ b/src/app/sap/components/search/item-search/lotes-item/lotes-item.component.spec.ts @@ -0,0 +1,123 @@ +import { Subject, of, throwError } from 'rxjs'; +import { LotesItemComponent } from './lotes-item.component'; +import { Item } from '../../../../model/item'; +import { ItemSearchComponent } from '../item.component'; +import { ModalSelectComponent } from '../../../../../shared/components/modal/select/modal.select.component'; +import { ActionReturn } from '../../../../../shared/components/action/action.model'; + +function item(itemCode: string, warehouseCode: string = null): Item { + return Object.assign(new Item(), { ItemCode: itemCode, ItemDescription: itemCode, WarehouseCode: warehouseCode }); +} + +/** O botao Lotes so faz sentido com deposito: e dele que o saldo por lote e lido. */ +describe('Item - acao Lotes na busca', () => { + + it('mostra Lotes quando o item tem deposito', () => { + const tipos = item('PAC0000129', '02.01').getActions().map(acao => acao.retorno.type); + expect(tipos).toEqual(['selected', 'ver-lotes']); + }); + + it('sem deposito (catalogo offline) so seleciona', () => { + const tipos = item('PAC0000129').getActions().map(acao => acao.retorno.type); + expect(tipos).toEqual(['selected']); + }); +}); + +describe('ModalSelectComponent - acao que nao seleciona', () => { + + it('repassa a acao sem selecionar nem fechar a busca', () => { + const modal = new ModalSelectComponent(); + modal.buscaModal = { closeModal: jasmine.createSpy('closeModal') } as any; + const selecionados = []; + const outras = []; + modal.contentSelected.subscribe(it => selecionados.push(it)); + modal.outraAcao.subscribe(it => outras.push(it.type)); + + modal.action(new ActionReturn('ver-lotes', item('A', '01'))); + + expect(outras).toEqual(['ver-lotes']); + expect(selecionados).toEqual([]); + expect(modal.buscaModal.closeModal).not.toHaveBeenCalled(); + }); +}); + +describe('ModalSelectComponent - titulo do modal', () => { + + it('usa o titulo informado pela tela', () => { + const modal = new ModalSelectComponent(); + modal.name = 'Item'; + modal.title = 'Selecione um produto'; + expect(modal.tituloModal).toBe('Selecione um produto'); + }); + + it('sem titulo usa Selecionar + nome da busca, nunca o padrao "Titulo"', () => { + const modal = new ModalSelectComponent(); + modal.name = 'Vendedor'; + expect(modal.tituloModal).toBe('Selecionar Vendedor'); + }); +}); + +describe('ItemSearchComponent - lotes', () => { + + it('abre os lotes do item da linha', () => { + const component = new ItemSearchComponent({} as any); + const abertos = []; + component.lotes = { abrir: (it) => abertos.push(it.ItemCode) } as any; + + component.acao(new ActionReturn('ver-lotes', item('PAC0000129', '02.01'))); + + expect(abertos).toEqual(['PAC0000129']); + }); +}); + +describe('LotesItemComponent', () => { + + let consultas: Array; + let component: LotesItemComponent; + + function comResposta(resposta: (itemCode: string) => any) { + consultas = []; + component = new LotesItemComponent({ + get: (itemCode, deposito) => { consultas.push(`${itemCode}@${deposito}`); return resposta(itemCode); } + } as any); + component.modal = { openModal: () => {} } as any; + } + + it('consulta o deposito do item e soma o disponivel', () => { + comResposta(() => of([{ DistNumber: 'L1', Quantity: 10 }, { DistNumber: 'L2', Quantity: 2.5 }])); + + component.abrir(item('PAC0000129', '02.01')); + + expect(consultas).toEqual(['PAC0000129@02.01']); + expect(component.totalDisponivel).toBe(12.5); + expect(component.loading).toBeFalse(); + }); + + it('erro na consulta nao deixa o loading ligado', () => { + comResposta(() => throwError(() => new Error('403'))); + + component.abrir(item('PAC0000129', '02.01')); + + expect(component.erro).toBeTrue(); + expect(component.loading).toBeFalse(); + }); + + it('resposta atrasada do item anterior e descartada', () => { + const respostas = { A: new Subject(), B: new Subject() }; + comResposta(itemCode => respostas[itemCode].asObservable()); + + component.abrir(item('A', '01')); + component.abrir(item('B', '01')); + respostas.A.next([{ DistNumber: 'DO-A', Quantity: 99 }]); + + expect(component.lotes).toEqual([]); + expect(component.loading).toBeTrue(); + }); + + it('formata data yyyyMMdd e ISO como dd/MM/yyyy', () => { + comResposta(() => of([])); + expect(component.data('20261022')).toBe('22/10/2026'); + expect(component.data('2026-10-22T00:00:00Z')).toBe('22/10/2026'); + expect(component.data(null)).toBe('-'); + }); +}); diff --git a/src/app/sap/components/search/item-search/lotes-item/lotes-item.component.ts b/src/app/sap/components/search/item-search/lotes-item/lotes-item.component.ts new file mode 100644 index 00000000..c4c0753d --- /dev/null +++ b/src/app/sap/components/search/item-search/lotes-item/lotes-item.component.ts @@ -0,0 +1,68 @@ +import { Component, ViewChild } from '@angular/core'; +import { ModalComponent } from '../../../../../shared/components/modal/modal.component'; +import { BatchStockService } from '../../../../../modulos/sap-shared/_services/BatchStockService'; +import { BatchStock } from '../../../../../modulos/sap-shared/_models/BatchStock.model'; +import { Item } from '../../../../model/item'; + +/** + * Lotes disponiveis do item no deposito padrao da filial, so para consulta na hora de vender: nao + * seleciona nem reserva lote. A escolha do lote continua na ordem de carregamento. + */ +@Component({ + selector: 'app-lotes-item', + templateUrl: './lotes-item.component.html', +}) +export class LotesItemComponent { + + @ViewChild('modal', {static: true}) modal: ModalComponent; + + item : Item + lotes : Array = [] + loading = false + erro = false + + /** Resposta de um item anterior que chegar atrasada nao pode ocupar o modal do item atual. */ + private consulta = 0 + + constructor(private batchStockService : BatchStockService){ + } + + abrir(item : Item){ + this.item = item + this.lotes = [] + this.erro = false + this.loading = true + const consulta = ++this.consulta + this.modal.openModal() + this.batchStockService.get(item.ItemCode, item.WarehouseCode).subscribe({ + next: lotes => { + if(consulta != this.consulta) return + this.lotes = lotes + this.loading = false + }, + error: () => { + if(consulta != this.consulta) return + this.erro = true + this.loading = false + } + }) + } + + get titulo() : string { + return this.item ? `Lotes disponíveis - ${this.item.ItemCode} - ${this.item.ItemDescription}` : 'Lotes disponíveis' + } + + get totalDisponivel() : number { + return this.lotes.reduce((total, lote) => total + (lote.Quantity ?? 0), 0) + } + + /** O SQLQueries devolve data como yyyyMMdd ou ISO; a tela mostra dd/MM/yyyy. */ + data(valor : string | null) : string { + if(!valor) + return '-' + const digitos = valor.substring(0, 10).replace(/-/g, '') + if(digitos.length != 8) + return valor + return `${digitos.substring(6, 8)}/${digitos.substring(4, 6)}/${digitos.substring(0, 4)}` + } +} diff --git a/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.html b/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.html index 675abea3..f2d4b790 100644 --- a/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.html +++ b/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.html @@ -6,15 +6,40 @@
-

CONTROLE DE PEDIDO

+

MINUTA DE CONTRATO

Nome: {{ vendaFutura?.U_cardName }}

Data: {{ vendaFutura?.dataCriacao }}

-

Produtos: {{ vendaFutura?.TotalProdutosCalculadoCurrency | currency }}

-

Valor Frete: {{ vendaFutura?.U_valorFrete | currency:'BRL':'symbol':'1.2-2':'pt-BR' }}

-

Total a Pagar: {{vendaFutura.totalCurrency}}

+
+ +
+

Dados da negociação

+ + + + + + + + + + + + + + + + + + + + + + + +
Valor dos produtos{{ vendaFutura?.TotalProdutosCalculadoCurrency | currency:'BRL':'symbol':'1.2-2':'pt-BR' }}
Valor do frete{{ (vendaFutura?.U_valorFrete || 0) | currency:'BRL':'symbol':'1.2-2':'pt-BR' }}
Valor total{{ vendaFutura?.totalCurrency }}
Forma de pagamento{{ formaPagamentoTexto }}
Parcelamento{{ parcelamentoTexto }}
@@ -42,17 +67,19 @@

CONTROLE DE PEDIDO

Cláusulas e condições:

  1. - Este Pedido tem por objeto a venda de nutrição animal, na modalidade futura, + Este Contrato tem por objeto a venda de nutrição animal, na modalidade futura, conforme as especificações acima, pelo qual o VENDEDOR (Sustennutri Nutrição Animal Ltda CNPJ 09.054.087/0001-54) realiza ao COMPRADOR a venda antecipada do Produto, para posterior entrega, que será realizada no seguinte:

    - Endereço: __________________________________ Nº: ____________
    - Bairro: ______________________, Cidade: _____________________ + Endereço: {{ logradouroEntrega || '__________________________________' }} + Nº: {{ enderecoEntrega?.StreetNo || '____________' }}
    + Bairro: {{ enderecoEntrega?.Block || '______________________' }}, + Cidade: {{ cidadeEntrega || '_____________________' }}
  2. O prazo máximo de entrega do Produto será de 180 (cento e oitenta) dias, a - partir da data de assinatura deste Pedido, limitado ao ano vigente da assinatura + partir da data de assinatura deste Contrato, limitado ao ano vigente da assinatura deste instrumento. 2.O COMPRADOR formalizará o pedido de entrega do Produto, e a entrega será realizada no prazo de até 10 (dez) dias da data da solicitação de entrega. 3. Caso o COMPRADOR manifeste interesse de alterar o Produto adquirido, terá o prazo de 30 (trinta) dias para informar ao VENDEDOR qual o Produto a ser @@ -63,14 +90,14 @@

    Cláusulas e condições:

    multa de 2% (dois por cento) sobre o valor inadimplido, correção monetária e juros moratórios de 1% (um por cento) ao mês, calculados pro rata die, até o efetivo pagamento. 5. Será observada a legislação quanto às retenções e/ou descontos tributários. - 6.Este Pedido é firmado em caráter irrevogável e irretratável. + 6.Este Contrato é firmado em caráter irrevogável e irretratável.
-

CNPJ/CPF: {{ businessPartner?.CpfCnpjStr() }}

+

CNPJ/CPF: {{ documentoCliente || '______________________' }}

ASSINATURA: __________________________

diff --git a/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.scss b/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.scss index af4e019a..e04a2e4f 100644 --- a/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.scss +++ b/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.scss @@ -1,59 +1,50 @@ +// Layout compacto para a minuta caber numa pagina A4 (PdfService.baixarPdfPaginado com umaPagina). .pdf-container { font-family: Arial, sans-serif; - width: 794px; - height: auto; + width: 794px; + height: auto; background-color: #fff; - padding: 20px 40px; + padding: 20px 40px; box-sizing: border-box; display: flex; flex-direction: column; margin: 0 auto; - line-height: 1.5; -} - -.pdf-container .info-section p, -.pdf-container .table-container th, -.pdf-container .table-container td, -.pdf-container .conditions ol li { - margin-bottom: 10px; + line-height: 1.45; + font-size: 0.95rem; } .pdf-container .table-container th, .pdf-container .table-container td { - padding: 12px; - font-size: 0.9rem; -} - -.pdf-container .conditions ol li { - margin-bottom: 20px; + padding: 8px 10px; + font-size: 0.92rem; } .header { text-align: center; - margin-bottom: 20px; + margin-bottom: 12px; .logo { - max-width: 150px; + max-width: 130px; height: auto; } } .title-container { text-align: center; - margin-bottom: 20px; + margin-bottom: 14px; h1 { - font-size: 1.8rem; + font-size: 1.7rem; color: #1ba13f; margin: 0; } } .info-section { - margin-bottom: 20px; + margin-bottom: 12px; p { - margin: 5px 0; + margin: 4px 0; font-size: 1rem; } } @@ -67,7 +58,6 @@ th, td { border: 1px solid #ccc; - padding: 10px; text-align: left; } @@ -81,20 +71,24 @@ .conditions { background-color: #f9f9f9; border: 1px solid #ccc; - padding: 15px; + padding: 12px 16px; border-radius: 5px; - margin-top: 20px; + margin-top: 14px; h3 { color: #1ba13f; - margin-bottom: 10px; + font-size: 1.2rem; + margin: 0 0 8px; } ol { - padding-left: 20px; + padding-left: 18px; + margin: 0; li { - margin-bottom: 15px; + margin-bottom: 10px; + font-size: 0.92rem; + text-align: justify; } } } @@ -102,7 +96,7 @@ .footer { display: flex; justify-content: space-between; - margin-top: 20px; + margin-top: 30px; .footer-left, .footer-right { flex: 1; @@ -112,4 +106,39 @@ max-width: 100px; height: auto; } - } \ No newline at end of file + } + +.pdf-container .negociacao { + margin-bottom: 14px; + + h3 { + font-size: 1.15rem; + margin: 0 0 8px; + } +} + +.pdf-container .negociacao-table { + width: 100%; + border-collapse: collapse; + + th, td { + border: 1px solid #ccc; + padding: 6px 12px; + font-size: 0.92rem; + } + + th { + width: 40%; + text-align: left; + background-color: #f5f5f5; + } + + .negociacao-total th, + .negociacao-total td { + font-weight: bold; + } +} + +.pdf-container .preenchido { + font-weight: bold; +} diff --git a/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.spec.ts b/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.spec.ts new file mode 100644 index 00000000..48fd2f4a --- /dev/null +++ b/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.spec.ts @@ -0,0 +1,270 @@ +import { Subject, of, throwError } from 'rxjs'; +import { SimpleChange } from '@angular/core'; +import { GerarPdfComponent } from './gerar-pdf.component'; + +/** Minuta do contrato: forma e parcelamento vem do pedido de origem via /contrato-venda-futura/{id}/negociacao. */ +describe('GerarPdfComponent - dados da negociacao', () => { + + let pedidos: Array; + let resposta: (docEntry: number) => any; + let component: GerarPdfComponent; + let baixados: Array; + let erros: Array; + let paginaUnica: Array; + let confirmacoes: Array; + let confirma: boolean; + let clientes: Array; + let respostaCliente: () => any; + + beforeEach(() => { + pedidos = []; + resposta = () => of(null); + baixados = []; + paginaUnica = []; + const pdfService = { baixarPdfPaginado: (elemento, nome, umaPagina) => { baixados.push(nome); paginaUnica.push(umaPagina); return Promise.resolve(); } } as any; + erros = []; + confirmacoes = []; + confirma = true; + const alert = { + error: (msg) => { erros.push(msg); return Promise.resolve(); }, + confirm: (msg) => { confirmacoes.push(msg); return Promise.resolve({ isConfirmed: confirma }); }, + } as any; + clientes = []; + respostaCliente = () => of(null); + const bpService = { get: (cardCode) => { clientes.push(cardCode); return respostaCliente(); } } as any; + component = new GerarPdfComponent({ negociacao: (docEntry) => { pedidos.push(docEntry); return resposta(docEntry); } } as any, pdfService, alert, bpService); + }); + + function abre(docEntry: number) { + component.vendaFutura = { DocEntry: docEntry } as any; + component.ngOnChanges({ vendaFutura: new SimpleChange(null, component.vendaFutura, false) }); + } + + it('busca a negociacao do contrato aberto', () => { + resposta = () => of({ formaPagamento: 'BOLETO', quantidadeParcelas: 3, condicaoPagamento: '30/60/90' }); + + abre(7); + + expect(pedidos).toEqual([7]); + expect(component.formaPagamentoTexto).toBe('BOLETO'); + expect(component.parcelamentoTexto).toBe('3 parcelas (30/60/90)'); + }); + + it('a vista mostra 1 parcela', () => { + resposta = () => of({ formaPagamento: 'DEPOSITO', quantidadeParcelas: 1, condicaoPagamento: 'À vista' }); + + abre(7); + + expect(component.parcelamentoTexto).toBe('1 parcela (À vista)'); + }); + + it('sem dados mostra "Não informada/o" em vez de vazio', () => { + resposta = () => of({ formaPagamento: null, quantidadeParcelas: null, condicaoPagamento: null }); + + abre(7); + + expect(component.formaPagamentoTexto).toBe('Não informada'); + expect(component.parcelamentoTexto).toBe('Não informado'); + }); + + it('erro na busca nao trava a minuta', () => { + resposta = () => throwError(() => new Error('403')); + + abre(7); + + expect(component.erroNegociacao).toBeTrue(); + expect(component.carregandoNegociacao).toBeFalse(); + //falha sai como linha em branco, para nao parecer que o pedido nao tem o dado + expect(component.formaPagamentoTexto).toBe(GerarPdfComponent.BRANCO); + expect(component.parcelamentoTexto).toBe(GerarPdfComponent.BRANCO); + }); + + it('resposta atrasada de outro contrato e descartada', () => { + const respostas = { 1: new Subject(), 2: new Subject() }; + resposta = (docEntry) => respostas[docEntry].asObservable(); + + abre(1); + abre(2); + respostas[1].next({ formaPagamento: 'DO CONTRATO 1', quantidadeParcelas: 9 }); + + expect(component.negociacao).toBeNull(); + expect(component.formaPagamentoTexto).toBe('carregando...'); + + respostas[2].next({ formaPagamento: 'BOLETO', quantidadeParcelas: 2 }); + expect(component.formaPagamentoTexto).toBe('BOLETO'); + }); + + it('sem contrato nao consulta', () => { + component.ngOnChanges({ vendaFutura: new SimpleChange(null, undefined, true) }); + expect(pedidos).toEqual([]); + }); + + describe('download', () => { + + it('baixa com o numero do contrato e o nome do cliente', async () => { + abre(1234); + component.vendaFutura.U_cardName = 'JOAO DA SILVA'; + component.pdfContent = { nativeElement: document.createElement('div') } as any; + + await component.baixarPdf(); + + expect(baixados).toEqual(['Minuta de contrato 1234 - JOAO DA SILVA.pdf']); + expect(paginaUnica).toEqual([true]); + expect(component.gerandoPdf).toBeFalse(); + }); + + it('tira do nome os caracteres que o sistema de arquivos recusa', () => { + abre(7); + component.vendaFutura.U_cardName = 'AGRO S/A: FAZENDA "BOA" '; + + expect(component.nomeArquivo).toBe('Minuta de contrato 7 - AGRO S A FAZENDA BOA VISTA.pdf'); + }); + + it('clique duplo nao gera dois arquivos', async () => { + abre(7); + component.vendaFutura.U_cardName = 'X'; + component.pdfContent = { nativeElement: document.createElement('div') } as any; + + await Promise.all([component.baixarPdf(), component.baixarPdf()]); + + expect(baixados.length).toBe(1); + }); + }); + + describe('falhas aparecem na tela', () => { + + it('erro ao gerar mostra alerta e libera o botao', async () => { + component = new GerarPdfComponent({ negociacao: () => of(null) } as any, + { baixarPdfPaginado: () => Promise.reject(new Error('canvas quebrou')) } as any, + { error: (msg) => { erros.push(msg); return Promise.resolve(); } } as any, { get: () => of(null) } as any); + component.vendaFutura = { DocEntry: 1, U_cardName: 'X' } as any; + component.pdfContent = { nativeElement: document.createElement('div') } as any; + + await component.baixarPdf(); + + expect(erros).toEqual(['Não foi possível gerar o PDF: canvas quebrou']); + expect(component.gerandoPdf).toBeFalse(); + }); + + it('sem a minuta montada avisa em vez de nao fazer nada', async () => { + component.pdfContent = undefined; + + await component.baixarPdf(); + + expect(erros.length).toBe(1); + expect(baixados).toEqual([]); + }); + }); + + describe('dados do cliente na minuta', () => { + + function abreContrato(localidade: number = null) { + component.vendaFutura = { DocEntry: 1, U_cardCode: 'CLI0001', U_Localidade: localidade } as any; + component.ngOnChanges({ vendaFutura: new SimpleChange(null, component.vendaFutura, false) }); + } + + const entrega = (rua: string, localidade: number) => ({ AddressType: 'bo_ShipTo', TypeOfAddress: 'RUA', Street: rua, + StreetNo: '10', Block: 'CENTRO', City: 'PORTO VELHO', State: 'RO', U_Localidade: localidade }); + + it('busca o cliente do contrato e preenche endereco de entrega e documento', () => { + respostaCliente = () => of({ BPFiscalTaxIDCollection: [{ TaxId4: '039.989.282-60' }], + BPAddresses: [{ AddressType: 'bo_BillTo', Street: 'COBRANCA' }, entrega('FLORIANO PEIXOTO', 5)] }); + + abreContrato(); + + expect(clientes).toEqual(['CLI0001']); + expect(component.documentoCliente).toBe('039.989.282-60'); + expect(component.logradouroEntrega).toBe('RUA FLORIANO PEIXOTO'); + expect(component.enderecoEntrega.StreetNo).toBe('10'); + expect(component.cidadeEntrega).toBe('PORTO VELHO/RO'); + }); + + it('com mais de uma entrega usa a da localidade do contrato', () => { + respostaCliente = () => of({ BPAddresses: [entrega('PRIMEIRA', 5), entrega('DA LOCALIDADE', 9)] }); + + abreContrato(9); + + expect(component.logradouroEntrega).toBe('RUA DA LOCALIDADE'); + }); + + it('CNPJ no topo do cadastro tambem vale', () => { + respostaCliente = () => of({ TaxId0: '12.345.678/0001-99', BPAddresses: [] }); + + abreContrato(); + + expect(component.documentoCliente).toBe('12.345.678/0001-99'); + expect(component.enderecoEntrega).toBeNull(); + expect(component.logradouroEntrega).toBe(''); + }); + + it('falha ao buscar o cliente deixa os campos em branco, sem erro', () => { + respostaCliente = () => throwError(() => new Error('404')); + + abreContrato(); + + expect(component.documentoCliente).toBe(''); + expect(component.cidadeEntrega).toBe(''); + }); + }); + + describe('achados do review da minuta', () => { + + function contrato(docEntry: number, cardCode: string) { + component.vendaFutura = { DocEntry: docEntry, U_cardCode: cardCode, U_cardName: 'X' } as any; + component.ngOnChanges({ vendaFutura: new SimpleChange(null, component.vendaFutura, false) }); + component.pdfContent = { nativeElement: document.createElement('div') } as any; + } + + it('trocar de contrato limpa o cliente anterior, mesmo se o novo nao chegar', () => { + respostaCliente = () => of({ TaxId4: '111.111.111-11', BPAddresses: [] }); + contrato(1, 'CLI1'); + expect(component.documentoCliente).toBe('111.111.111-11'); + + respostaCliente = () => throwError(() => new Error('404')); + contrato(2, 'CLI2'); + + expect(component.documentoCliente).toBe(''); + expect(component.carregandoCliente).toBeFalse(); + }); + + it('nao baixa enquanto carrega negociacao ou cliente', async () => { + resposta = () => new Subject().asObservable(); + contrato(1, 'CLI1'); + expect(component.carregandoDados).toBeTrue(); + + await component.baixarPdf(); + + expect(baixados).toEqual([]); + expect(erros).toEqual(['Aguarde carregar os dados do contrato antes de baixar a minuta.']); + }); + + it('com falha na negociacao pergunta antes e so baixa se confirmar', async () => { + resposta = () => throwError(() => new Error('500')); + contrato(1, 'CLI1'); + + confirma = false; + await component.baixarPdf(); + expect(confirmacoes).toEqual([GerarPdfComponent.AVISO_SEM_NEGOCIACAO]); + expect(baixados).toEqual([]); + + confirma = true; + await component.baixarPdf(); + expect(baixados.length).toBe(1); + }); + + it('trocar de contrato com a confirmacao aberta nao baixa', async () => { + resposta = () => throwError(() => new Error('500')); + contrato(1, 'CLI1'); + let responde: (r: any) => void; + (component as any).alert.confirm = () => new Promise(r => responde = r); + + const download = component.baixarPdf(); + resposta = () => new Subject().asObservable(); + contrato(2, 'CLI2'); + responde({ isConfirmed: true }); + await download; + + expect(baixados).toEqual([]); + }); + }); +}); diff --git a/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.ts b/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.ts index 68b367cf..9e7ee62b 100644 --- a/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.ts +++ b/src/app/sap/components/venda-futura/gerar-pdf/gerar-pdf.component.ts @@ -1,45 +1,189 @@ -import { Component, Input, ElementRef, ViewChild } from '@angular/core'; -import { PdfService } from '../../../service/pdf.service'; +import { Component, Input, ElementRef, ViewChild, OnChanges, SimpleChanges } from '@angular/core'; import { VendaFutura } from '../../../model/venda/venda-futura'; import { BusinessPartner } from '../../../model/business-partner/business-partner'; +import { NegociacaoContrato, VendaFuturaService } from '../../../service/venda-futura.service'; +import { PdfService } from '../../../service/pdf.service'; +import { AlertService } from '../../../../shared/service/alert.service'; +import { BusinessPartnerService } from '../../../../modulos/sap-shared/_services/business-partners.service'; @Component({ selector: 'app-gerar-pdf', templateUrl: './gerar-pdf.component.html', styleUrls: ['./gerar-pdf.component.scss'] }) -export class GerarPdfComponent { +export class GerarPdfComponent implements OnChanges { @Input() vendaFutura: VendaFutura; @Input() businessPartner: BusinessPartner; @ViewChild('pdfContent', { static: false }) pdfContent: ElementRef; - gerarPdf(header: string): void { - if (!this.pdfContent?.nativeElement) { - console.error('Elemento PDF content não encontrado.'); - return; + /** Forma e parcelamento vem do pedido de origem (o contrato nao guarda a forma). */ + negociacao: NegociacaoContrato = null + carregandoNegociacao = false + erroNegociacao = false + /** resposta de um contrato anterior que chegar atrasada nao pode entrar na minuta do atual */ + private consulta = 0 + + constructor(private vendaFuturaService: VendaFuturaService, private pdfService: PdfService, + private alert: AlertService, private bpService: BusinessPartnerService) { + } + + /** Cliente do contrato, para endereco de entrega e CPF/CNPJ da minuta (a tela nao passa o businessPartner). */ + private consultaCliente = 0 + + ngOnChanges(changes: SimpleChanges): void { + if (changes['vendaFutura']) { + this.carregaNegociacao() + this.carregaCliente() } + } - const contentHtml = this.pdfContent.nativeElement.outerHTML; + carregandoCliente = false - const newWindow = window.open('', '_blank', 'width=600,height=400'); - if (!newWindow) { - console.error('Não foi possível abrir uma nova janela para exibir o PDF.'); - return; + private carregaCliente(): void { + const consulta = ++this.consultaCliente + //o cliente do contrato anterior nao pode ficar na minuta enquanto (ou se nao) chega o novo + this.businessPartner = null + this.carregandoCliente = false + const cardCode = this.vendaFutura?.U_cardCode + if (!cardCode) + return + this.carregandoCliente = true + this.bpService.get(cardCode).subscribe({ + next: cliente => { + if (consulta != this.consultaCliente) return + this.businessPartner = cliente + this.carregandoCliente = false + }, + //sem o cadastro a minuta sai com as linhas em branco para preencher a mao + error: () => { + if (consulta == this.consultaCliente) this.carregandoCliente = false + } + }) + } + + /** Enquanto busca negociacao ou cliente, a minuta ainda nao esta pronta para baixar. */ + get carregandoDados(): boolean { + return this.carregandoNegociacao || this.carregandoCliente + } + + static readonly BRANCO = '______________________' + static readonly AVISO_SEM_NEGOCIACAO = 'Não foi possível carregar a forma de pagamento e o parcelamento. ' + + 'Esses campos vão sair em branco na minuta, para preencher à mão. Baixar mesmo assim?' + + /** Documento do cliente: TaxId0 (CNPJ) ou TaxId4 (CPF), no topo ou na colecao fiscal do SAP. */ + get documentoCliente(): string { + const cliente: any = this.businessPartner + if (!cliente) return '' + const direto = cliente.TaxId0 || cliente.TaxId4 + if (direto) return String(direto) + const fiscal = (cliente.BPFiscalTaxIDCollection || []).find(it => it?.TaxId0 || it?.TaxId4) + return fiscal ? String(fiscal.TaxId0 || fiscal.TaxId4) : '' + } + + /** + * Endereco de entrega do cliente. Com mais de um, fica o da localidade do contrato (U_Localidade), + * que e a usada no frete; senao o primeiro de entrega. + */ + get enderecoEntrega(): any { + const enderecos: Array = (this.businessPartner as any)?.BPAddresses || [] + const entregas = enderecos.filter(it => it?.AddressType == 'bo_ShipTo') + const localidade = this.vendaFutura?.U_Localidade + return entregas.find(it => localidade != null && it.U_Localidade == localidade) || entregas[0] || null + } + + get logradouroEntrega(): string { + const endereco = this.enderecoEntrega + if (!endereco) return '' + return [endereco.TypeOfAddress, endereco.Street].filter(it => it && it != 'none').join(' ').trim() + } + + get cidadeEntrega(): string { + const endereco = this.enderecoEntrega + if (!endereco?.City) return '' + return endereco.State ? `${endereco.City}/${endereco.State}` : endereco.City + } + + private carregaNegociacao(): void { + const consulta = ++this.consulta + this.negociacao = null + this.erroNegociacao = false + const docEntry = this.vendaFutura?.DocEntry + if (docEntry == null) { + this.carregandoNegociacao = false + return } + this.carregandoNegociacao = true + this.vendaFuturaService.negociacao(docEntry).subscribe({ + next: negociacao => { + if (consulta != this.consulta) return + this.negociacao = negociacao + this.carregandoNegociacao = false + }, + error: () => { + if (consulta != this.consulta) return + this.erroNegociacao = true + this.carregandoNegociacao = false + } + }) + } + + //falha na busca sai como linha em branco, para nao parecer que o pedido nao tem o dado + get formaPagamentoTexto(): string { + if (this.carregandoNegociacao) return 'carregando...' + if (this.erroNegociacao) return GerarPdfComponent.BRANCO + return this.negociacao?.formaPagamento || 'Não informada' + } + + get parcelamentoTexto(): string { + if (this.carregandoNegociacao) return 'carregando...' + if (this.erroNegociacao) return GerarPdfComponent.BRANCO + const quantidade = this.negociacao?.quantidadeParcelas + if (!quantidade) return 'Não informado' + const parcelas = quantidade == 1 ? '1 parcela' : `${quantidade} parcelas` + const condicao = this.negociacao?.condicaoPagamento + return condicao ? `${parcelas} (${condicao})` : parcelas + } - newWindow.document.write(` - - - - ${header} - - - ${contentHtml} - - - `); - - newWindow.document.close(); - } -} \ No newline at end of file + gerandoPdf = false + + get nomeArquivo(): string { + const numero = this.vendaFutura?.DocEntry ?? '' + const cliente = this.vendaFutura?.U_cardName ?? '' + return PdfService.nomeArquivo(`Minuta de contrato ${numero} - ${cliente}`) + '.pdf' + } + + /** Baixa a minuta como PDF (antes abria o HTML numa aba para imprimir). */ + async baixarPdf(): Promise { + if (this.gerandoPdf) + return + if (!this.pdfContent?.nativeElement) { + this.alert.error('A minuta ainda não foi montada na tela. Abra o preview e tente de novo.') + return; + } + if (this.carregandoDados) { + this.alert.error('Aguarde carregar os dados do contrato antes de baixar a minuta.') + return; + } + if (this.erroNegociacao) { + const contratoConfirmado = this.vendaFutura?.DocEntry + const resposta = await this.alert.confirm(GerarPdfComponent.AVISO_SEM_NEGOCIACAO) + if (!resposta?.isConfirmed) + return; + //enquanto o alerta estava aberto o contrato pode ter trocado: a confirmacao vale so para aquele + if (this.vendaFutura?.DocEntry != contratoConfirmado || this.carregandoDados || this.gerandoPdf) + return; + } + this.gerandoPdf = true + try { + //minuta para assinar: sempre numa pagina so + await this.pdfService.baixarPdfPaginado(this.pdfContent.nativeElement, this.nomeArquivo, true) + } catch (e) { + //sem isso a falha so ia para o console e o botao "nao fazia nada" + console.error('Falha ao gerar o PDF da minuta', e) + this.alert.error('Não foi possível gerar o PDF: ' + (e?.message || e)) + } finally { + this.gerandoPdf = false + } + } +} diff --git a/src/app/sap/components/venda-futura/single/single.component.html b/src/app/sap/components/venda-futura/single/single.component.html index 96e1c5e2..3e91fcd3 100644 --- a/src/app/sap/components/venda-futura/single/single.component.html +++ b/src/app/sap/components/venda-futura/single/single.component.html @@ -427,7 +427,11 @@

style="width: 90%; max-width: 1400px;">
- +
diff --git a/src/app/sap/components/venda-futura/single/single.component.ts b/src/app/sap/components/venda-futura/single/single.component.ts index 97be7334..3e91b95e 100644 --- a/src/app/sap/components/venda-futura/single/single.component.ts +++ b/src/app/sap/components/venda-futura/single/single.component.ts @@ -298,8 +298,11 @@ export class VendaFuturaSingleComponent implements OnInit { abrirModalPreview(): void { this.previewModal.openModal(); } gerarPDF(): void { - const headContent = document.head.innerHTML; - this.gerarPdfComponent.gerarPdf(headContent); + if (!this.gerarPdfComponent) { + this.alertService.error('A minuta ainda não foi montada na tela. Abra o preview e tente de novo.'); + return; + } + this.gerarPdfComponent.baixarPdf(); } desfazerConcilicao(docEntry): void { diff --git a/src/app/sap/model/adressess/city.ts b/src/app/sap/model/adressess/city.ts index 0c81df23..4415e760 100644 --- a/src/app/sap/model/adressess/city.ts +++ b/src/app/sap/model/adressess/city.ts @@ -3,4 +3,6 @@ export class City{ AbsId : string Name : string + //codigo IBGE de 7 digitos: e por ele que a busca de CEP acha o municipio + IbgeCode? : string } \ No newline at end of file diff --git a/src/app/sap/model/item.ts b/src/app/sap/model/item.ts index 3cee22b3..16c8b274 100644 --- a/src/app/sap/model/item.ts +++ b/src/app/sap/model/item.ts @@ -19,6 +19,8 @@ export class Item{ descontoCondicaoPagamento : number jurosCondicaoPagamento : number OnHand: number + //deposito padrao da filial, o mesmo do OnHand (produto-tabela-v2.sql) - e dele que saem os lotes + WarehouseCode : string descontoVendedorPorcentagem : number = 0 PriceUnit MeasureUnit @@ -38,9 +40,13 @@ export class Item{ } getActions(): Action[] { - return [ + const acoes = [ new Action("", new ActionReturn("selected",this), "far fa-check-circle") ] + //sem deposito (catalogo offline, busca sem filial) nao ha de onde ler os lotes + if(this.WarehouseCode) + acoes.push(new Action("Lotes", new ActionReturn("ver-lotes",this), "fas fa-boxes", "secondary")) + return acoes } toString(){ diff --git a/src/app/sap/service/addresses/cep.service.spec.ts b/src/app/sap/service/addresses/cep.service.spec.ts new file mode 100644 index 00000000..16148e13 --- /dev/null +++ b/src/app/sap/service/addresses/cep.service.spec.ts @@ -0,0 +1,58 @@ +import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing'; +import { HTTP_INTERCEPTORS, HttpInterceptor } from '@angular/common/http'; +import { TestBed } from '@angular/core/testing'; +import { CepService } from './cep.service'; + +/** Interceptor que marcaria a chamada: a consulta de CEP nao pode passar por ele. */ +class MarcaInterceptor implements HttpInterceptor { + intercept(req, next) { return next.handle(req.clone({ setHeaders: { Authorization: 'Bearer segredo' } })); } +} + +describe('CepService', () => { + + let service: CepService; + let http: HttpTestingController; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [HttpClientTestingModule], + providers: [{ provide: HTTP_INTERCEPTORS, useClass: MarcaInterceptor, multi: true }], + }); + service = TestBed.inject(CepService); + http = TestBed.inject(HttpTestingController); + }); + + afterEach(() => http.verify()); + + it('consulta o ViaCEP so com os digitos e sem o token do app', () => { + let resultado; + service.consulta('76801-000').subscribe(it => resultado = it); + + const req = http.expectOne('https://viacep.com.br/ws/76801000/json/'); + expect(req.request.headers.has('Authorization')).toBeFalse(); + req.flush({ cep: '76801-000', uf: 'RO', ibge: '1100205' }); + + expect(resultado.ibge).toBe('1100205'); + }); + + it('CEP inexistente (erro: true) volta null', () => { + let resultado = 'nao respondeu' as any; + service.consulta('00000000').subscribe(it => resultado = it); + http.expectOne('https://viacep.com.br/ws/00000000/json/').flush({ erro: true }); + expect(resultado).toBeNull(); + }); + + it('falha de rede volta null', () => { + let resultado = 'nao respondeu' as any; + service.consulta('76801000').subscribe(it => resultado = it); + http.expectOne('https://viacep.com.br/ws/76801000/json/').error(new ProgressEvent('error')); + expect(resultado).toBeNull(); + }); + + it('CEP incompleto nem consulta', () => { + let resultado = 'nao respondeu' as any; + service.consulta('7680').subscribe(it => resultado = it); + http.expectNone(() => true); + expect(resultado).toBeNull(); + }); +}); diff --git a/src/app/sap/service/addresses/cep.service.ts b/src/app/sap/service/addresses/cep.service.ts new file mode 100644 index 00000000..e9714bdc --- /dev/null +++ b/src/app/sap/service/addresses/cep.service.ts @@ -0,0 +1,41 @@ +import { HttpBackend, HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { Observable, catchError, map, of } from 'rxjs'; + +/** O que o ViaCEP devolve e a tela usa. ibge e o codigo de 7 digitos do municipio. */ +export interface EnderecoCep { + cep : string + logradouro : string + bairro : string + localidade : string + uf : string + ibge : string +} + +/** + * Consulta de CEP no ViaCEP (publico, sem chave). Usa um HttpClient sem os interceptadores do app: + * eles poem o Authorization do nosso backend, o ViaCEP nao aceita esse cabecalho (CORS) e o token + * nao tem nada que sair para terceiro. Vai so o CEP. + */ +@Injectable({ + providedIn: 'root' +}) +export class CepService { + + private readonly http : HttpClient + + constructor(handler : HttpBackend) { + this.http = new HttpClient(handler) + } + + /** null quando o CEP nao existe ou o servico falhou - a tela segue no preenchimento manual. */ + consulta(cep : string) : Observable { + const digitos = (cep || '').replace(/\D/g, '') + if(digitos.length != 8) + return of(null) + return this.http.get(`https://viacep.com.br/ws/${digitos}/json/`).pipe( + map(resposta => resposta?.erro ? null : resposta as EnderecoCep), + catchError(() => of(null)) + ) + } +} diff --git a/src/app/sap/service/addresses/state.service.ts b/src/app/sap/service/addresses/state.service.ts index 6e27c50b..8a5b597a 100644 --- a/src/app/sap/service/addresses/state.service.ts +++ b/src/app/sap/service/addresses/state.service.ts @@ -11,8 +11,9 @@ export class StateService implements OnInit { url = "http://localhost:8080/state" + //servico nao roda ngOnInit: sem montar a URL aqui ela ficava presa em localhost:8080 constructor(private config : ConfigService, private hppCliente : HttpClient) { - + this.url = config.getHost()+"/state" } ngOnInit(){ diff --git a/src/app/sap/service/forma-pagamento.service.ts b/src/app/sap/service/forma-pagamento.service.ts index 55df3754..99a74040 100644 --- a/src/app/sap/service/forma-pagamento.service.ts +++ b/src/app/sap/service/forma-pagamento.service.ts @@ -25,6 +25,11 @@ export class FormaPagamentoService{ .pipe(map(value => value?.methods || [])) return this.hppCliente.get>(this.url+`/filial/${idFilial}/cardcode/${cardCode}`) } + + /** Formas liberadas para o portal, sem filtro de cliente nem filial: de onde o cliente novo escolhe. */ + liberadas() : Observable>{ + return this.hppCliente.get>(this.url+'/liberadas') + } } diff --git a/src/app/sap/service/pdf.service.spec.ts b/src/app/sap/service/pdf.service.spec.ts new file mode 100644 index 00000000..6b1f323e --- /dev/null +++ b/src/app/sap/service/pdf.service.spec.ts @@ -0,0 +1,27 @@ +import { PdfService } from './pdf.service'; + +/** Gera de verdade (html2canvas + jsPDF no Chrome headless); o save e interceptado pelo nome do arquivo. */ +describe('PdfService.baixarPdfPaginado', () => { + + function conteudoLongo(): HTMLElement { + const el = document.createElement('div'); + el.innerHTML = '

MINUTA

' + '

linha de texto da minuta

'.repeat(150); + document.body.appendChild(el); + return el; + } + + it('gera sem erro em uma pagina e em varias, e remove a copia fora da tela', async () => { + const el = conteudoLongo(); + const filhosAntes = document.body.children.length; + + await new PdfService().baixarPdfPaginado(el, 'uma.pdf', true); + await new PdfService().baixarPdfPaginado(el, 'varias.pdf'); + + expect(document.body.children.length).toBe(filhosAntes); + el.remove(); + }, 60000); + + it('nome de arquivo sem caracteres proibidos', () => { + expect(PdfService.nomeArquivo('Minuta 1 - A/B: "C"')).toBe('Minuta 1 - A B C'); + }); +}); diff --git a/src/app/sap/service/pdf.service.ts b/src/app/sap/service/pdf.service.ts index 7e5294de..9f5e558e 100644 --- a/src/app/sap/service/pdf.service.ts +++ b/src/app/sap/service/pdf.service.ts @@ -6,6 +6,59 @@ import html2canvas from 'html2canvas'; providedIn: 'root', }) export class PdfService { + + /** + * Gera e BAIXA o PDF do elemento em A4 sem esticar. Por padrao quebra em quantas paginas precisar; + * com umaPagina, se passar da altura do A4 reduz tudo na mesma proporcao para caber numa so. + * Renderiza uma copia fora da tela, na largura de A4: o original pode estar dentro de um modal com + * rolagem, e o html2canvas cortava o que estava fora da area visivel. Os estilos do componente + * continuam valendo na copia (os atributos _ngcontent vao junto no cloneNode). + */ + async baixarPdfPaginado(element: HTMLElement, fileName: string, umaPagina = false): Promise { + const larguraA4Px = 794 + const copia = element.cloneNode(true) as HTMLElement + const area = document.createElement('div') + area.style.cssText = `position:fixed;left:-10000px;top:0;width:${larguraA4Px}px;background:#fff;` + area.appendChild(copia) + document.body.appendChild(area) + try { + //imageTimeout: imagem que nao carrega nao pode segurar o botao por 15s (padrao do html2canvas) + const canvas = await html2canvas(copia, { scale: 2, useCORS: true, backgroundColor: '#ffffff', windowWidth: larguraA4Px, imageTimeout: 5000 }) + const pdf = new jsPDF('p', 'mm', 'a4') + const margem = 10 + const larguraUtil = pdf.internal.pageSize.getWidth() - 2 * margem + const alturaUtil = pdf.internal.pageSize.getHeight() - 2 * margem + if (umaPagina) { + const alturaImagem = canvas.height * larguraUtil / canvas.width + const escala = Math.min(1, alturaUtil / alturaImagem) + const largura = larguraUtil * escala + pdf.addImage(canvas.toDataURL('image/png'), 'PNG', margem + (larguraUtil - largura) / 2, margem, largura, alturaImagem * escala) + pdf.save(fileName) + return + } + //quantos pixels do canvas cabem na altura util de uma pagina, mantendo a proporcao + const alturaPaginaPx = Math.floor(canvas.width * alturaUtil / larguraUtil) + for (let topo = 0, pagina = 0; topo < canvas.height; topo += alturaPaginaPx, pagina++) { + const alturaFatia = Math.min(alturaPaginaPx, canvas.height - topo) + const fatia = document.createElement('canvas') + fatia.width = canvas.width + fatia.height = alturaFatia + fatia.getContext('2d').drawImage(canvas, 0, topo, canvas.width, alturaFatia, 0, 0, canvas.width, alturaFatia) + if (pagina > 0) + pdf.addPage() + pdf.addImage(fatia.toDataURL('image/png'), 'PNG', margem, margem, larguraUtil, alturaFatia * larguraUtil / canvas.width) + } + pdf.save(fileName) + } finally { + document.body.removeChild(area) + } + } + + /** Nome de arquivo sem os caracteres que Windows/Mac recusam. */ + static nomeArquivo(nome: string): string { + return nome.replace(/[\\/:*?"<>|]+/g, ' ').replace(/\s+/g, ' ').trim() + } + gerarPdfDoElemento(element: HTMLElement, fileName: string) { const a4Width = 794; const a4Height = 1122; diff --git a/src/app/sap/service/venda-futura.service.ts b/src/app/sap/service/venda-futura.service.ts index bf0e847e..3e81f2ba 100644 --- a/src/app/sap/service/venda-futura.service.ts +++ b/src/app/sap/service/venda-futura.service.ts @@ -9,6 +9,14 @@ import { PedidoTroca } from "../model/venda/pedido-troca"; import { FutureDeliverySales } from "../model/markting/future-delivery-sales"; import { EntregaPendenteBaixa } from "../model/venda/entrega-pendente-baixa"; +export interface NegociacaoContrato { + formaPagamentoCodigo : string | null + formaPagamento : string | null + condicaoPagamentoCodigo : number | null + condicaoPagamento : string | null + quantidadeParcelas : number | null +} + @Injectable({ providedIn: 'root' }) @@ -20,6 +28,11 @@ export class VendaFuturaService{ this.url = config.getHost()+"/contrato-venda-futura" } + /** Forma de pagamento e parcelamento do pedido de origem, para a minuta do contrato. */ + negociacao(docEntry : number): Observable { + return this.http.get(`${this.url}/${docEntry}/negociacao`) + } + get(id : string): Observable { let url = this.url+"/"+id return this.http.get(url).pipe( diff --git a/src/app/shared/components/modal/select/modal.select.component.html b/src/app/shared/components/modal/select/modal.select.component.html index 8c2eadea..26c71e7c 100644 --- a/src/app/shared/components/modal/select/modal.select.component.html +++ b/src/app/shared/components/modal/select/modal.select.component.html @@ -2,9 +2,9 @@
- + - @@ -17,21 +17,21 @@
-
- +
- diff --git a/src/app/shared/components/modal/select/modal.select.component.ts b/src/app/shared/components/modal/select/modal.select.component.ts index 1ac399c4..c49b2ada 100644 --- a/src/app/shared/components/modal/select/modal.select.component.ts +++ b/src/app/shared/components/modal/select/modal.select.component.ts @@ -26,6 +26,14 @@ export class ModalSelectComponent implements OnInit { @Input() uppercaseKeyword = false + @Input() + title : string + + /** Sem titulo o app-modal mostrava o padrao dele, "Titulo", em todas as buscas. */ + get tituloModal() : string { + return this.title || (this.name ? `Selecionar ${this.name}` : 'Selecionar') + } + @Input() set initialContent(value : any){ if(value) @@ -40,6 +48,10 @@ export class ModalSelectComponent implements OnInit { @Output() contentSelected = new EventEmitter(); + + /** Acao da linha que nao e a de selecionar (ex.: ver lotes do item): quem usa a busca decide o que fazer. */ + @Output() + outraAcao = new EventEmitter(); keyWord = "" content : any = null @@ -77,16 +89,8 @@ export class ModalSelectComponent implements OnInit { this.closeModal() this.contentSelected.emit(this.content) } - } - - /** - * Busca que retornou um resultado so: seleciona sozinho, para o usuario nao ter que abrir o - * modal e clicar na unica linha possivel. Mesmo efeito de clicar na linha em action(). - */ - selecionaUnico(item : any){ - this.content = item - this.closeModal() - this.contentSelected.emit(this.content) + else + this.outraAcao.emit(action) } clear(){ diff --git a/src/app/shared/components/search/search.component.html b/src/app/shared/components/search/search.component.html index 38c3c6ee..595f4676 100644 --- a/src/app/shared/components/search/search.component.html +++ b/src/app/shared/components/search/search.component.html @@ -1,6 +1,7 @@ diff --git a/src/app/shared/components/search/search.component.spec.ts b/src/app/shared/components/search/search.component.spec.ts index 0ca84175..8ae3b729 100644 --- a/src/app/shared/components/search/search.component.spec.ts +++ b/src/app/shared/components/search/search.component.spec.ts @@ -2,11 +2,7 @@ import { Subject, of, throwError } from 'rxjs'; import { SearchComponent } from './search.component'; import { Page } from '../../../sap/model/page.model'; -/** - * Por padrao, uma busca que retorna um resultado seleciona sozinha. O comportamento pode ser - * desativado nas telas em que o usuario ainda precisa consultar os dados desse resultado. - */ -describe('SearchComponent - selecao automatica de resultado unico', () => { +describe('SearchComponent - busca', () => { let component: SearchComponent; let selecionados: Array; @@ -21,26 +17,16 @@ describe('SearchComponent - selecao automatica de resultado unico', () => { beforeEach(() => { selecionados = []; component = new SearchComponent(); - component.modalSelect = { - selecionaUnico: (item) => selecionados.push(item), - clear: () => {} - } as any; + component.contentSelected.subscribe(item => selecionados.push(item)); + component.modalSelect = { clear: () => {} } as any; }); function comResultado(page: Page) { component.service = { search: () => of(page) } as any; } - it('seleciona sozinho quando a busca retorna um item', () => { - comResultado(pagina([{ ItemCode: 'PAC0000069' }])); - - component.searchService('OX BEEF'); - - expect(selecionados).toEqual([{ ItemCode: 'PAC0000069' }]); - }); - - it('mantem o resultado unico aberto quando a selecao automatica esta desativada', () => { - component.autoSelectSingleResult = false; + /** Resultado unico fica na lista para o usuario escolher: nada e selecionado sozinho. */ + it('nao seleciona sozinho quando a busca retorna um item', () => { comResultado(pagina([{ ItemCode: 'PAC0000069' }])); component.searchService('OX BEEF'); @@ -49,39 +35,9 @@ describe('SearchComponent - selecao automatica de resultado unico', () => { expect(component.resultadoBusca.content).toEqual([{ ItemCode: 'PAC0000069' }]); }); - it('nao seleciona nada quando a busca retorna mais de um item', () => { - comResultado(pagina([{ ItemCode: 'A' }, { ItemCode: 'B' }])); - - component.searchService('OX'); - - expect(selecionados).toEqual([]); - }); - - it('nao seleciona nada quando a busca nao retorna resultado', () => { - comResultado(pagina([])); - - component.searchService('NAO EXISTE'); - - expect(selecionados).toEqual([]); - }); - - /** Item unico na tela mas com proxima pagina nao e resultado unico da busca. */ - it('nao seleciona quando ainda ha proxima pagina', () => { - comResultado(pagina([{ ItemCode: 'A' }], 'proxima-pagina')); - - component.searchService('OX'); - - expect(selecionados).toEqual([]); - }); - - /** - * Paginando, a ultima pagina pode vir com um item so - nao e disso que se trata, e selecionar - * ali trocaria a escolha do usuario no meio da navegacao. - */ /** * Duas buscas em voo disputavam o mesmo resultadoBusca. A resposta atrasada da PRIMEIRA chegava - * depois de a segunda ter limpado a lista, entrava como unico resultado e disparava a selecao - * automatica - escolhendo o registro da consulta errada. + * depois de a segunda ter limpado a lista e a tela mostrava o resultado da consulta errada. */ it('descarta resposta atrasada de uma busca ja superada', () => { const primeira = new Subject>(); @@ -95,7 +51,6 @@ describe('SearchComponent - selecao automatica de resultado unico', () => { //a primeira responde DEPOIS da segunda ter comecado primeira.next(pagina([{ CardCode: 'CLI-ERRADO' }])); - expect(selecionados).toEqual([]); expect(component.resultadoBusca.content).toEqual([]); }); @@ -111,7 +66,7 @@ describe('SearchComponent - selecao automatica de resultado unico', () => { primeira.next(pagina([{ CardCode: 'CLI-ERRADO' }])); segunda.next(pagina([{ CardCode: 'CLI-CERTO' }])); - expect(selecionados).toEqual([{ CardCode: 'CLI-CERTO' }]); + expect(component.resultadoBusca.content).toEqual([{ CardCode: 'CLI-CERTO' }]); }); /** Pagina que chega depois de uma busca nova pertence a consulta antiga. */ @@ -136,12 +91,4 @@ describe('SearchComponent - selecao automatica de resultado unico', () => { expect(component.loading).toBeFalse(); }); - - it('nao seleciona ao trocar de pagina, mesmo com um item na pagina', () => { - comResultado(pagina([{ ItemCode: 'ULTIMO' }])); - - component.changePageService('OX'); - - expect(selecionados).toEqual([]); - }); }); diff --git a/src/app/shared/components/search/search.component.ts b/src/app/shared/components/search/search.component.ts index b86dea25..a5490d68 100644 --- a/src/app/shared/components/search/search.component.ts +++ b/src/app/shared/components/search/search.component.ts @@ -3,6 +3,7 @@ import { Column } from '../../../shared/components/table/column.model'; import { Page } from '../../../sap/model/page.model'; import { SearchService } from '../../../sap/service/search.service'; import { ModalSelectComponent } from '../modal/select/modal.select.component'; +import { ActionReturn } from '../action/action.model'; @@ -31,8 +32,9 @@ export class SearchComponent { @Input() uppercaseKeyword = false + /** Titulo do modal de resultados; sem ele fica "Selecionar {name}". */ @Input() - autoSelectSingleResult = true + title : string @Input() initialContent : T @@ -40,13 +42,14 @@ export class SearchComponent { @Output() contentSelected = new EventEmitter(); + @Output() + acaoResultado = new EventEmitter(); + /** * Cada busca nova ganha um numero de sequencia e resposta de sequencia velha e descartada. * * Sem isso, duas buscas em voo disputam o mesmo resultadoBusca: a resposta atrasada da PRIMEIRA - * chegava depois de a segunda ter limpado a lista, entrava como unico resultado e disparava a - * selecao automatica - escolhendo o registro da consulta errada. Em busca de cliente isso - * significa o pedido sair para outro parceiro sem ninguem perceber. + * chegava depois de a segunda ter limpado a lista e a tela mostrava o resultado da consulta errada. * * A troca de pagina herda a sequencia vigente: se uma busca nova comecou no meio, a pagina que * chegar depois pertence a consulta antiga e tambem tem que ser descartada. @@ -65,8 +68,6 @@ export class SearchComponent { this.resultadoBusca.content.push(...it.content) this.resultadoBusca.nextLink = it.nextLink this.loading = false - if(buscaNova) - this.selecionaResultadoUnico() }, //sem esse ramo uma busca que falha deixava o loading ligado para sempre error : () => { @@ -82,16 +83,6 @@ export class SearchComponent { this.changePageService(this.keyword, true) } - /** - * So vale para busca nova, nunca para troca de pagina: paginando, a ultima pagina pode vir com - * um item so e nao e disso que se trata. O nextLink tambem precisa estar vazio - se existe - * proxima pagina, o unico item da tela nao e o unico resultado da busca. - */ - private selecionaResultadoUnico(){ - if(this.autoSelectSingleResult && this.resultadoBusca.content.length == 1 && !this.resultadoBusca.nextLink) - this.modalSelect.selecionaUnico(this.resultadoBusca.content[0]) - } - contentSelectedFun($event){ this.contentSelected.emit($event) }