From b0be975d70b0e8f0f79878cdd02f2a7d55d4f02f Mon Sep 17 00:00:00 2001 From: Zelmar Date: Fri, 22 Apr 2022 17:01:00 -0300 Subject: [PATCH] First Commit --- img/trash.png | Bin 0 -> 15730 bytes index.html | 35 +++++++++++++ script.js | 89 +++++++++++++++++++++++++++++++++ style.css | 135 ++++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 259 insertions(+) create mode 100644 img/trash.png create mode 100644 index.html create mode 100644 script.js create mode 100644 style.css diff --git a/img/trash.png b/img/trash.png new file mode 100644 index 0000000000000000000000000000000000000000..a42c25a04461d8db161003e300fc476613c3110d GIT binary patch literal 15730 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 OII4F-_pvr5^#1`#bk$Y> literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..5604f42 --- /dev/null +++ b/index.html @@ -0,0 +1,35 @@ + + + + + + + + ToDoZ + + + + + + + + +
+
+ +
+
+ +
+
+
+
    + +
+ +
+ + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..9b77edc --- /dev/null +++ b/script.js @@ -0,0 +1,89 @@ +let banco = []; + +createTask = (description, status) => { + dataInputDescription = document.querySelector(".input-task").value; + + if (dataInputDescription) { + if (banco.length === 0) { + index = 0 + } else { + index = banco.length + + } + createdTask = document.createElement("div"); + + dataIndex = index; + + createdTask.innerHTML = + `
+ +

${dataInputDescription}

+ Icon Delete (Trash) +
`; + + document.querySelector(".display-tasks").appendChild(createdTask); + + + banco.push({ + description: dataInputDescription, + stauts: "", + index: dataIndex + }); + console.log(banco); + + document.querySelector(".input-task").value = "" + } else { + alert('Digite alguma tarefa para cadastrar!') + } + + +} + +updateDisplayTasks = () => { + cleanDisplayTasks(); +} + +cleanDisplayTasks = () => { + let displayTasks = document.querySelector(".display-tasks"); + while (displayTasks.lastChild) { + displayTasks.removeChild(displayTasks.lastChild); + } +} + +clickTask = (evento) => { + const elemento = evento.target; + + if (elemento.className === "card-checkbox") { + console.log(elemento.checked) + if (elemento.checked) { + elemento.parentNode.classList.add('checked-task') + } else { + elemento.parentNode.classList.remove('checked-task') + } + } + else if (elemento.className === "card-icon-delete") { + console.log("Deleta task"); + banco.splice(elemento.dataset.index, 1) + elemento.parentNode.parentNode.remove() + console.log(banco) + + /* banco.splice(index, 1); */ + + /* let indexTask = elemento.dataset.index; */ + console.log(elemento); + /* let index = elemento.dataset.index; + console.log(index) */ + /* deleteTask(index) */ + } +} + +document.addEventListener("keypress", function (e) { + if (e.key === "Enter") { + var btn = document.querySelector(".btn-add-task"); + btn.click(); + } +}); + +document.getElementById("display-tasks").addEventListener("click", clickTask); + +updateDisplayTasks(); diff --git a/style.css b/style.css new file mode 100644 index 0000000..fe3df88 --- /dev/null +++ b/style.css @@ -0,0 +1,135 @@ +html, +body, +div { + margin: 0; + padding: 0; + border: 0; +} + +body { + margin: 0; + padding: 0; + border: 0; + display: flex; + flex-direction: column; + justify-content: center; + height: 100vh; + background: gainsboro; +} + +.container-register-task { + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 30px; +} + +.input-register-task { + width: 450px; + margin: 2%; + display: flex; + justify-content: center; + align-items: center; +} + +.input-task { + margin: 0 0 0 0; + border-top-right-radius: 30px !important; + border-bottom-right-radius: 30px !important; + border-radius: 30px; + border: 1px solid #545454; + text-align: center; +} + +.btn-add-task { + width: 5rem; + height: 5rem; + border-radius: 50px; + font-size: 10px; + font-weight: bolder; + border: 1px solid #545454; + color: #545454; + margin: 20px; + +} + +.container-display-tasks { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.display-tasks { + background-color: rgb(59, 215, 197); + padding: 30px; + border-radius: 5px; + box-shadow: inset 0 0 1em rgb(59, 215, 197), 0 0 5px rgb(59, 215, 197); + margin: 0; + width: 600px; +} + +input:checked { + text-decoration: line-through; +} + +.card { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + margin: 3px; + padding: 13px 0 13px 0; + width: 500px; + max-width: 500px; +} + +.card-checkbox { + width: 30px; + height: 30px; + margin: 0 10px; + padding: 0; +} + +.card-description { + margin: 0 20px; + padding: 0; + text-align: center; + max-width: 240px; +} + +.card-icon-delete { + margin: 0 10px; + padding: 0; + width: 30px; + height: 30px; +} + +.card-icon-delete:hover { + cursor: pointer; + width: 31px; + height: 31px; +} + +.checked-task { + text-decoration: line-through !important; + opacity: 0.5 !important; +} + +@media (max-width: 480px) { + .card { + width: 100%; + } + + .display-tasks { + width: 90%; + height: 60vh; + } + + .input-register-task { + width: 90% ; + } + + + +} \ No newline at end of file