Skip to content
On this page

View component

View component é nosso framework para criar os componentes da plataforma, e principalmente as páginas dos relatórios.

Como criar um novo componente?

rails g view_component NomeDoComponente

Com stimulus:

rails g view_component NomeDoComponente --stimulus

Arquivos criados

  • component.html.erb Código html para o component
  • component.rb Código ruby do componente responsável pela lógica interna do componente e inicialização das varíaveis
  • preview.rb Um arquido de preview do component para utilizar no lookbook
  • /spec/component_spec.rb Teste rspec do componente

Stimulus

O stimulus funciona de forma semelhante ao stimulus normal, com algumas adições de rake tasks para automatizar a importação, então sempre que criar um novo controller stimulus para um componente utilize o comando rails stimulus:manifest:update para importar o js

Estilização

Para estilizar simplesmente crie um arquivo component.css dentro da pasta do componente e importa no arquivo style_entrypoint.js

Exportar component para excel

Para exportar para excel crie um arquivo component_excel dentro da pasta do component, crie o método render_xlsx que recebe os dados e a estilização do excel e utilize gem do calsx em código ruby para montar o excel correspondente daquele componente