AsapSupplementaryData v0.0.1

Componente de dados complementares do usuário

Dependências

Esse componente tem como depedências:

• angular
• angular/material

Instalação

Usando NPM

npm i asap-supplementary-data

Para o correto funcionamento do componente é necessário os seguintes itens no localStorage:

| Item | Descrição | Exemplo | | ------------ | ------------ | ------------ | | token | Token do usuário logado | Bearer JWT | | supplementary_data_check | Verificação se o usuário já preencheu os dados complementares | 0/1 | | client | ID do cliente na ASAP | number | | loggedUser | dados do usuário logado | JSON: {data: {id: ..}} | | apiURL | URL da api utilizada | https://api.dominio.com.br/ |

Utilização

Para exibir o formulário, basta adicionar o componente:

<asap-supplementary-data></asap-supplementary-data>

Para verificar a obrigatoriedade no preenchimento do formulário de cadastro complementar:

• Adicione o modal no tela que será usada após a autenticação

<div class="modal fade in" id="supplementary-data-modal" data-keyboard="false" data-backdrop="static">
  <div class="modal-dialog  modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Dados complementares</h5>
      </div>
      <div class="modal-body">
        <asap-supplementary-data (afterSave)="onSubmit()"></asap-supplementary-data>
      </div>
    </div>
  </div>
</div>

• Adicione a verificação no typescript:

ngOnInit() {
  const sdRequired = AsapClientPipe.dictionary.supplementaryDataRequired;
  const check = localStorage.getItem('supplementary_data_check');
  const lu = localStorage.getItem('loggedUser');
  if (lu && sdRequired && check === '0') {
    $('#supplementary-data-modal').modal();
  }
}

onSubmit() {
  $('#supplementary-data-modal').modal('hide');
}

Atualizações

Componente em fase de desenvolvimento.