Corrigir nome da propriedade no modelo Filme e no formulário de cadas…

…tro de filmes

.gitignore

@@ -1,3 +1,4 @@
-
+# Ignore a pasta uploas
+uploads/
 # ignore a pasta node_modules
 node_modules/

app.js

@@ -25,6 +25,9 @@ app.set('view engine', 'handlebars');
 app.use(bodyParser.json());
 app.use(bodyParser.urlencoded({ extended: true }));
 
+
+
+
 //configuracao do multer
 const storage = multer.diskStorage({
  destination: function (req, file, cb) {
@@ -120,18 +123,17 @@ app.post('/criaUsuario', function (req, res) {
  });
 });
 
+
 app.post('/criaFilme', upload.single('imagemFilme'), async (req, res) => {
  try {
- const { nomeFilme, anoFilme, descricaoFilme } = req.body;
+ const { nomeFilme, categoriaFilme, anoFilme, descricaoFilme } = req.body;
  let fileFilme = '';
  if (req.file) {
  fileFilme = req.file.filename;
  }
- // Combine os valores selecionados dos checkboxes em uma única string separada por vírgulas
- const categoriasSelecionadas = req.body.categoriaFilme.join(',');
  await Filme.create({
  nomeFilme: nomeFilme,
- categoriaFilme: categoriasSelecionadas,
+ categoriaFilme: categoriaFilme,
  fileFilme: fileFilme,
  anoFilme: anoFilme,
  descricaoFilme: descricaoFilme,
@@ -196,25 +198,58 @@ app.post('/deletarFilme', async (req, res) => {
  }
 });
 
-app.post('/editarCategoria', async (req, res) => {
- const { id, genero, descricao, idUsuarioAtualizacao } = req.body;
+
+
+
+app.get('/editarCategoria/:id', async (req, res) => {
+ const categoriaId = req.params.id;
+
  try {
- const categoria = await Categoria.findByPk(id);
- if (!categoria) {
- return res.status(404).send('Categoria não encontrada');
- }
- categoria.genero = genero;
- categoria.descricao = descricao;
- categoria.idUsuarioAtualizacao = idUsuarioAtualizacao;
- await categoria.save();
- // Redireciona para a página de categorias após a edição da categoria
- res.redirect('/categoria');
+ // Busca a categoria com o ID especificado no banco de dados
+ const categoria = await Categoria.findByPk(categoriaId);
+
+ if (!categoria) {
+ return res.status(404).send('Categoria não encontrada');
+ }
+
+ console.log('Categoria encontrada:', categoria); // Verifica no console
+
+ // Renderiza o template 'editarCategoria' passando os dados da categoria
+ res.render('editarCategoria', { categoria });
  } catch (error) {
- console.error('Erro ao editar categoria:', error);
- res.status(500).send('Erro ao editar categoria');
+  console.error('Erro ao editar categoria:', error);
+  res.status(500).send('Erro ao editar categoria');
  }
 });
 
+app.post('/editarCategoria/atualizarCategoria/:id', async (req, res) => {
+ const categoriaId = req.params.id;
+ const { genero, descricao, idUsuarioAtualizacao } = req.body;
+
+ try {
+ // Busca a categoria no banco de dados pelo ID
+ const categoria = await Categoria.findByPk(categoriaId);
+
+ if (!categoria) {
+ return res.status(404).send('Categoria não encontrada');
+ }
+
+ // Atualiza os campos da categoria com os novos valores
+ categoria.genero = genero;
+ categoria.descricao = descricao;
+ categoria.idUsuarioAtualizacao = idUsuarioAtualizacao;
+
+ // Salva as alterações no banco de dados
+ await categoria.save();
+
+ // Redireciona para a página de listagem de categorias após a atualização
+ res.redirect('/categorias');
+ } catch (error) {
+ console.error('Erro ao atualizar categoria:', error);
+ res.status(500).send('Erro ao atualizar categoria');
+ }
+
+});
 
 
 app.listen(8081, function () {

package.json

@@ -14,6 +14,7 @@
  "express": "^4.19.2",
  "express-handlebars": "^4.0.6",
  "handlebars": "^4.7.8",
+ "method-override": "^3.0.0",
  "mongoose": "^8.3.0",
  "multer": "^1.4.5-lts.1",
  "mysql2": "^3.9.4",

views/editarCategoria.handlebars

@@ -1,11 +1,37 @@
- <style>
-  body {
+<style>
+ body {
  font-family: 'Poppins', sans-serif;
  background-image: url("/img/bg_lg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  header: 100hv;
  }
- </style>
 
- <form action=""></form>
+ .form-editar-categoria {
+ padding: 20px;
+ border-radius: 10px;
+ }
+
+ .form-editar-categoria h1 {
+ text-align: center;
+ margin: 20px auto;
+ color: #fff;
+ }
+</style>
+
+
+<section class="container">
+ <h1>Editar Categoria</h1>
+
+ <form action="atualizarCategoria/{{categoria.id}}" method="POST">
+ <label for="genero">Gênero:</label>
+ <input type="text" id="genero" name="genero" value="{{categoria.genero}}"><br><br>
+
+ <label for="descricao">Descrição:</label>
+ <textarea id="descricao" name="descricao">{{categoria.descricao}}</textarea><br><br>
+
+ <input type="hidden" name="idUsuarioAtualizacao" value="{{categoria.idUsuarioAtualizacao}}">
+
+ <button type="submit">Salvar Alterações</button>
+ </form>
+</section>

views/listaCategorias.handlebars

@@ -32,14 +32,12 @@
  <td>{{genero}}</td>
  <td>{{descricao}}</td>
  <td>
- <form action="/editarCategoria" method="POST" style="display: inline;">
- <a href="/editaCategoria/{{id}}">Editar</a>
- </form>
+ <a href="/editarCategoria/{{id}}">Editar</a>
+
  <form action="/deletarCategoria" method="POST" style="display: inline;">
  <input type="hidden" name="id" value="{{id}}">
  <button type="submit" class="btn btn-danger">Deletar</button>
  </form>
-
  </td>
  </tr>
  {{/each}}