From 97cfd1067ae7bf1ad098333bd0f17a9f6c6153d1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ana=20Ma=C3=ADsa?= Date: Thu, 15 Jun 2023 10:42:52 -0300 Subject: [PATCH] CRUD categorias completo! --- crud.js | 206 +++++++++++++++++++++++++++++++++++++---------------- index.html | 96 ++++++++++++++++++++++--- style.css | 3 + 3 files changed, 233 insertions(+), 72 deletions(-) diff --git a/crud.js b/crud.js index 403df75..b33408b 100644 --- a/crud.js +++ b/crud.js @@ -7,6 +7,17 @@ const btnConcluida = document.querySelector('#tar-concluidas') const dropNotifica = document.querySelector('#notificacoes') const qtdNot = document.querySelector('#qtd-not') +// Categorias +const confCat = document.querySelector('#confCat') +const formCat = document.querySelector('#form-categoria') +const listCat = document.querySelector('.list-group') +const nomeCat = document.querySelector('#nome') +const corCat = document.querySelector('#cores') +const formEdCat = document.querySelector('#form-ed-categoria') +const edNomeCat = document.querySelector('#edNome') +const edCorCat = document.querySelector('#edCores') +const edCategoria = document.querySelector('#edCategoria') + // Elementos do Formulário de Criação const tituloTarefa = document.querySelector('#titulo') const descTarefa = document.querySelector('#desc') @@ -42,14 +53,127 @@ let notifica = ''; //IMPLEMENTAÇÃO DOS CRUDs const db_user = []; -const dbTask = []; -//TAREFAS -//Create +// CATEGORIAS +// Create + +const getCat = () => JSON.parse(localStorage.getItem('dbCat')) ?? [] +const setCat = (dbCat) => localStorage.setItem("dbCat", JSON.stringify(dbCat)) + +formCat.addEventListener('submit', (e) => { + createCat({nome: nomeCat.value, cor: corCat.value}) + + mostraCategorias() + formCat.reset() +}) + +const createCat = (categoria) => { + dbCat = getCat() + dbCat.push(categoria) + console.log(dbCat) + setCat(dbCat) +} + +// Read +const readCategorias = () => getCat() + +confCat.addEventListener('click', (e) => { + mostraCategorias() +}) + +function mostraCategorias(){ + listCat.innerHTML = '' + let categorias = '' + + for(let categoria of readCategorias()){ + if(categoria.nome != 'Sem Categoria'){ + categorias = categorias + `` + } + } + + if(categorias == ''){ + listCat.innerHTML = '

Sem Categoria...

' + }else{ + listCat.innerHTML = categorias + } +} + +function corCategoria(nome){ + let categ = readCategorias().filter(catg => catg.nome == nome.trim()) + + return categ[0].cor +} + +// Update +function formUpCat(nome){ + let cat = readCategorias().filter(catAtual => catAtual.nome == nome) + + edCategoria.innerText = cat[0].nome + edNomeCat.value = cat[0].nome + edCorCat.value = cat[0].cor +} + +formEdCat.addEventListener('submit', (e) => { + + const newCat = { + nome: edNomeCat.value, + cor: edCorCat.value + } + + + atualizaCategoria(edCategoria.innerText, newCat) + +}) +function atualizaCategoria(nome, newCat){ + let atualizar = readCategorias().find((categoria) => categoria.nome == nome) + const index = findIndex(readCategorias(), atualizar) + dbCat = readCategorias() + dbCat[index] = newCat + setCat(dbCat) + mostraCategorias() +} + +//Delete +function apagaCategoria(nome){ + let teste = 'Sem Cat' + console.log(teste.trim()) + + for(let trf of readTasks()){ + console.log(trf.categoria) + if(trf.categoria.trim() == nome){ + const newTask = { + nome: trf.nome, + desc: trf.desc, + prioridade: trf.prioridade, + prazo: trf.prazo, + permissao: trf.permissao, + categoria: 'Sem Categoria', + criador: trf.criador, + concluida: trf.concluida + } + console.log('sem cat') + atualizaTarefa(trf.nome, newTask) + } + } + + + let excluir = readCategorias().find((categoria) => categoria.nome == nome) + const index = findIndex(readCategorias(), excluir) + + dbCat = readCategorias() + dbCat.splice(index, 1) + setCat(dbCat) + + mostraCategorias() + mostraTarefas() +} + +//TAREFAS +//Create const getTasks = () => JSON.parse(localStorage.getItem('dbTasks')) ?? [] const setTasks = (dbTasks) => localStorage.setItem("dbTasks", JSON.stringify(dbTasks)) @@ -60,13 +184,29 @@ newTarefa.addEventListener('submit', (e) => { newTarefa.reset() }) - const createTask = (task) => { dbTasks = getTasks() dbTasks.push(task) setTasks(dbTasks) } +function carregaCategorias(tipo){ + let div + if (tipo == 'criar'){ + div = catTarefa + }else{ + div = catEd + } + + div.innerHTML = '' + let cats = '' + for(let categoria of readCategorias()){ + cats = cats + `` + } + + div.innerHTML = cats +} + //Read const readTasks = () => getTasks() @@ -78,7 +218,7 @@ function mostraTarefas(){ for(let tarefa of readTasks()){ if(tarefa.concluida == false){ dadosPrazo = verificaPrazo(tarefa.prazo) - nConcluidas = nConcluidas + `
${tarefa.nome}
${tarefa.prioridade}

