From 484be1419a5e05f4e6be0ed9ff48cb251cfea5af Mon Sep 17 00:00:00 2001
From: MuhammadShakkeer2030 <simplefight90@gmail.com>
Date: Thu, 22 Feb 2024 15:19:40 +0530
Subject: [PATCH] fix:spelling of veriables

---
 03-task-manager/final/models/Task.js        |  2 +-
 03-task-manager/final/public/browser-app.js | 88 ++++++++++-----------
 03-task-manager/final/public/edit-task.js   |  6 +-
 3 files changed, 48 insertions(+), 48 deletions(-)

diff --git a/03-task-manager/final/models/Task.js b/03-task-manager/final/models/Task.js
index 687829949..b11e84b9a 100644
--- a/03-task-manager/final/models/Task.js
+++ b/03-task-manager/final/models/Task.js
@@ -5,7 +5,7 @@ const TaskSchema = new mongoose.Schema({
     type: String,
     required: [true, 'must provide name'],
     trim: true,
-    maxlength: [20, 'name can not be more than 20 characters'],
+    max_length: [20, 'name can not be more than 20 characters'],
   },
   completed: {
     type: Boolean,
diff --git a/03-task-manager/final/public/browser-app.js b/03-task-manager/final/public/browser-app.js
index 21af4b9f0..73f830207 100644
--- a/03-task-manager/final/public/browser-app.js
+++ b/03-task-manager/final/public/browser-app.js
@@ -1,24 +1,24 @@
-const tasksDOM = document.querySelector('.tasks')
-const loadingDOM = document.querySelector('.loading-text')
-const formDOM = document.querySelector('.task-form')
-const taskInputDOM = document.querySelector('.task-input')
-const formAlertDOM = document.querySelector('.form-alert')
+const tasksDOM = document.querySelector(".tasks");
+const loadingDOM = document.querySelector(".loading-text");
+const formDOM = document.querySelector(".task-form");
+const taskInputDOM = document.querySelector(".task-input");
+const formAlertDOM = document.querySelector(".form-alert");
 // Load tasks from /api/tasks
 const showTasks = async () => {
-  loadingDOM.style.visibility = 'visible'
+  loadingDOM.style.visibility = "visible";
   try {
     const {
       data: { tasks },
-    } = await axios.get('/api/v1/tasks')
+    } = await axios.get("/api/v1/tasks");
     if (tasks.length < 1) {
-      tasksDOM.innerHTML = '<h5 class="empty-list">No tasks in your list</h5>'
-      loadingDOM.style.visibility = 'hidden'
-      return
+      tasksDOM.innerHTML = '<h5 class="empty-list">No tasks in your list</h5>';
+      loadingDOM.style.visibility = "hidden";
+      return;
     }
     const allTasks = tasks
       .map((task) => {
-        const { completed, _id: taskID, name } = task
-        return `<div class="single-task ${completed && 'task-completed'}">
+        const { completed, _id: taskID, name } = task;
+        return `<div class="single-task ${completed && "task-completed"}">
 <h5><span><i class="far fa-check-circle"></i></span>${name}</h5>
 <div class="task-links">
 
@@ -33,55 +33,55 @@ const showTasks = async () => {
 <i class="fas fa-trash"></i>
 </button>
 </div>
-</div>`
+</div>`;
       })
-      .join('')
-    tasksDOM.innerHTML = allTasks
+      .join("");
+    tasksDOM.innerHTML = allTasks;
   } catch (error) {
     tasksDOM.innerHTML =
-      '<h5 class="empty-list">There was an error, please try later....</h5>'
+      '<h5 class="empty-list">There was an error, please try later....</h5>';
   }
-  loadingDOM.style.visibility = 'hidden'
-}
+  loadingDOM.style.visibility = "hidden";
+};
 
-showTasks()
+showTasks();
 
 // delete task /api/tasks/:id
 
-tasksDOM.addEventListener('click', async (e) => {
-  const el = e.target
-  if (el.parentElement.classList.contains('delete-btn')) {
-    loadingDOM.style.visibility = 'visible'
-    const id = el.parentElement.dataset.id
+tasksDOM.addEventListener("click", async (e) => {
+  const el = e.target;
+  if (el.parentElement.classList.contains("delete-btn")) {
+    loadingDOM.style.visibility = "visible";
+    const id = el.parentElement.dataset.id;
     try {
-      await axios.delete(`/api/v1/tasks/${id}`)
-      showTasks()
+      await axios.delete(`/api/v1/tasks/${id}`);
+      showTasks();
     } catch (error) {
-      console.log(error)
+      console.log(error);
     }
   }
-  loadingDOM.style.visibility = 'hidden'
-})
+  loadingDOM.style.visibility = "hidden";
+});
 
 // form
 
-formDOM.addEventListener('submit', async (e) => {
-  e.preventDefault()
-  const name = taskInputDOM.value
+formDOM.addEventListener("submit", async (e) => {
+  e.preventDefault();
+  const name = taskInputDOM.value;
 
   try {
-    await axios.post('/api/v1/tasks', { name })
-    showTasks()
-    taskInputDOM.value = ''
-    formAlertDOM.style.display = 'block'
-    formAlertDOM.textContent = `success, task added`
-    formAlertDOM.classList.add('text-success')
+    await axios.post("/api/v1/tasks", { name });
+    showTasks();
+    taskInputDOM.value = "";
+    formAlertDOM.style.display = "block";
+    formAlertDOM.textContent = `success, task added`;
+    formAlertDOM.classList.add("text-success");
   } catch (error) {
-    formAlertDOM.style.display = 'block'
-    formAlertDOM.innerHTML = `error, please try again`
+    formAlertDOM.style.display = "block";
+    formAlertDOM.innerHTML = `error, please try again`;
   }
   setTimeout(() => {
-    formAlertDOM.style.display = 'none'
-    formAlertDOM.classList.remove('text-success')
-  }, 3000)
-})
+    formAlertDOM.style.display = "none";
+    formAlertDOM.classList.remove("text-success");
+  }, 3000);
+});
diff --git a/03-task-manager/final/public/edit-task.js b/03-task-manager/final/public/edit-task.js
index 3bd0eed24..e8a2a4761 100644
--- a/03-task-manager/final/public/edit-task.js
+++ b/03-task-manager/final/public/edit-task.js
@@ -1,4 +1,4 @@
-const taskIDDOM = document.querySelector('.task-edit-id')
+const taskIDIOM = document.querySelector('.task-edit-id')
 const taskNameDOM = document.querySelector('.task-edit-name')
 const taskCompletedDOM = document.querySelector('.task-edit-completed')
 const editFormDOM = document.querySelector('.single-task-form')
@@ -15,7 +15,7 @@ const showTask = async () => {
     } = await axios.get(`/api/v1/tasks/${id}`)
     const { _id: taskID, completed, name } = task
 
-    taskIDDOM.textContent = taskID
+    taskIDIOM.textContent = taskID
     taskNameDOM.value = name
     tempName = name
     if (completed) {
@@ -44,7 +44,7 @@ editFormDOM.addEventListener('submit', async (e) => {
 
     const { _id: taskID, completed, name } = task
 
-    taskIDDOM.textContent = taskID
+    taskIDIOM.textContent = taskID
     taskNameDOM.value = name
     tempName = name
     if (completed) {