Tela de Formulário

Informações Gerais

Descrição: Essa tela tem como objetivo realizar o cadastro de Tutoriais, permitindo vincular documentos e vídeos explicativos a telas específicas do sistema para determinados municípios.

URL: Tela de Formulário - Tutoriais

Caminho para a tela: Configurações > Tutoriais

Campos do Formulário

• Situação do Cadastro (apenas em edição)
  • Tipo: Radio ButtonButton;
  • Validações: Obrigatóriorio;
  • Opções: AtivoFixo (1)no /código Inativodo (0)front-end as opções "ATIVO" e "INATIVO";
• Título
  • Tipo: Alfanuméricorico;
  • Validações: - Obrigatório -rio, Máximo 50 caracterescaracteres, -Não Permitepermite emojisemojis;
  • Ajuda Tooltip: "Este será o nome de exibição do arquivo para o usuário";
• Tela
  • Tipo: DropdownDropdown;
  • Validações: Obrigatóriorio;
  • Fonte de Dados: Link API getTelas;
  • Ajuda Tooltip: "Selecione aqui a tela a qual esse tutorial diz respeito";
• Municípios
  • Tipo: Dropdown Multi-select dropdownSeleção;
  • Validações: Obrigatóriorio;
  • Fonte de Dados: Link API getTenants;
  • Ajuda Tooltip: "Selecione aqui o(s) município(s) para os quais o tutorial será disponibilizado";
  • Observação:Regra: Campo é desabilitado em modo de ediçãoo;
• AnexosAdicionar Arquivos
  • Tipo: Upload de arquivoAnexos;
  • Validações: - Obrigatório -rio, Máximo 1 arquivo -arquivo, Tamanho máximo: 10 MBMB;
  • Extensões permitidas: - Documentos: .doc, .docx, .pdf - Apresentações:pdf, .ppt, .pptx, .ppsx, .pot - Vídeos:pot, .mp4, .avi, .mkv, .mov, .wmv, .webm, .flv, .mpeg, .3gp, .oggogg;
  • Texto descritivo: "São permitidos arquivos com tamanho máximo de 10 MB nas seguintes extensões: doc, docx e pdf (documento de texto), ppt, pptx e ppsx (documento de slideshow), mp4, mov, avi, webm, entre outros (vídeo).";
  • Rota que salva o anexo nos clientes selecionados: Link API;

Funcionalidades

Botões

• Salvar
• Botão localizado no

  Ao final do formulário

• Aocontém clicar:um 1.botão Realiza"Salvar" com um ícone de "check", no qual ao clicar deverá realizar a validação do formulário, impedindo de todosprosseguir oscaso camposhaja 2.erro Seem válido,algum enviacampo, dadose quando estiver sem erros o registro será salvo (Link da API da rota de salvar) e o usuário será redirecionado para API saveTutorial 3. Em caso de sucesso: - Exibe toast de sucesso "Tutorial salvo com sucesso!" - Redireciona paraa tela de pesquisapesquisa.
  (/configuracoes/tutoriais/pesquisar)

Imagens

da

UploadTela

de

Anexo

• Ao fazer upload de um arquivo: 1. Converte arquivo para base64 2. Envia para API saveTutorialAnexo com dados do arquivo e lista de clientes selecionados 3. Permite apenas um arquivo por tutorial 4. Em caso de tentativa de upload de mais arquivos, exibe mensagem "O tutorial deve possuir somente um arquivo."