asap-supplementary-data v12.2.7

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:

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.