1 - Introdução 2 - Sobre o treinamento 3 - Configurar projeto 4 - Criar arquivo app.js 5 - Framework Express 6 - Nodemon 7 - Criando base de dados e tabela 8 - Criando conexão com o banco MySQL 9 - Utilizando express-handlebars 10 - Bootstrap 11 - Estruturando projeto front-end 12 - Estilizando projeto front-end 13 - Rota de cadastro 14 - Upload de arquivos 15 - Cadastrar produtos 16 - Seleção de produtos (parte 1) 17 - Seleção de produtos (parte 2) 18 - Estilizando listagem de produtos 19 - Rota para remoção de produtos 20 - Implementando a remoção de produtos 21 - Rota para alteração de produtos 22 - Formulário para edição de produtos 23 - Exibindo dados do produto via formulário 24 - Rota para edição de produtos 25 - Resolvendo erro do upload 26 - Implementando o comando SQL Update 27 - Executar comandos SQL para atualizar produtos 28 - Implementando mensagens 29 - Validação da rota de cadastro 30 - Validação da rota de edição 31 - Validação da rota de remoção 32 - Exibição de mensagens 33 - Implementando o partials

32 - Exibição de mensagens

Olá pessoal, nessa trigésima segunda aula do treinamento de Node.js e MySQL, iremos criar as mensagens que serão exibidas em cada uma das ações de: cadastro, alteração e exclusão.

No arquivo app.js, precisamos configurar o uso de uma condicional para em nosso express-handlebars:

// Configuração do express-handlebars
app.engine('handlebars', engine({
    helpers: {
      // Função auxiliar para verificar igualdade
      condicionalIgualdade: function (parametro1, parametro2, options) {
        return parametro1 === parametro2 ? options.fn(this) : options.inverse(this);
      }
    }
  }));
app.set('view engine', 'handlebars');
app.set('views', './views');

No arquivo formulario.handlebars, acima do formulário, iremos criar nossas condicionais:

{{#condicionalIgualdade situacao "okCadastro"}}
<div class="alert alert-success">Produto cadastrado com sucesso!</div>
{{/condicionalIgualdade}}

{{#condicionalIgualdade situacao "okEdicao"}}
<div class="alert alert-success">Produto editado com sucesso!</div>
{{/condicionalIgualdade}}

{{#condicionalIgualdade situacao "okRemover"}}
<div class="alert alert-success">Produto removido com sucesso!</div>
{{/condicionalIgualdade}}

{{#condicionalIgualdade situacao "falhaCadastro"}}
<div class="alert alert-danger">Falha ao cadastrar o produto, tente novamente.</div>
{{/condicionalIgualdade}}

{{#condicionalIgualdade situacao "falhaEdicao"}}
<div class="alert alert-danger">Falha ao editar o produto, tente novamente.</div>
{{/condicionalIgualdade}}

{{#condicionalIgualdade situacao "falhaRemover"}}
<div class="alert alert-danger">Falha ao remover o produto, tente novamente.</div>
{{/condicionalIgualdade}}

Abaixo estará disponível um vídeo executando cada etapa dessa parte do tutorial: