01. DADOS GERAIS

02. SITUAÇÃO/REQUISITO

Atualmente as validações dos campos obrigatórios está iniciando de baixo para cima. 

Devemos ajustar a validação de cima para baixo, e direcionamento para o campo obrigatório de digitação. 

Cenário Atual de Validação:

Identificação da Receita:

Identificação do Médico (Dados do Profissional)

Identificação

Nome do Paciente

DNP:

Olho Esquerdo (Longe)

DNP Olho Direito (Longe)

Dados de Medida da Armação:

Maior Diâmetro

Altura Pupilar Olho Esquerdo

Altura Pupilar Olho Direito

Tamanho da Ponte

Medida Vertical

Medida Horizontal

Armação:

Forma da Armação

Tipo de Armação

Composição do Óculos:

Inclusão do Produto à Receita

Cenário Desejado:

Composição do Óculos:

Inclusão do Produto à Receita

Dados de Medida da Armação: 

Medida Horizontal

Medida Vertical

Tamanho da Ponte

Altura Pupilar Olho Direito

Altura Pupilar Olho Esquerdo

Maior Diâmetro

DNP:

DNP Olho Direito (Longe)

Olho Esquerdo (Longe)

Armação:

Tipo de Armação

Forma da Armação

Identificação da Receita:

 Nome do Paciente

Identificação do Médico (Dados do Profissional)

Identificação

O alerta da mensagem deverá ser no padrão THF (Thf Notification) e quando exibir a notificação ser possível direcionar para o campo obrigatório para facilitar a usabilidade do usuário. 

03. SOLUÇÃO

As mensagens de validação serão apresentadas no modelo padrão de notificação do THF (ThfNotification) e passará a conter os seguinte comportamentos:

1) Apresentará múltiplas mensagens de validação nas situações em que seja identificado a necessidade de informação de mais de um campo.

2) Direcionará o foco da tela para o primeiro campo que necessita ser informado.

3) A ordem de validação será alterado de acordo com o "Cenário Desejado"

04. DEMAIS INFORMAÇÕES

Não se aplica.

05. ASSUNTOS RELACIONADOS

• Thf Notification

<style>
div.theme-default .ia-splitter #main {
    margin-left: 0px;
}
.ia-fixed-sidebar, .ia-splitter-left {
    display: none;
}
#main {
    padding-left: 10px;
    padding-right: 10px;
    overflow-x: hidden;
}

.aui-header-primary .aui-nav,  .aui-page-panel {
    margin-left: 0px !important;
}
.aui-header-primary .aui-nav {
    margin-left: 0px !important;
}
</style>