${tarefa.desc}

${tarefa.prazo} | ${dadosPrazo.msg}${tarefa.categoria}
FinalizarEditarExcluir
` + nConcluidas = nConcluidas + `
${tarefa.nome}
${tarefa.prioridade}

${tarefa.desc}

${tarefa.prazo} | ${dadosPrazo.msg}${tarefa.categoria}
FinalizarEditarExcluir
` } } if(nConcluidas == ''){ @@ -119,7 +259,6 @@ function notificacoes(){ qtdNot.innerText = qtd } - function corPrioridade(prioridade){ if(prioridade == 'Alta'){ return 'text-bg-danger' @@ -172,8 +311,6 @@ function mostraConcluidas(){ } } - - function voltar(nome){ let tarefa = readTasks().filter(tarefaAtual => tarefaAtual.nome == nome) tarefa[0].concluida = false @@ -195,15 +332,12 @@ function concluida(nome){ } - //Update function formUpTarefa(nome) { let tarefa = readTasks().filter(tarefaAtual => tarefaAtual.nome == nome) - console.log("Aqui 1"); - edTarefa.innerText = tarefa[0].nome tituloEd.value = tarefa[0].nome descEd.value = tarefa[0].desc @@ -215,13 +349,9 @@ function formUpTarefa(nome) { } - updateTarefa.addEventListener('submit', (e) => { - - console.log("Aqui 2"); - const newTask = { nome: tituloEd.value, desc: descEd.value, @@ -268,49 +398,3 @@ function apagaTarefa(nome){ mostraTarefas() } - -//USUARIO - -//Create -// function CriaUsuario(dados){ -// gerenTarefas.usuarios.push( -// { -// nome: dados.nome, -// cpf: dados.cpf, -// email: dados.email, -// numero: dados.numero -// }); -// } - -// //CriaUsuario({nome: 'Pedro Junho', cpf: '111222', email: 'xxxxxx@xxxx.com', numero: 'xxxxx-xxxx'}) - -// //Read -// function leTodosUsuarios(){ -// return gerenTarefas.usuarios; -// } - -// function leUsuario(nome){ -// const usuario = leTodosUsuarios().filter((usuarioAtual)=>{ -// return usuarioAtual.nome === nome -// }); -// } - -// console.log(leTodosUsuarios()) - - -// //Update -// function atualizaUsuario(nome, email, numero){ -// const atualizar= leTodosUsuarios().find((usuario) =>{ -// return usuario.nome === nome; -// }); - -// atualizar.email = email -// atualizar.numero = numero -// } - -// //Delete -// function apagaUsuario(nome){ -// const tarefa = leTodosUsuarios().filter((usuario)=> { -// return usuario.nome !== nome -// }); -// } diff --git a/index.html b/index.html index 3906ccd..c663a61 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ - Olá Wagner +