@senior-hcm-service-tower/hst-lookup
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

HCM Service Tower Senior - Lookup 🚀

Componente desenvolvido para uso em telas customizadas e BPMs pelo time de serviços customizados HCM da Senior Sistemas.

📝 Requisitos

  • Angular: 18.0.1
  • primeflex: 3.3.1
  • primeicons: 7.0.0
  • primeng: 17.18.9

🛠️Configuração

Após importar o componente, será necessário:

Serviço: Criar um serviço implementando ServiceSearch da biblioteca, onde será necessário adicionar a função find recebendo: top, skip e filter e retornando um objeto do tipo: Observable<ResultListInterface< T >> Obs.: Após o parâmetro "filter", podemos adicionar um objeto contendo parâmetros adicioneis para uso em buscas personalizadas

Exemplo:

export class CollaboratorsService implements ServiceSearch<CollaboratorModel> {
  constructor(private http: HttpClient) { }

  find(top = 10, skip = 0, filter: string, args?: Record<string, string>): Observable<ResultListInterface<CollaboratorModel>> {
    return this.http.get<ResultListInterface<CollaboratorModel>>(`${url}?top=${top}&${skip}&${filter}`);
  }
}

Configuração: No componente que utiliza essa biblioteca será necessário criar uma configuração do tipo SearchConfigModel informando:

  • filterType: Lista de objeto FilterType onde será parametrizado os campos disponíveis para visualização na tabela de busca. Exemplo:
filterType: [
  { label: 'Matrícula', field: 'matricula_do_colaborador' } as FilterType,
  { label: 'Nome', field: 'nome_do_colaborador' } as FilterType
],
  • patternField: Informação que será exibida no campo após seleção do objeto, parametrizad via string utilizando as variáveis por chave ${}. Exemplo:
patternField: '${matricula_do_colaborador} - ${nome_do_colaborador}',
  • service: Serviço criado no item anterior
  • initialValue (opcional): Valor inicial do componente (Objeto).

🔧 Inputs

Input Entrada Descrição
config SearchConfigModel Configuração para uso
title String Título (opcional) do modal de busca
control AbstractControl Insere o valor parametrizado em configuração no control do formulário
onChange function(event):void Função (opcional) de onChange retornando o objeto selecionado
disabled true / false Valor padrão: false

Readme

Keywords

none

Package Sidebar

Install

npm i @senior-hcm-service-tower/hst-lookup

Weekly Downloads

64

Version

1.0.2

License

none

Unpacked Size

63 kB

Total Files

18

Last publish

Collaborators

  • senior_gilmar.bennert
  • maicon.aguero