Cat UI
GitHub
  • Comece por aqui
    • 1. Instalação
      • Icones
      • Bootstrap
    • 2. Aplicando Tema
    • 3. Estrutura da aplicação
    • 4. Segurança
      • OpenID (Opcional)
      • Claims (Optional)
  • Menu
    • Sidenav
    • Toolbar
    • Dropdown
    • Tab
  • Exibição de Dados
    • Datatable
    • Componentes Dinâmicos
    • Exportação e Download de Dados
      • .csv
      • .xlsx
      • Visualizar .pdf
      • Download base64
    • Chip
  • Formulário
    • Formulário Dinâmico
    • Lista de Itens
    • Campos Personalizados
    • Stepper
    • Expansive Panel
    • Filtro Sobre Demanda
  • Janelas e Alertas
    • Dialog
    • Confirm
    • Alert
    • Snackbar
    • SideWindow
    • Notifications
    • Tooltip
  • Loaders
    • Spinner
    • Loader Page
  • Botões
    • Button
  • Abstrações
    • ServiceBase
    • ComponentBase
    • CRUDComponentBase
    • FormBase
  • Guias
    • Criando uma Aplicação de CRUD
      • Criando Projeto
      • Estrutura
      • Tela de Login
      • Menu
      • Tela de Adoção
      • Serviço HTTP
      • Lista de Pets
      • Formulário de Cadastro e Edição
      • Excluir Pet
      • Conclusão
Powered by GitBook
On this page
  • Métodos
  • Configuração

Was this helpful?

  1. Abstrações

ServiceBase

Abstração de requisições HTTP

PreviousButtonNextComponentBase

Last updated 2 years ago

Was this helpful?

Métodos

save

Este método realiza POST e PUT (Caso informe o id).

getAll

Este método retorna uma lista de objetos através de um filtro (Opcional).

getById

Este método retorna um objeto pelo id.

delete

Este método exclui um objeto pelo id.

deleteMany

Este método exclui um ou mais objetos por uma lista de ids.

exportByService

Este método exporta em csv ou xlsx dados através de paginação.

Ao executar este método, será exibido um contendo o progresso da exportação.

getDatatable

Configuração

Para que funcione conforme esperado, inclua a partir do método super no construtor da classe o HttpClient e o nome do mainResource da API que deseja integrar, como por exemplo:

https://{HOST}/{mainResource}

Esta classe permite a utilização de Mockup, informando no construtor através no método super as opções necessárias.

import { CatServiceBase } from '@catrx/ui/common';

export class ExampleService extends CatServiceBase {
  constructor(httpClient: HttpClient) {
    super(httpClient, 'cat', {
      useMockup: true,
      mockupStartBase: [
        {...}
      ]
    })
  }
}

O host da API que será integrada por padrão utiliza a informada em seu arquivo environment pelo atributo hostApi, porém, caso queira utilizar algum personalizado, basta informar nas opções através do método super.

import { CatServiceBase } from '@catrx/ui/common';

export class ExampleService extends CatServiceBase {
  constructor(httpClient: HttpClient) {
    super(httpClient, 'cat', {
      customHost: 'https://example.com'
    })
  }
}

Este método é obrigatório de implementação, tendo como objetivo a padronização dos dados retornados para o componente de .

A opção mockupStartBase é opcional e ela definirá o estado inicial de seu mockup, populando uma lista inicial, que poderá ser acessada através do método .

Loader Page
Datatable
getAll