soujunior / devit-se-frontend Goto Github PK

Unificação do Formulário e inclusão do Repositório da Sou Júnior

• Link para o FIGMA

• Link da US Original

Campo título da vaga:

• Dropdown com opção padrão (default) sendo "Selecionar";
• Dropdown com opções de: UX Designer, UI Designer, Product Designer, Dev. Front-End, Dev. Back-End, Full Stack, Agilista e Quality Assurance;
• Campo obrigatório (validação).

Nível da vaga:

• Dropdown com opção padrão (default) sendo "Selecionar";
• Dropdown com opções de: Sênior, Pleno, Júnior, Outros;
• Opção outros com um campo em branco para preenchimento da senioridade da vaga, de no máximo 20 caracteres;
• Campo obrigatório (validação).

Canal de divulgação:

Nesse campo as opções disponibilizadas contém uma condicional atrelada.
seção 1 - Resumo da vaga
seção 2 - Empresa - seção exclusiva para canal de divulgação Devit
seção 3 - Vaga

• Dropdown com opção padrão (default) sendo "Selecionar";
• Dropdown com opções de: Devit, Linkedin, Indeed, Google e Outros;
• Se "Devit" for selecionado como o canal de divulgação aparecerá a seção1; seção 2 e seção 3;
• Se "LinkedIn", "Indeed", "Google" ou "Outros" for selecionado como o canal de divulgação aparecerá a seção1 e seção 3;
• Opção outros com um campo em branco para descrever o canal de divulgação;, de no máximo 20 caracteres;
• Campo obrigatório (validação).

Status:

• Dropdown com opção padrão (default) sendo "Selecionar";
• Dropdown com opções de: Ativo e Inativo;
• Quando selecionado opção "INATIVO" a sessão "Resumo da Vaga" deve DESABILITAR os campos em tela;
• Campo obrigatório (validação).

Formato da vaga:

Nesse campo as opções disponibilizadas contém uma condicional atrelada.
seção 1 - Resumo da vaga
seção 2 - Empresa - seção exclusiva para canal de divulgação Devit
seção 3 - Vaga

• Dropdown com opção padrão (default) sendo "Selecionar";
• Dropdown com opções de: Home Office, Híbrido e Presencial;
• Se "Home office" for selecionado como status aparecerá a seção1 e seção 3;
• Se "Híbrido" ou "Presencial" for selecionado como o formato da vaga, aparecerá a seção 1, seção 2 e seção 3;
• Somente quando selecionadas opções "Presencial" e "Híbrido" o campo de frequência "2X na semana", 3X na semana", etc., deve retornar em tela.
• Campo obrigatório (validação).

Empresa:

• Input para o usuário inserir o nome da empresa;
• Campo obrigatório (validação).

Data de divulgação:

• Deve aceitar apenas data corrente e data futura;
• Exibir Date Picker;
• Exibir máscara DD/MM/AA;
• Campo obrigatório (validação).

Data de finalização:

• Deve aceitar apenas data corrente e data futura;
• Exibir Date Picker;
• Exibir máscara DD/MM/AA.

Link para o FIGMA

Link da SouJunior/products#342

Campo Empresa:

• Preenchimento automático do campo empresa, campo preenchido na seção 1;
• Campo deverá ser obrigatório.

CNPJ:

• Alterar o placeholder para a máscara "00.000.000/0001-00";

Setor:

• Dropdown com opção padrão (default) sendo "Selecionar", as opções apresentadas são: Tecnologia da informação, Saúde, Financeiro, Varejo, Educação, Indústria automotiva, Logística e Outros;
• Quando selecionado "Outros" deverá habilitar uma caixa de texto "Outros", com o limite de 20 caracteres;

Endereço:

• Exibir o placeholder como este exemplo: "Rua, Avenida, Praça"; "Nº"; "Bloco";

Complemento:

• Exibir o label "Complemento";

Bairro:

• Exibir o label "Bairro";

Responsável:

• Exibir campo para preenchimento do contato responsável pela vaga";

E-mail:

• Exibir campo para preenchimento com o e-mail do contato responsável pela vaga e confirmar se os caracteres especiais são exibidos (@);
• Se o @ não for digitado, a seguinte mensagem aparece "campo incorreto";

Telefone 1:

• Exibir o campo com o telefone do contato responsável pela vaga, utilizando a máscara "(00) 00000-0000" como placeholder;
• Se não houver onze números, a seguinte mensagem aparecerá "campo incorreto";

Link para o FIGMA

Link da SouJunior/products#342

Campo vaga:

• Dropdown com opção padrão (default) sendo "Selecionar"
• Preenchimento automático do campo empresa, campo preenchido na seção 1;
• Campo deverá ser obrigatório.

Nível da vaga:

• Preenchimento automático do campo empresa, campo preenchido na seção 1;

Formato da vaga:

• Preenchimento automático do campo empresa, campo preenchido na seção 1;

Tipo de contrato:

• Dropdown com opção padrão (default) sendo "Selecionar", deverá aparecer as opções CLT, PJ e Outros;
• Quando a opção "Outros" for selecionada, deve habilitar em tela a caixa de texto "Outros", com limite de 20 caracteres

Salário:

• Exibir placeholder com a máscara "R$ 000,00"

Benefícios:

• Exibir placeholder com opções separados por ponto e vírgula (Plano de Saúde; Vale Alimentação; Seguro de Vida; Vale Refeição);

Descrição da vaga:

• Inserir campo para descrição da vaga;

Requisitos (Soft Skills):

• Exibir placeholder com opções separadas por ponto e vírgula (Autorresponsabilidade; Flexibilidade; Inteligência Emocional; Facilitação);

Requisitos (Hard Skills):

• Exibir placeholder com opções separados por ponto e vírgula (JavaScript; Springboot; NodeJS);

Nota Devit:

• Exibir uma lista com opções de notas de 1 a 5 (será inserida posteriormente, conforme a User Story específica
  para a avaliação da Devit.)

Link para o FIGMA
US - SouJunior/products#84

• Criação do Componente Paginação
• Criação do Componente Tabela (Visual)
• Filtro de Status
• Filtro de Data de Candidatura
• Filtragem da coluna "Vaga"

Link para o FIGMA

Link da SouJunior/products#342

Modal (Salvar e Publicar):

• Ao clicar o botão "salvar rascunho" as informações do formulário serão salvas como como um rascunho para revisão e edição posterior.
• Ao clicar no botão "publicar" após o preenchimento, aparecerá um pop-up com a opção de revisar todos os detalhes inseridos antes de confirmar o cadastro da vaga;
• Caso haja erros ou campos em branco será indicado, com uma mensagem de erro "revisar os espaços indicados";
• Os campos obrigatórios em branco no formulário ficarão com uma cor de destaque para auxiliar na identificação do erro;

• Link para o FIGMA

• Link da US Original

Link para o FIGMA
US - SouJunior/products#84

• Criacao de Menu Vertical
• Criacao de Item de Menu
• Criacao de Item de SubMenu
• Criação do Card com Nota
• Criação do Componente Select