[Front] Categoria Complicações relacionadas a ventilação mecânica

[sluisTW]

Descrição

Como coletador Quero inserir as informações sobre as complicações relacionadas à ventilação mecânica dos pacientes com COVID-19 Para que possa ser relacionada a entubação dos pacientes com o quadro de melhora ou mortalidade da doença.

Contexto

Esse formulário deve permitir que se salve mais de um registro para as complicações: Os campos presentes neste formulário seguem abaixo:

• Pneumotórax
  • Pneumotórax - data (obrigatório)
• Extubação acidental
  • Extubação acidental - data (obrigatório)
• Hemorragia
  • Em caso afirmativo para hemorragia, especificar o local - campo aberto
  • Hemorragia - data (obrigatório)
• Necessidade transfusional
  • Necessidade transfusional - data (obrigatório)
  • Em caso afirmativo para necessidade transfusional, especificar o tipo - (listar seed tipo de transfusão) - radio button
  • Volume da transfusão (em caso afirmativo para necessidade transfusional - valor em ml) - campo aberto (float)
• Outra(s) complicação(ões)
  • Em caso afirmativo para outras complicações, qual(is)? - Campo aberto (obrigatório)
  • Data outra(s) complicação(ões) - data (obrigatório)

Apesar de existirem campos obrigatórios, a validação é feita separadamente, ou seja:

• Se eu enviar informações de Pneumotórax (por exemplo), preciso obrigatoriamente da data preenchida. - VERIFICAR NO MODELO (pode ser que existam outros campos obrigatórios)

• As complicações relacionadas a ventilação mecânica são independentes: se eu preencher o Pneumotórax e não preencher outras complicações, então, apenas os dados do Pneumotórax será salvo. Essa condicional se repete nas demais complicações.

Dentro de escopo

• Criar formulário de "Complicações relacionadas a ventilação mecânica" conforme Figma
• Cada formulário deve estar vinculado ao paciente em específico.
• Exibir dados previamente cadastrados na própria página.
• Mesmo depois de salvo, novas ocorrências podem ser adicionadas (cada nova ocorrência é um novo registro no BD).
• Fazer redirecionamento para as páginas do menu superior.
• Exibir no topo superior direito a data de cadastro e o número de prontuário do paciente.
• Retornar seeds:
  • Tipo de complicação VM
  • Tipo de transfusão
• Após salvo, os cards devem aparecer por ordem crescente de data.

Fora de escopo

• Edição de campos previamente salvos pelo coletador

Critérios de Aceite

• [x] 1. Incluir nova ocorrência - durante o preenchimento Dado que inclui uma nova ocorrência de "Complicações relacionadas a ventilação mecânica" Quando clicar no botão "ADICIONAR OCORRÊNCIA" Então o campo para preenchimento da nova ocorrência será exibido abaixo do cabeçalho E a ocorrência preenchida anteriormente ficará abaixo da nova ocorrência.

• [x] 2.Excluir uma ocorrência Dado que eu incluí uma nova ocorrência e ainda não salvei os dados Quando clicar no ícone para excluir o exame Então a caixinha do exame será excluída

• [x] 3. Salvar "Complicações relacionadas a ventilação mecânica" com sucesso Dado que eu esteja na pagina de "Complicações relacionadas a ventilação mecânica" de um paciente Quando salvar a página, informando os dados corretamente Então o sistema exibe a mensagem "Dados salvos com sucesso" por 5 segundos
 E exibe as complicações salvas recolhidas na própria página E não permite excluir informações salvas

• [x] 4. Expandir ítens previamente cadastrados Dado que eu estou na página de "Complicações relacionadas a ventilação mecânica" com dados previamente cadastrados Quando clicar em uma complicação (que estará recolhida) Então o campo com o as informações da complicação serão expandidas

• [x] 5. Validações nos campos obrigatórios Dado que eu NÃO preencha completamente os campos obrigatórios durante o preenchimento Quando tentar salvar Então o campo faltante ficará destacado E aparecerá mensagem em vermelho abaixo do campo

• [x] 6. Acessar página "Complicações relacionadas a ventilação mecânica" Dado que eu esteja na página de Categorias Quando clicar na opção "Complicações relacionadas a ventilação mecânica" Então devo ser direcionado para a página

Protótipo

https://www.figma.com/file/1NBrCq4yx1A85TzvlHW1Gs/Registro-COVID?node-id=685%3A412