From fc1ee7fda12ddde080752e9eb33816313a322760 Mon Sep 17 00:00:00 2001 From: OlaoluwaOwoeye Date: Thu, 2 Jun 2022 13:59:53 +0100 Subject: [PATCH] Changed the min-width --- dist/bundle.js | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/dist/bundle.js b/dist/bundle.js index 52afd2b..cc78a5e 100644 --- a/dist/bundle.js +++ b/dist/bundle.js @@ -16,7 +16,7 @@ /***/ ((module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"*,\\r\\n*::before,\\r\\n*::after {\\r\\n box-sizing: inherit;\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n font-size: 1rem;\\r\\n}\\r\\n\\r\\nhtml {\\r\\n box-sizing: border-box;\\r\\n}\\r\\n\\r\\nul {\\r\\n list-style: none;\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\ni {\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\nbody {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\nmain {\\r\\n margin-top: 150px;\\r\\n box-shadow: 1px 5px 18px grey, 1px 5px 18px grey;\\r\\n width: 50%;\\r\\n min-width: 500px;\\r\\n}\\r\\n\\r\\n.main__header {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n margin: 0 10px;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n#to-do-form {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n margin: 0 10px;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\nh1 {\\r\\n font-size: 1.5rem;\\r\\n}\\r\\n\\r\\n.form-class {\\r\\n width: 90%;\\r\\n min-width: 100px;\\r\\n border: 0;\\r\\n height: 50px;\\r\\n border-radius: 10px;\\r\\n}\\r\\n\\r\\n.display-to-do {\\r\\n margin-top: 20px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n flex: 1 1 0%;\\r\\n}\\r\\n\\r\\n.to-do-list {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n margin: 0 10px;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.div-left {\\r\\n width: 90%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.footer {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin-top: 30px;\\r\\n padding: 20px 40px;\\r\\n}\\r\\n\\r\\n.footer__btn {\\r\\n padding: 10px 15px;\\r\\n font-size: 20px;\\r\\n}\\r\\n\\r\\n.what-to-do {\\r\\n border: none;\\r\\n outline: none;\\r\\n resize: none;\\r\\n width: 80%;\\r\\n}\\r\\n\\r\\n.text {\\r\\n border: none;\\r\\n outline: none;\\r\\n overflow: visible;\\r\\n height: 30px;\\r\\n font-size: 15px;\\r\\n width: 80%;\\r\\n border-radius: 5px;\\r\\n min-width: 30px;\\r\\n margin-left: 10px;\\r\\n}\\r\\n\\r\\n.text.active {\\r\\n text-decoration: line-through;\\r\\n opacity: 0.5;\\r\\n}\\r\\n\\r\\n.fa-ellipsis-v {\\r\\n opacity: 0.8;\\r\\n display: flex;\\r\\n margin-right: 8px;\\r\\n z-index: 10;\\r\\n}\\r\\n\\r\\n/* .fa-ellipsis-v.active {\\r\\n display: none;\\r\\n} */\\r\\n\\r\\n.edit {\\r\\n background-color: blue;\\r\\n color: white;\\r\\n outline: none;\\r\\n border: none;\\r\\n width: 40px;\\r\\n height: 20px;\\r\\n border-radius: 10px;\\r\\n}\\r\\n\\r\\n.save {\\r\\n background-color: green;\\r\\n color: white;\\r\\n outline: none;\\r\\n border: none;\\r\\n width: 40px;\\r\\n height: 20px;\\r\\n border-radius: 10px;\\r\\n}\\r\\n\\r\\n.del-btn {\\r\\n color: red;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.edit.active {\\r\\n display: block;\\r\\n}\\r\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://todo-list/./src/style.css?./node_modules/css-loader/dist/cjs.js"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"*,\\r\\n*::before,\\r\\n*::after {\\r\\n box-sizing: inherit;\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n font-size: 1rem;\\r\\n}\\r\\n\\r\\nhtml {\\r\\n box-sizing: border-box;\\r\\n}\\r\\n\\r\\nul {\\r\\n list-style: none;\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\ni {\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\nbody {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\nmain {\\r\\n margin-top: 150px;\\r\\n box-shadow: 1px 5px 18px grey, 1px 5px 18px grey;\\r\\n width: 50%;\\r\\n min-width: 300px;\\r\\n}\\r\\n\\r\\n.main__header {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n margin: 0 10px;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n#to-do-form {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n margin: 0 10px;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\nh1 {\\r\\n font-size: 1.5rem;\\r\\n}\\r\\n\\r\\n.form-class {\\r\\n width: 90%;\\r\\n min-width: 100px;\\r\\n border: 0;\\r\\n height: 50px;\\r\\n border-radius: 10px;\\r\\n}\\r\\n\\r\\n.display-to-do {\\r\\n margin-top: 20px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n flex: 1 1 0%;\\r\\n}\\r\\n\\r\\n.to-do-list {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n margin: 0 10px;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.div-left {\\r\\n width: 90%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.footer {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin-top: 30px;\\r\\n padding: 20px 40px;\\r\\n}\\r\\n\\r\\n.footer__btn {\\r\\n padding: 10px 15px;\\r\\n font-size: 20px;\\r\\n}\\r\\n\\r\\n.what-to-do {\\r\\n border: none;\\r\\n outline: none;\\r\\n resize: none;\\r\\n width: 80%;\\r\\n}\\r\\n\\r\\n.text {\\r\\n border: none;\\r\\n outline: none;\\r\\n overflow: visible;\\r\\n height: 30px;\\r\\n font-size: 15px;\\r\\n width: 80%;\\r\\n border-radius: 5px;\\r\\n min-width: 30px;\\r\\n margin-left: 10px;\\r\\n}\\r\\n\\r\\n.text.active {\\r\\n text-decoration: line-through;\\r\\n opacity: 0.5;\\r\\n}\\r\\n\\r\\n.fa-ellipsis-v {\\r\\n opacity: 0.8;\\r\\n display: flex;\\r\\n margin-right: 8px;\\r\\n z-index: 10;\\r\\n}\\r\\n\\r\\n/* .fa-ellipsis-v.active {\\r\\n display: none;\\r\\n} */\\r\\n\\r\\n.edit {\\r\\n background-color: blue;\\r\\n color: white;\\r\\n outline: none;\\r\\n border: none;\\r\\n width: 40px;\\r\\n height: 20px;\\r\\n border-radius: 10px;\\r\\n}\\r\\n\\r\\n.save {\\r\\n background-color: green;\\r\\n color: white;\\r\\n outline: none;\\r\\n border: none;\\r\\n width: 40px;\\r\\n height: 20px;\\r\\n border-radius: 10px;\\r\\n}\\r\\n\\r\\n.del-btn {\\r\\n color: red;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.edit.active {\\r\\n display: block;\\r\\n}\\r\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://todo-list/./src/style.css?./node_modules/css-loader/dist/cjs.js"); /***/ }), @@ -147,7 +147,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var loda /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ UI)\n/* harmony export */ });\n/* harmony import */ var _localStorage_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./localStorage.js */ \"./src/modules/localStorage.js\");\n\n\nclass UI {\n static loadLocalStoreAndDisplayHTML = () => {\n const array = _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].takingFromStorage();\n array.forEach((element) => {\n UI.DisplayHTML(element);\n });\n }\n\n static DisplayHTML = (array) => {\n const li = `
  • \n
    \n \n \n
    \n \n \n
    • `;\n document.querySelector('#list').insertAdjacentHTML('beforeend', li);\n }\n\n static clearField = () => {\n document.querySelector('#input').value = '';\n }\n\n static deleteTodo = (element) => {\n if (element.classList.contains('del-btn')) {\n element.parentElement.remove();\n }\n }\n\n static clearTodoComp = (arr) => {\n arr.forEach((element) => {\n element.parentElement.parentElement.remove();\n });\n }\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/UI.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ UI)\n/* harmony export */ });\n/* harmony import */ var _localStorage_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./localStorage.js */ \"./src/modules/localStorage.js\");\n\r\n\r\nclass UI {\r\n static loadLocalStoreAndDisplayHTML = () => {\r\n const array = _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].takingFromStorage();\r\n array.forEach((element) => {\r\n UI.DisplayHTML(element);\r\n });\r\n }\r\n\r\n static DisplayHTML = (array) => {\r\n const li = `
  • \r\n
    \r\n \r\n \r\n
    \r\n \r\n \r\n
    • `;\r\n document.querySelector('#list').insertAdjacentHTML('beforeend', li);\r\n }\r\n\r\n static clearField = () => {\r\n document.querySelector('#input').value = '';\r\n }\r\n\r\n static deleteTodo = (element) => {\r\n if (element.classList.contains('del-btn')) {\r\n element.parentElement.remove();\r\n }\r\n }\r\n\r\n static clearTodoComp = (arr) => {\r\n arr.forEach((element) => {\r\n element.parentElement.parentElement.remove();\r\n });\r\n }\r\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/UI.js?"); /***/ }), @@ -158,7 +158,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ ClearAll)\n/* harmony export */ });\n/* harmony import */ var _localStorage_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./localStorage.js */ \"./src/modules/localStorage.js\");\n\n\nclass ClearAll {\n static clearBtnFun = () => {\n const clearBtn = document.querySelector('.clear');\n const UL = document.querySelector('#list');\n const removeSpin = () => {\n clearBtn.classList.remove('fa-spin');\n };\n clearBtn.addEventListener('click', () => {\n let arr = _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].takingFromStorage();\n arr = [];\n clearBtn.classList.add('fa-spin');\n setTimeout(removeSpin, 1000);\n UL.innerHTML = '';\n localStorage.setItem('library', JSON.stringify(arr));\n });\n }\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/clearAll.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ ClearAll)\n/* harmony export */ });\n/* harmony import */ var _localStorage_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./localStorage.js */ \"./src/modules/localStorage.js\");\n\r\n\r\nclass ClearAll {\r\n static clearBtnFun = () => {\r\n const clearBtn = document.querySelector('.clear');\r\n const UL = document.querySelector('#list');\r\n const removeSpin = () => {\r\n clearBtn.classList.remove('fa-spin');\r\n };\r\n clearBtn.addEventListener('click', () => {\r\n let arr = _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].takingFromStorage();\r\n arr = [];\r\n clearBtn.classList.add('fa-spin');\r\n setTimeout(removeSpin, 1000);\r\n UL.innerHTML = '';\r\n localStorage.setItem('library', JSON.stringify(arr));\r\n });\r\n }\r\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/clearAll.js?"); /***/ }), @@ -169,7 +169,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ Storage)\n/* harmony export */ });\nclass Storage {\n static takingFromStorage() {\n let library;\n if (!localStorage.getItem('library')) {\n library = [];\n } else {\n library = JSON.parse(localStorage.getItem('library'));\n }\n return library;\n }\n\n static setLocalStorage(book) {\n const library = Storage.takingFromStorage();\n library.push(book);\n localStorage.setItem('library', JSON.stringify(library));\n }\n\n static removeFromLocalStorage(text) {\n const library = Storage.takingFromStorage();\n library.forEach((todo) => {\n if (`${todo.task}`.trim() === text.trim()) {\n library.splice(library.indexOf(todo), 1);\n Storage.updateIndex(library);\n }\n });\n localStorage.setItem('library', JSON.stringify(library));\n }\n\n static updateIndex = (arr) => {\n arr.forEach((todo, index) => {\n todo.index = index + 1;\n });\n localStorage.setItem('library', JSON.stringify(arr));\n }\n\n static editTodo = (former, newInput) => {\n const arr = Storage.takingFromStorage();\n arr.forEach((todo) => {\n if (former === todo.task) {\n todo.task = newInput;\n }\n });\n localStorage.setItem('library', JSON.stringify(arr));\n }\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/localStorage.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ Storage)\n/* harmony export */ });\nclass Storage {\r\n static takingFromStorage() {\r\n let library;\r\n if (!localStorage.getItem('library')) {\r\n library = [];\r\n } else {\r\n library = JSON.parse(localStorage.getItem('library'));\r\n }\r\n return library;\r\n }\r\n\r\n static setLocalStorage(book) {\r\n const library = Storage.takingFromStorage();\r\n library.push(book);\r\n localStorage.setItem('library', JSON.stringify(library));\r\n }\r\n\r\n static removeFromLocalStorage(text) {\r\n const library = Storage.takingFromStorage();\r\n library.forEach((todo) => {\r\n if (`${todo.task}`.trim() === text.trim()) {\r\n library.splice(library.indexOf(todo), 1);\r\n Storage.updateIndex(library);\r\n }\r\n });\r\n localStorage.setItem('library', JSON.stringify(library));\r\n }\r\n\r\n static updateIndex = (arr) => {\r\n arr.forEach((todo, index) => {\r\n todo.index = index + 1;\r\n });\r\n localStorage.setItem('library', JSON.stringify(arr));\r\n }\r\n\r\n static editTodo = (former, newInput) => {\r\n const arr = Storage.takingFromStorage();\r\n arr.forEach((todo) => {\r\n if (former === todo.task) {\r\n todo.task = newInput;\r\n }\r\n });\r\n localStorage.setItem('library', JSON.stringify(arr));\r\n }\r\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/localStorage.js?"); /***/ }), @@ -180,7 +180,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ Logic)\n/* harmony export */ });\n/* harmony import */ var _todoClass_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./todoClass.js */ \"./src/modules/todoClass.js\");\n/* harmony import */ var _UI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UI.js */ \"./src/modules/UI.js\");\n/* harmony import */ var _localStorage_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./localStorage.js */ \"./src/modules/localStorage.js\");\n\n\n\n\nclass Logic {\n static loadUponReload = () => {\n window.addEventListener('load', _UI_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].loadLocalStoreAndDisplayHTML());\n }\n\n static input = document.querySelector('#input')\n\n static addFunc = () => {\n if (Logic.input.value) {\n const Storage = _localStorage_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"].takingFromStorage();\n const task = Logic.input.value;\n const index = Storage.length + 1;\n const todoClass = new _todoClass_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"](task, index);\n _UI_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].DisplayHTML(todoClass);\n _localStorage_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"].setLocalStorage(todoClass);\n _UI_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].clearField();\n }\n }\n\n static enterFunc = () => {\n Logic.input.addEventListener('keypress', (e) => {\n if (e.key === 'Enter') {\n Logic.addFunc();\n }\n });\n }\n\n static clickFunct = () => {\n const arrow = document.querySelector('.fa-arrow-circle-left');\n arrow.addEventListener('click', () => {\n Logic.addFunc();\n });\n }\n\n static displayDelete = () => {\n const UL = document.querySelector('#list');\n UL.addEventListener('click', (e) => {\n const { target } = e;\n if (target.classList.contains('del-btn')) {\n const trash = target.parentElement.children[1];\n _UI_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].deleteTodo(trash);\n const text = target.parentElement.children[0].children[1].value;\n _localStorage_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"].removeFromLocalStorage(text);\n }\n });\n }\n\n static edit = () => {\n const UL = document.querySelector('#list');\n\n UL.addEventListener('click', (e) => {\n const inputReadonly = e.target.parentElement.children[0].children[1];\n const formerInput = e.target.parentElement.children[0].children[1].value;\n if (e.target.classList.contains('edit')) {\n inputReadonly.removeAttribute('readonly');\n inputReadonly.focus();\n const editBtn = inputReadonly.parentElement.parentElement.children[2];\n editBtn.innerHTML = 'Save';\n editBtn.classList.add('save');\n editBtn.classList.remove('edit');\n }\n\n document.querySelectorAll('.text').forEach((input) => {\n const editbtn = input.parentElement.parentElement.children[2];\n editbtn.addEventListener('click', () => {\n const newtodo = e.target.parentElement.children[0].children[1].value;\n if (editbtn.classList.contains('save')) { _localStorage_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"].editTodo(formerInput, newtodo); }\n document.location.reload();\n });\n });\n });\n }\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/logicToDisplay.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ Logic)\n/* harmony export */ });\n/* harmony import */ var _todoClass_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./todoClass.js */ \"./src/modules/todoClass.js\");\n/* harmony import */ var _UI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UI.js */ \"./src/modules/UI.js\");\n/* harmony import */ var _localStorage_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./localStorage.js */ \"./src/modules/localStorage.js\");\n\r\n\r\n\r\n\r\nclass Logic {\r\n static loadUponReload = () => {\r\n window.addEventListener('load', _UI_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].loadLocalStoreAndDisplayHTML());\r\n }\r\n\r\n static input = document.querySelector('#input')\r\n\r\n static addFunc = () => {\r\n if (Logic.input.value) {\r\n const Storage = _localStorage_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"].takingFromStorage();\r\n const task = Logic.input.value;\r\n const index = Storage.length + 1;\r\n const todoClass = new _todoClass_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"](task, index);\r\n _UI_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].DisplayHTML(todoClass);\r\n _localStorage_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"].setLocalStorage(todoClass);\r\n _UI_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].clearField();\r\n }\r\n }\r\n\r\n static enterFunc = () => {\r\n Logic.input.addEventListener('keypress', (e) => {\r\n if (e.key === 'Enter') {\r\n Logic.addFunc();\r\n }\r\n });\r\n }\r\n\r\n static clickFunct = () => {\r\n const arrow = document.querySelector('.fa-arrow-circle-left');\r\n arrow.addEventListener('click', () => {\r\n Logic.addFunc();\r\n });\r\n }\r\n\r\n static displayDelete = () => {\r\n const UL = document.querySelector('#list');\r\n UL.addEventListener('click', (e) => {\r\n const { target } = e;\r\n if (target.classList.contains('del-btn')) {\r\n const trash = target.parentElement.children[1];\r\n _UI_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].deleteTodo(trash);\r\n const text = target.parentElement.children[0].children[1].value;\r\n _localStorage_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"].removeFromLocalStorage(text);\r\n }\r\n });\r\n }\r\n\r\n static edit = () => {\r\n const UL = document.querySelector('#list');\r\n\r\n UL.addEventListener('click', (e) => {\r\n const inputReadonly = e.target.parentElement.children[0].children[1];\r\n const formerInput = e.target.parentElement.children[0].children[1].value;\r\n if (e.target.classList.contains('edit')) {\r\n inputReadonly.removeAttribute('readonly');\r\n inputReadonly.focus();\r\n const editBtn = inputReadonly.parentElement.parentElement.children[2];\r\n editBtn.innerHTML = 'Save';\r\n editBtn.classList.add('save');\r\n editBtn.classList.remove('edit');\r\n }\r\n\r\n document.querySelectorAll('.text').forEach((input) => {\r\n const editbtn = input.parentElement.parentElement.children[2];\r\n editbtn.addEventListener('click', () => {\r\n const newtodo = e.target.parentElement.children[0].children[1].value;\r\n if (editbtn.classList.contains('save')) { _localStorage_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"].editTodo(formerInput, newtodo); }\r\n document.location.reload();\r\n });\r\n });\r\n });\r\n }\r\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/logicToDisplay.js?"); /***/ }), @@ -191,7 +191,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ TaskCompletedFunc)\n/* harmony export */ });\n/* harmony import */ var _localStorage_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./localStorage.js */ \"./src/modules/localStorage.js\");\n/* harmony import */ var _UI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UI.js */ \"./src/modules/UI.js\");\n\n\n\nclass TaskCompletedFunc {\n static clearCompleted = (describe) => {\n const arr = _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].takingFromStorage();\n arr.forEach((todo) => {\n if (describe === todo.task) {\n todo.completed = !todo.completed;\n }\n });\n localStorage.setItem('library', JSON.stringify(arr));\n }\n\n static deleteCompletedTemplate = () => {\n let arr = _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].takingFromStorage();\n const filt = arr.filter((todo) => todo.completed !== true);\n arr = filt;\n _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].updateIndex(arr);\n localStorage.setItem('library', JSON.stringify(arr));\n }\n\n static checkBox = () => {\n document.querySelectorAll('#list').forEach((check) => {\n check.addEventListener('change', (e) => {\n if (e.target.classList.contains('checker')) {\n const val = e.target.parentElement.parentElement.children[0].children[1].value;\n TaskCompletedFunc.clearCompleted(val);\n }\n });\n });\n }\n\n static deleteAllchecked = () => {\n const clearCompleted = document.querySelector('.footer__btn');\n clearCompleted.addEventListener('click', () => {\n const completedTask = Array.from(document.querySelectorAll('.checker:checked'));\n _UI_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].clearTodoComp(completedTask);\n TaskCompletedFunc.deleteCompletedTemplate();\n });\n }\n\n static reloadFunc = () => {\n const arr = _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].takingFromStorage();\n arr.forEach((todo) => {\n if (document.location.reload) {\n todo.completed = false;\n }\n });\n localStorage.setItem('library', JSON.stringify(arr));\n }\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/taskCompleteFunc.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ TaskCompletedFunc)\n/* harmony export */ });\n/* harmony import */ var _localStorage_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./localStorage.js */ \"./src/modules/localStorage.js\");\n/* harmony import */ var _UI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UI.js */ \"./src/modules/UI.js\");\n\r\n\r\n\r\nclass TaskCompletedFunc {\r\n static clearCompleted = (describe) => {\r\n const arr = _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].takingFromStorage();\r\n arr.forEach((todo) => {\r\n if (describe === todo.task) {\r\n todo.completed = !todo.completed;\r\n }\r\n });\r\n localStorage.setItem('library', JSON.stringify(arr));\r\n }\r\n\r\n static deleteCompletedTemplate = () => {\r\n let arr = _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].takingFromStorage();\r\n const filt = arr.filter((todo) => todo.completed !== true);\r\n arr = filt;\r\n _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].updateIndex(arr);\r\n localStorage.setItem('library', JSON.stringify(arr));\r\n }\r\n\r\n static checkBox = () => {\r\n document.querySelectorAll('#list').forEach((check) => {\r\n check.addEventListener('change', (e) => {\r\n if (e.target.classList.contains('checker')) {\r\n const val = e.target.parentElement.parentElement.children[0].children[1].value;\r\n TaskCompletedFunc.clearCompleted(val);\r\n }\r\n });\r\n });\r\n }\r\n\r\n static deleteAllchecked = () => {\r\n const clearCompleted = document.querySelector('.footer__btn');\r\n clearCompleted.addEventListener('click', () => {\r\n const completedTask = Array.from(document.querySelectorAll('.checker:checked'));\r\n _UI_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].clearTodoComp(completedTask);\r\n TaskCompletedFunc.deleteCompletedTemplate();\r\n });\r\n }\r\n\r\n static reloadFunc = () => {\r\n const arr = _localStorage_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].takingFromStorage();\r\n arr.forEach((todo) => {\r\n if (document.location.reload) {\r\n todo.completed = false;\r\n }\r\n });\r\n localStorage.setItem('library', JSON.stringify(arr));\r\n }\r\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/taskCompleteFunc.js?"); /***/ }), @@ -202,7 +202,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ Todo)\n/* harmony export */ });\nclass Todo {\n completed;\n\n task;\n\n index;\n\n constructor(task, index, completed = false) {\n this.task = task;\n this.index = index;\n this.completed = completed;\n }\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/todoClass.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ Todo)\n/* harmony export */ });\nclass Todo {\r\n completed;\r\n\r\n task;\r\n\r\n index;\r\n\r\n constructor(task, index, completed = false) {\r\n this.task = task;\r\n this.index = index;\r\n this.completed = completed;\r\n }\r\n}\n\n//# sourceURL=webpack://todo-list/./src/modules/todoClass.js?"); /***/ })