From 4bfa62fd99aaab958feb6549a4f0bba15281b9aa Mon Sep 17 00:00:00 2001
From: Ivan Rojas <irojas1@uncc.edu>
Date: Tue, 3 Jan 2023 21:01:36 -0500
Subject: [PATCH 1/2] Completed Advanced Todo List

---
 65-advanced-todo-list/before/index.html |  1 +
 65-advanced-todo-list/before/script.js  | 74 +++++++++++++++++++++++++
 2 files changed, 75 insertions(+)
 create mode 100644 65-advanced-todo-list/before/script.js
diff --git a/65-advanced-todo-list/before/index.html b/65-advanced-todo-list/before/index.html
index 85d182ac..63d1fc70 100644
--- a/65-advanced-todo-list/before/index.html
+++ b/65-advanced-todo-list/before/index.html
@@ -3,6 +3,7 @@
 <head>
   <title>Advanced Todo List</title>
   <link rel="stylesheet" href="styles.css">
+  <script src="script.js" defer></script>
 </head>
 <body>
   <ul id="list">
diff --git a/65-advanced-todo-list/before/script.js b/65-advanced-todo-list/before/script.js
new file mode 100644
index 00000000..028c4680
--- /dev/null
+++ b/65-advanced-todo-list/before/script.js
@@ -0,0 +1,74 @@
+const form = document.querySelector('#new-todo-form')
+const todoInput = document.querySelector('#todo-input')
+const list = document.querySelector('#list')
+const template = document.querySelector('#list-item-template')
+const LOCAL_STORAGE_PREFIX = 'ADVANCED_TODO_LIST'
+const TODOS_STORAGE_KEY = `${LOCAL_STORAGE_PREFIX}-todos`
+let todos = loadTodos()
+todos.forEach((todo) => renderTodo(todo))
+
+list.addEventListener('change', (e) => {
+  if (!e.target.matches('[data-list-item-checkbox]')) return
+
+  // Get the todo that is clicked on
+  const parent = e.target.closest('.list-item')
+  const todoId = parent.dataset.todoId
+  const todo = todos.find((t) => t.id === todoId)
+  // Toggle the complete property to be equal to the checkbox value
+  todo.complete = e.target.checked
+  // Save our updated todo
+  saveTodos()
+})
+
+list.addEventListener('click', (e) => {
+  if (!e.target.matches('[data-button-delete]')) return
+
+  const parent = e.target.closest('.list-item')
+  const todoId = parent.dataset.todoId
+
+  //Remove todo from screen
+  parent.remove()
+  //Remove todo from list
+  todos = todos.filter((todo) => todo.id !== todoId)
+  //Save the new todos
+  saveTodos()
+})
+
+form.addEventListener('submit', (e) => {
+  //Prevent refresh of page when form is submitted
+  e.preventDefault()
+
+  //gets value inside of input
+  const todoName = todoInput.value
+  if (todoName === '') return
+  const newTodo = {
+    name: todoName,
+    complete: false,
+    id: new Date().valueOf().toString(),
+  }
+  todos.push(newTodo)
+  renderTodo(newTodo)
+  saveTodos()
+  todoInput.value = ''
+})
+
+function renderTodo(todo) {
+  //Get all content inside template, clone it, and store in variable. 'true' ensures all code is cloned.
+  const templateClone = template.content.cloneNode(true)
+  const listItem = templateClone.querySelector('.list-item')
+  listItem.dataset.todoId = todo.id
+  const textElement = templateClone.querySelector('[data-list-item-text]')
+  textElement.innerText = todo.name
+  const checkbox = templateClone.querySelector('[data-list-item-checkbox]')
+  checkbox.checked = todo.complete
+  list.appendChild(templateClone)
+}
+
+function saveTodos() {
+  localStorage.setItem(TODOS_STORAGE_KEY, JSON.stringify(todos))
+}
+
+function loadTodos() {
+  const todosString = localStorage.getItem(TODOS_STORAGE_KEY)
+  return JSON.parse(todosString) || []
+}

From 9d96beaf3e1244e3fbf8f07e09e72250c1b5e8d7 Mon Sep 17 00:00:00 2001
From: Ivan Rojas <irojas1@uncc.edu>
Date: Wed, 4 Jan 2023 16:46:32 -0500
Subject: [PATCH 2/2] Completed Advanced Todo List

---
 65-advanced-todo-list/before/script.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/65-advanced-todo-list/before/script.js b/65-advanced-todo-list/before/script.js
index 028c4680..162fa77a 100644
--- a/65-advanced-todo-list/before/script.js
+++ b/65-advanced-todo-list/before/script.js
@@ -72,3 +72,5 @@ function loadTodos() {
   const todosString = localStorage.getItem(TODOS_STORAGE_KEY)
   return JSON.parse(todosString) || []
 }
+
+//test
