TF_004. TAREFAS - EDITAR TAREFA

[wallacy-1]

1. OBJETIVO: Editar a descrição da tarefa

2. HISTÓRIA Eu como usuário gostaria de poder alterar a descrição da minha tarefa

3. FLUXO 1 - logar no index.html 2 - entrar na página tarefas.html 3 - ver as tarefas criadas 4 - clicar no botão editar 5 - colocar o valor da nova descrição no input que apareceu 6 - clicar em enviar ou alterar 7 - recebe alert de confirmação

4. CRITÉRIOS DE ACEITE 4.0 Deixar o botão enviar ou alterar desabilitado caso a descrição continue a mesma 4.0.1 Caso a descrição fique vazia deixar o botão desabilitado 4.1 enviar um confirm para ver se o usuario tem certeza que quer alterar

5. ANEXOS

6. TECH

• [ ] criar a pasta tarefas ( se não existir)
• [ ] colocar editar_tarefa.js dentro dessa pasta (se não existir)
• [ ] conectar o javascript ao html tarefas
• [ ] criar um botão com o icone editar (no google tem bastante img) ao lado do card das tarefas
• [ ] colocar um input display none no mesmo lugar do campo descrição(class nome)
• [ ] colocar o valor de descrição no input criado
• [ ] criar uma function onclick botao editar
• [ ] ao clicar no botão editar deixar o input display inline e display none para o campo descrição(class nome)
• [ ] verificar se deu tudo certo clickando no botão editar
• [ ] criar um botão cancelar
• [ ] criar uma function onclick botao cancelar
• [ ] ao clicar no botão cancelar ira deixar o input editar display none e display inline o campo descrição(class nome)
• [ ] adicionar um botão enviar ou alterar
• [ ] criar uma function onclick botao adicionar
• [ ] verificar com console.log se você consegue pegar o valor do input editar
• [ ] fazer um if valor do input editar e igual ao valor descrição ( ele não mudou nada e quer enviar ?)
• [ ] se for igual mandar um alert e para a function aqui return;
• [ ] criar a variavel link e colocar com a rota de editar tarefa https://ctd-todo-api.herokuapp.com/v1/tasks/{id}
• [ ] pegar o id da tarefa atraves de um campo display none e colocar no lugar do {id}
• [ ] criar a variavel header e colocar method e headers
• [ ] na variavel header criar um campo authorization e colocar o token que esta no localstorage como valor dela
• [ ] dar o fetch com o link e o header
• [ ] colocar uma verificação se o codigo foi 201(criado com sucesso) ou deu erro 400 401 500
• [ ] criar um throw caso o codigo de erro
• [ ] colocar um alert no catch
• [ ] verificar com postman ou na tarefa.html se foi alterado a descrição da tarefa

LINKS POSTMAN DOCUMENTAÇÂO DA API: https://documenter.getpostman.com/view/19281796/UVyvvEhx API DOCUMENTAÇÂO: https://ctd-todo-api.herokuapp.com/#/tasks/createTask LOCALSTORAGE GETITEM(): https://www.w3schools.com/jsref/met_storage_getitem.asp ION ICONS: https://ionic.io/ionicons

Caso de duvidas consultar o grupo no discord ou chamar o wallacy#8697, lembre se estamos aprendendo então e normal errar , ter muitas duvidas ou fazer coisas besta fique tranquilo quanto a isso