Ir para o conteúdo principal

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 Button;
    • Validações: Obrigatório;
    • Opções: Fixo no código do front-end as opções "ATIVO" e "INATIVO";
  • Título
    • Tipo: Alfanumérico;
    • Validações: Obrigatório, Máximo 50 caracteres, Não permite emojis;
    • Ajuda Tooltip: "Este será o nome de exibição do arquivo para o usuário";
  • Tela
    • Tipo: Dropdown;
    • Validações: Obrigatório;
    • Fonte de Dados: Link API;
    • Ajuda Tooltip: "Selecione aqui a tela a qual esse tutorial diz respeito";
  • Municípios
    • Tipo: Dropdown Multi-Seleção;
    • Validações: Obrigatório;
    • Fonte de Dados: Link API;
    • Ajuda Tooltip: "Selecione aqui o(s) município(s) para os quais o tutorial será disponibilizado";
    • Regra: Campo é desabilitado em modo de edição;
  • Adicionar Arquivos
    • Tipo: Anexos;
    • Validações: Obrigatório, Máximo 1 arquivo, Tamanho máximo: 10 MB;
    • Extensões permitidas: .doc, .docx, .pdf, .ppt, .pptx, .ppsx, .pot, .mp4, .avi, .mkv, .mov, .wmv, .webm, .flv, .mpeg, .3gp, .ogg;
    • 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;

    Botões

    Ao final do formulário contém um botão "Salvar" com um ícone de "check", no qual ao clicar deverá realizar a validação do formulário, impedindo de prosseguir caso haja erro em algum campo, e quando estiver sem erros o registro será salvo (Link da API da rota de salvar) e o usuário será redirecionado para a tela de pesquisa.

    Imagens da Tela

    Screenshot from 2025-03-06 13-31-38.png

    Screenshot from 2025-03-06 13-31-46.png