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