diff --git a/dist/bundle0a4d8217c7af776c267d.js.map b/dist/bundle0a4d8217c7af776c267d.js.map deleted file mode 100644 index 71ce44d..0000000 --- a/dist/bundle0a4d8217c7af776c267d.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"bundle0a4d8217c7af776c267d.js","mappings":"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,SAAA5C,WAAYQ,WAAW,EAAEC,KAAK,EAAE;EAAAoC,eAAA,OAAA7C,UAAA;EAC9B,IAAI,CAACQ,WAAW,GAAGA,WAAW;EAC9B,IAAI,CAACoB,SAAS,GAAG,KAAK;EACtB,IAAI,CAACnB,KAAK,GAAGA,KAAK;AACpB,CAAC;AAGI,IAAMR,QAAQ,GAAG,SAAXA,QAAQA,CAAI0D,IAAI,EAAK;EAChCtD,YAAY,CAAC4C,OAAO,CAAC,SAAS,EAAE9C,IAAI,CAAC+C,SAAS,CAACS,IAAI,CAAC,CAAC;AACvD,CAAC;;;;;;;;;;;;;;;;;;ACVD;AACgH;AACjB;AAC/F,8BAA8B,mFAA2B,CAAC,4FAAqC;AAC/F,+GAA+G,kBAAkB;AACjI;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,CAAC,OAAO,sIAAsI,WAAW,UAAU,UAAU,MAAM,KAAK,UAAU,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,UAAU,MAAM,KAAK,WAAW,MAAM,KAAK,UAAU,WAAW,WAAW,WAAW,YAAY,YAAY,YAAY,WAAW,WAAW,MAAM,KAAK,UAAU,WAAW,UAAU,MAAM,KAAK,UAAU,WAAW,WAAW,WAAW,WAAW,UAAU,UAAU,UAAU,WAAW,MAAM,KAAK,WAAW,WAAW,UAAU,MAAM,KAAK,YAAY,OAAO,KAAK,UAAU,MAAM,MAAM,UAAU,WAAW,YAAY,YAAY,WAAW,MAAM,MAAM,UAAU,WAAW,YAAY,YAAY,UAAU,UAAU,WAAW,WAAW,OAAO,MAAM,UAAU,UAAU,OAAO,MAAM,UAAU,UAAU,OAAO,MAAM,UAAU,WAAW,UAAU,WAAW,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,UAAU,MAAM,MAAM,UAAU,OAAO,MAAM,WAAW,OAAO,MAAM,YAAY,WAAW,YAAY,YAAY,WAAW,WAAW,WAAW,YAAY,YAAY,WAAW,YAAY,WAAW,UAAU,WAAW,YAAY,MAAM,MAAM,WAAW,MAAM,MAAM,UAAU,OAAO,MAAM,YAAY,OAAO,MAAM,WAAW,OAAO,MAAM,WAAW,ssDAAssD,ygEAAygE;AACthK;AACA,iEAAe,uBAAuB,EAAC;;;;;;;;;;;AC9J1B;;AAEb;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA,gDAAgD;AAChD;AACA;AACA,qFAAqF;AACrF;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,iBAAiB;AACvC;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,qBAAqB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,sFAAsF,qBAAqB;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,iDAAiD,qBAAqB;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,sDAAsD,qBAAqB;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;ACpFa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD,cAAc;AACrE;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACfA,iEAAe,YAAY;;;;;;;;;;;;;;ACA3B,iEAAe,cAAc;;;;;;;;;;;;;;ACA7B,iEAAe,iBAAiB;;;;;;;;;;;;;;ACAhC,iEAAe,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACC/B,MAAqG;AACrG,MAA2F;AAC3F,MAAkG;AAClG,MAAqH;AACrH,MAA8G;AAC9G,MAA8G;AAC9G,MAAuJ;AACvJ;AACA;;AAEA;;AAEA,4BAA4B,qGAAmB;AAC/C,wBAAwB,kHAAa;;AAErC,uBAAuB,uGAAa;AACpC;AACA,iBAAiB,+FAAM;AACvB,6BAA6B,sGAAkB;;AAE/C,aAAa,0GAAG,CAAC,2HAAO;;;;AAIiG;AACzH,OAAO,iEAAe,2HAAO,IAAI,2HAAO,UAAU,2HAAO,mBAAmB,EAAC;;;;;;;;;;;AC1BhE;;AAEb;AACA;AACA;AACA,kBAAkB,wBAAwB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,iBAAiB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,4BAA4B;AAChD;AACA;AACA;AACA;AACA;AACA,qBAAqB,6BAA6B;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;ACnFa;;AAEb;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;ACjCa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;ACTa;;AAEb;AACA;AACA,cAAc,KAAwC,GAAG,sBAAiB,GAAG,CAAI;AACjF;AACA;AACA;AACA;AACA;;;;;;;;;;ACTa;;AAEb;AACA;AACA;AACA;AACA,kDAAkD;AAClD;AACA;AACA,0CAA0C;AAC1C;AACA;AACA;AACA,iFAAiF;AACjF;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,yDAAyD;AACzD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,kCAAkC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;AC5Da;;AAEb;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;UCbA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAiC;AACH;AACF;AACI;AACwB;AACN;AACjB;AACkB;AACA;AACD;AAElD,IAAME,SAAS,GAAG1C,QAAQ,CAACC,aAAa,CAAC,YAAY,CAAC;AACtD,IAAM0C,MAAM,GAAG3C,QAAQ,CAACC,aAAa,CAAC,SAAS,CAAC;AAEhDsB,mEAAU,CAACxC,wDAAO,CAAC;AACnB,IAAM6D,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACtBC,WAAW,CAAC7C,QAAQ,CAACqC,QAAQ,CAACC,MAAM,CAAC,CAAC,CAAC;EACvCpD,YAAY,CAACC,OAAO,CAAC,SAAS,CAAC;AACjC,CAAC;AAEDqC,gEAAU,CAACsB,YAAY,CAAC,CAAC;AACzBtB,gEAAU,CAACuB,cAAc,CAAC,CAAC;AAC3B;AACAJ,MAAM,CAAC3B,gBAAgB,CAAC,OAAO,EAAE,UAACC,KAAK,EAAK;EAC1C,IAAM5B,WAAW,GAAGqD,SAAS,CAACrB,KAAK;EACnC,IAAM/B,KAAK,GAAGP,wDAAO,CAACQ,MAAM;EAC5B,IAAIF,WAAW,KAAK,EAAE,EAAE;IACtB,OAAO,IAAI;EACb;EACAD,4DAAO,CAACC,WAAW,EAAEC,KAAK,CAAC;EAC3BsD,SAAS,CAAC7D,wDAAO,CAAC;EAClB,OAAOkC,KAAK,CAACC,cAAc,CAAC,CAAC;AAC/B,CAAC,CAAC;AACFwB,SAAS,CAAC1B,gBAAgB,CAAC,UAAU,EAAE,UAACC,KAAK,EAAK;EAChD,IAAM5B,WAAW,GAAGqD,SAAS,CAACrB,KAAK;EACnC,IAAM/B,KAAK,GAAGP,wDAAO,CAACQ,MAAM;EAC5B,IAAIF,WAAW,KAAK,EAAE,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,IAAI4B,KAAK,CAAC+B,GAAG,KAAK,OAAO,IAAIN,SAAS,CAACrB,KAAK,KAAK,EAAE,EAAE;IACnDjC,4DAAO,CAACC,WAAW,EAAEC,KAAK,CAAC;IAC3BsD,SAAS,CAAC,CAAC;IACX3B,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBpC,+DAAQ,CAACC,wDAAO,CAAC;IAEjB,OAAOA,wDAAO;EAChB;EACA,OAAOA,wDAAO;AAChB,CAAC,CAAC;;AAEF;AACAiB,QAAQ,CAACgB,gBAAgB,CAAC,OAAO,EAAE,UAACC,KAAK,EAAK;EAC5C,IAAMgC,SAAS,GAAGjD,QAAQ,CAACY,gBAAgB,CAAC,QAAQ,CAAC;EAErDqC,SAAS,CAACnC,OAAO,CAAC,UAACoC,IAAI,EAAE5D,KAAK,EAAK;IACjC,IAAI2B,KAAK,CAACkC,MAAM,KAAKD,IAAI,EAAE;MACzBT,mEAAW,CAAC1D,wDAAO,EAAEO,KAAK,CAAC;MAC3BR,+DAAQ,CAACC,wDAAO,CAAC;;MAEjB;MACA,IAAMW,SAAS,GAAAC,kBAAA,CAAOZ,wDAAO,CAAC;MAC9BO,KAAK,GAAGP,wDAAO,CAACQ,MAAM,GAAG,CAAC;MAC1BG,SAAS,CAACE,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC;QAAA,OAAKD,CAAC,CAACP,KAAK,GAAGQ,CAAC,CAACR,KAAK;MAAA,EAAC;MAE3CsD,SAAS,CAAC7D,wDAAO,CAAC;MAClBD,+DAAQ,CAACY,SAAS,CAAC;IACrB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC,C","sources":["webpack://webpacktemplate/./src/modules/addTask.js","webpack://webpacktemplate/./src/modules/displayList.js","webpack://webpacktemplate/./src/modules/removeItems.js","webpack://webpacktemplate/./src/modules/updateStatus.js","webpack://webpacktemplate/./src/modules/userInput.js","webpack://webpacktemplate/./src/styles/sass/main.sass","webpack://webpacktemplate/./node_modules/css-loader/dist/runtime/api.js","webpack://webpacktemplate/./node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://webpacktemplate/./src/assets/enter.png","webpack://webpacktemplate/./src/assets/refresh.png","webpack://webpacktemplate/./src/assets/three-dots.png","webpack://webpacktemplate/./src/assets/trash-can.png","webpack://webpacktemplate/./src/styles/sass/main.sass?0d12","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://webpacktemplate/webpack/bootstrap","webpack://webpacktemplate/webpack/runtime/compat get default export","webpack://webpacktemplate/webpack/runtime/define property getters","webpack://webpacktemplate/webpack/runtime/hasOwnProperty shorthand","webpack://webpacktemplate/webpack/runtime/make namespace object","webpack://webpacktemplate/webpack/runtime/nonce","webpack://webpacktemplate/./src/index.js"],"sourcesContent":["import { TaskObject, saveData } from './userInput.js';\n\nexport const taskarr = JSON.parse(localStorage.getItem('taskarr')) || [];\n\nexport const addTask = (description, index) => {\n index = taskarr.length;\n const newTask = new TaskObject(description, index);\n taskarr.push(newTask);\n // // this will sort out the user input index\n const sortedArr = [...taskarr];\n sortedArr.sort((a, b) => a.index - b.index);\n\n saveData(taskarr);\n return taskarr;\n};\n","import { taskarr } from './addTask.js';\nimport '../assets/trash-can.png';\nimport { saveData } from './userInput.js';\n\nexport const tasksList = document.querySelector('#tasksList');\n\nexport default (task) => {\n for (let i = 0; i < taskarr.length; i += 1) {\n task = document.createElement('li');\n task.classList.add('newTask');\n\n if (taskarr[i].description !== '') {\n task.innerHTML = `\n \n \n \"\"\n \"\"\n `;\n }\n if (taskarr[i].description === '') {\n tasksList.innerHTML = '';\n }\n\n tasksList.appendChild(task);\n }\n\n // const lis = document.querySelectorAll('.newTask');\n const taskDescription = document.querySelectorAll('#addItem');\n const dots = document.querySelectorAll('.dotsImg');\n\n dots.forEach((dot) => {\n dot.classList.add('hide');\n });\n\n taskDescription.forEach((task, index) => {\n task.addEventListener('click', (event) => {\n task.classList.add('edit');\n return event.preventDefault();\n });\n\n task.addEventListener('change', (event) => {\n task.readOnly = false;\n task.classList.remove('edit');\n\n return event.preventDefault();\n });\n // the trick is with input\n task.addEventListener('input', () => {\n taskarr[index].description = task.value;\n saveData(taskarr);\n });\n });\n};\n","export default (taskarr, index) => {\n taskarr.splice(index, 1);\n let i = index;\n while (i < taskarr.length) {\n taskarr[i].index = i;\n i += 1;\n }\n\n return taskarr;\n};\n","import { taskarr } from './addTask.js';\nimport { saveData } from './userInput.js';\nimport renderList from './displayList.js';\nexport default class TaskStatus {\n static updateStatus = () => {\n const checkB = document.querySelectorAll('.checkB');\n\n checkB.forEach((checkbox, i) => {\n checkbox.addEventListener('change', () => {\n if (!taskarr[i].completed) {\n taskarr[i].completed = true;\n // checkbox.classList.add('edit');\n checkbox = true;\n localStorage.setItem('checked', JSON.stringify(checkbox));\n saveData(taskarr);\n } else {\n taskarr[i].completed = false;\n checkbox['checked'] = false;\n saveData(taskarr);\n // checkbox.nextElementSibling.classList.remove('completed');\n }\n });\n });\n };\n\n static clearCompleted = () => {\n const clearAllBtn = document.querySelector('#clearAllBtn');\n clearAllBtn.addEventListener('click', () => {\n const notCompleted = taskarr.filter((task) => task.completed !== true);\n notCompleted.forEach((e, i) => {\n e.index = i + 1;\n });\n saveData(notCompleted);\n window.location.reload();\n });\n };\n}\n\n// // start by retrieving the current state\n// document.ready(() => {\n// let isChecked = localStorage.getItem('checkedbox');\n// // now set it\n// $('#check').prop('checked', isChecked);\n// });\n\n// $('#check').on('click', function () {\n// localStorage.setItem('checkedbox', $(this).prop('checked'));\n// // if you really want to submit the form when someone checks it...\n// $('form').submit();\n// });\n","export class TaskObject {\n constructor(description, index) {\n this.description = description;\n this.completed = false;\n this.index = index;\n }\n}\n\nexport const saveData = (data) => {\n localStorage.setItem('taskarr', JSON.stringify(data));\n};\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: stretch;\n background-color: #2fa8cc;\n font-family: \"Roboto\", sans-serif;\n white-space: pre-wrap;\n word-wrap: break-word;\n padding: 3rem;\n}\n\nimg {\n transition: all 0.5s;\n}\n\n.container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: stretch;\n background-color: #acc6e4;\n border-radius: 4px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);\n padding: 10px;\n text-align: left;\n}\n\n#tasksList {\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n}\n\ndiv, li {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n border: 0;\n padding: 0.1rem;\n gap: 0.1rem;\n margin-bottom: 0.25rem;\n}\n\nli {\n justify-content: space-evenly;\n margin-bottom: 0;\n padding: 0.5rem;\n}\n\n#newTask::focus {\n background: #a8ccf5;\n}\n\ndiv {\n gap: 0.2rem;\n}\ndiv h1 {\n color: black;\n font-size: 0.8rem;\n font-family: \"Inter\", sans-serif;\n font-weight: 600;\n letter-spacing: 0.0025rem;\n}\n\ninput {\n color: black;\n font-size: 0.6rem;\n font-family: \"Inter\", sans-serif;\n letter-spacing: 0.0125rem;\n border: 0;\n padding: 0.3rem;\n align-self: stretch;\n border-radius: 4px;\n}\n\n#userInput {\n height: 1.5rem;\n width: 100%;\n}\n\n#addItem {\n flex: 0.9;\n outline: none;\n}\n\n#checkB {\n flex: 0.1;\n border-radius: 4px;\n height: 1.3rem;\n align-self: center;\n cursor: pointer;\n transition: all 0.5s;\n}\n\n#recyclImg, #addBtn, #dotsImg, #trash {\n height: 1rem;\n width: 1rem;\n opacity: 0.5;\n}\n#recyclImg:hover, #addBtn:hover, #dotsImg:hover, #trash:hover {\n opacity: 1;\n}\n\n#trash {\n visibility: visible;\n}\n\n#clearAllBtn {\n transition: all 0.5s;\n border-radius: 2px;\n font-family: \"Inter\", sans-serif;\n font-weight: 500;\n font-size: 0.8rem;\n letter-spacing: 0.001em;\n word-spacing: normal;\n background-color: #2fa8cc;\n color: #acc6e4;\n border: 0;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);\n padding: 5px;\n cursor: pointer;\n text-align: center;\n margin-top: 0.3rem;\n}\n#clearAllBtn:active {\n transform: scale(0.98);\n}\n#clearAllBtn:focus {\n outline: 0;\n}\n\n.edit {\n background-color: #a8ccf5;\n}\n\n.hide {\n visibility: hidden;\n}\n\n.show {\n visibility: visible;\n}`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/styles/sass/global.sass\",\"webpack://./src/styles/sass/main.sass\"],\"names\":[],\"mappings\":\"AAKA;EACI,sBAAA;EACA,SAAA;EACA,UAAA;ACHJ;;AADA;EDSI,aAAA;EACA,sBAAA;ECRA,uBAAA;EACA,oBAAA;EACA,yBDPY;ECQZ,iCAAA;EACA,qBAAA;EACA,qBAAA;EACA,aAAA;AAKJ;;AAHA;EACI,oBAAA;AAMJ;;AALA;EDHI,aAAA;EACA,sBAAA;ECIA,uBAAA;EACA,oBAAA;EACA,yBDlBc;ECmBd,kBAAA;EACA,wEDlBS;ECmBT,aAAA;EACA,gBAAA;AASJ;;AAPA;EDbI,aAAA;EACA,sBAAA;ECcA,WAAA;AAWJ;;AAVA;EDbI,aAAA;EACA,mBAAA;ECcA,8BAAA;EACA,mBAAA;EACA,kBAAA;EAEA,SAAA;EACA,eAAA;EACA,WAAA;EACA,sBAAA;AAaJ;;AAZA;EACI,6BAAA;EACA,gBAAA;EACA,eAAA;AAeJ;;AAZI;EACI,mBD3CI;AC0DZ;;AAdA;EACI,WAAA;AAiBJ;AAhBI;EDOA,YAAA;EACA,iBAAA;EACA,gCA1DQ;EA2DR,gBAAA;EACA,yBAAA;ACYJ;;AApBA;EDUI,YAAA;EACA,iBAAA;EACA,gCAhEQ;EAiER,yBAAA;ECXA,SAAA;EACA,eAAA;EACA,mBAAA;EACA,kBAAA;AA0BJ;;AAxBA;EACI,cAAA;EACA,WAAA;AA2BJ;;AAxBA;EACI,SAAA;EACA,aAAA;AA2BJ;;AA1BA;EACI,SAAA;EACA,kBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;AA6BJ;;AA3BA;EACI,YAAA;EACA,WAAA;EACA,YAAA;AA8BJ;AA7BI;EACI,UAAA;AA+BR;;AA9BA;EACI,mBAAA;AAiCJ;;AAhCA;EDhEI,oBAAA;EACA,kBAAA;EACA,gCArBQ;EAsBR,gBAAA;EACA,iBAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAzBY;EA0BZ,cAzBc;EA0Bd,SAAA;EACA,wEAzBS;EA0BT,YAAA;EACA,eAAA;EACA,kBAAA;ECqDA,kBAAA;AAgDJ;AA9CI;EACI,sBAAA;AAgDR;AA9CI;EACI,UAAA;AAgDR;;AA/CA;EACI,yBD1FQ;AC4IZ;;AAjDA;EACI,kBAAA;AAoDJ;;AAnDA;EACI,mBAAA;AAsDJ\",\"sourcesContent\":[\"$InterFont: \\\"Inter\\\", sans-serif\\r\\n$primary-color: #2fa8cc\\r\\n$secondary-color: #acc6e4\\r\\n$inputColor:#a8ccf5\\r\\n$box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1)\\r\\n*\\r\\n box-sizing: border-box\\r\\n margin: 0\\r\\n padding: 0\\r\\n\\r\\n// mixings\\r\\n\\r\\n@mixin columnFlex\\r\\n display: flex\\r\\n flex-direction: column\\r\\n@mixin rowFlex\\r\\n display: flex\\r\\n flex-direction: row\\r\\n@mixin button\\r\\n transition: all 0.5s\\r\\n border-radius: 2px\\r\\n font-family: $InterFont\\r\\n font-weight: 500\\r\\n font-size: .8rem\\r\\n letter-spacing: 0.001em\\r\\n word-spacing: normal\\r\\n background-color: $primary-color\\r\\n color: $secondary-color\\r\\n border: 0\\r\\n box-shadow: $box-shadow\\r\\n padding: 5px\\r\\n cursor: pointer\\r\\n text-align: center\\r\\n\\r\\n@mixin twoThreeGrid\\r\\n display: grid\\r\\n grid-template-columns: 1fr 1fr\\r\\n grid-template-rows: 1fr 1fr 1fr\\r\\n\\r\\n@mixin globalFont\\r\\n font-family: $InterFont\\r\\n font-weight: 500\\r\\n font-size: 1.2rem\\r\\n@mixin smlInterH1\\r\\n color: black\\r\\n font-size: 2rem\\r\\n font-family: $InterFont\\r\\n font-weight: 800\\r\\n letter-spacing: -0.0525rem\\r\\n@mixin smlInterH2\\r\\n color: black\\r\\n font-size: 1.5rem\\r\\n font-family: $InterFont\\r\\n font-weight: 800\\r\\n letter-spacing: -0.0225rem\\r\\n@mixin smlInterH3\\r\\n color: black\\r\\n font-size: .8rem\\r\\n font-family: $InterFont\\r\\n font-weight: 600\\r\\n letter-spacing: 0.0025rem\\r\\n@mixin smlInterP\\r\\n color: black\\r\\n font-size: .6rem\\r\\n font-family: $InterFont\\r\\n letter-spacing: 0.0125rem\",\"@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap')\\r\\n@import global\\r\\n\\r\\n// $trashcan: \\r\\nbody\\r\\n @include columnFlex\\r\\n justify-content: center\\r\\n align-items: stretch\\r\\n background-color: $primary-color\\r\\n font-family: 'Roboto', sans-serif\\r\\n white-space: pre-wrap\\r\\n word-wrap: break-word\\r\\n padding: 3rem\\r\\n // height: 100vh\\r\\nimg\\r\\n transition: all 0.5s\\r\\n.container\\r\\n @include columnFlex\\r\\n justify-content: center\\r\\n align-items: stretch\\r\\n background-color: $secondary-color\\r\\n border-radius: 4px\\r\\n box-shadow: $box-shadow\\r\\n padding: 10px\\r\\n text-align: left\\r\\n // width: 92%\\r\\n#tasksList\\r\\n @include columnFlex\\r\\n gap: .2rem\\r\\ndiv, li\\r\\n @include rowFlex\\r\\n justify-content: space-between\\r\\n align-items: center\\r\\n border-radius: 4px\\r\\n // margin-top: .3rem\\r\\n border: 0\\r\\n padding: .1rem\\r\\n gap: .1rem\\r\\n margin-bottom: .25rem\\r\\nli\\r\\n justify-content: space-evenly\\r\\n margin-bottom: 0\\r\\n padding: .5rem\\r\\n\\r\\n#newTask\\r\\n &::focus\\r\\n background: $inputColor\\r\\ndiv\\r\\n gap: .2rem\\r\\n h1\\r\\n @include smlInterH3\\r\\n\\r\\ninput\\r\\n @include smlInterP\\r\\n border: 0\\r\\n padding: .3rem\\r\\n align-self: stretch\\r\\n border-radius: 4px\\r\\n\\r\\n#userInput\\r\\n height: 1.5rem\\r\\n width: 100%\\r\\n // margin-bottom: .3rem\\r\\n\\r\\n#addItem\\r\\n flex: .9\\r\\n outline: none\\r\\n#checkB\\r\\n flex: .1\\r\\n border-radius: 4px\\r\\n height: 1.3rem\\r\\n align-self: center\\r\\n cursor: pointer\\r\\n transition: all 0.5s\\r\\n\\r\\n#recyclImg, #addBtn,#dotsImg,#trash\\r\\n height: 1rem\\r\\n width: 1rem\\r\\n opacity: .5\\r\\n &:hover\\r\\n opacity: 1\\r\\n#trash\\r\\n visibility: visible\\r\\n#clearAllBtn\\r\\n @include button\\r\\n margin-top: .3rem\\r\\n\\r\\n &:active\\r\\n transform: scale(0.98)\\r\\n\\r\\n &:focus\\r\\n outline: 0\\r\\n.edit\\r\\n background-color: $inputColor\\r\\n.hide\\r\\n visibility: hidden\\r\\n.show\\r\\n visibility: visible\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n if (!cssMapping) {\n return content;\n }\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n return [content].concat([sourceMapping]).join(\"\\n\");\n }\n return [content].join(\"\\n\");\n};","export default \"/enter.png\";","export default \"/refresh.png\";","export default \"/three-dots.png\";","export default \"/trash-can.png\";","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./main.sass\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./main.sass\";\n export default content && content.locals ? content.locals : undefined;\n","\"use strict\";\n\nvar stylesInDOM = [];\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n for (var i = 0; i < stylesInDOM.length; i++) {\n if (stylesInDOM[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n return result;\n}\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var indexByIdentifier = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3],\n supports: item[4],\n layer: item[5]\n };\n if (indexByIdentifier !== -1) {\n stylesInDOM[indexByIdentifier].references++;\n stylesInDOM[indexByIdentifier].updater(obj);\n } else {\n var updater = addElementStyle(obj, options);\n options.byIndex = i;\n stylesInDOM.splice(i, 0, {\n identifier: identifier,\n updater: updater,\n references: 1\n });\n }\n identifiers.push(identifier);\n }\n return identifiers;\n}\nfunction addElementStyle(obj, options) {\n var api = options.domAPI(options);\n api.update(obj);\n var updater = function updater(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n return;\n }\n api.update(obj = newObj);\n } else {\n api.remove();\n }\n };\n return updater;\n}\nmodule.exports = function (list, options) {\n options = options || {};\n list = list || [];\n var lastIdentifiers = modulesToDom(list, options);\n return function update(newList) {\n newList = newList || [];\n for (var i = 0; i < lastIdentifiers.length; i++) {\n var identifier = lastIdentifiers[i];\n var index = getIndexByIdentifier(identifier);\n stylesInDOM[index].references--;\n }\n var newLastIdentifiers = modulesToDom(newList, options);\n for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n var _identifier = lastIdentifiers[_i];\n var _index = getIndexByIdentifier(_identifier);\n if (stylesInDOM[_index].references === 0) {\n stylesInDOM[_index].updater();\n stylesInDOM.splice(_index, 1);\n }\n }\n lastIdentifiers = newLastIdentifiers;\n };\n};","\"use strict\";\n\nvar memo = {};\n\n/* istanbul ignore next */\nfunction getTarget(target) {\n if (typeof memo[target] === \"undefined\") {\n var styleTarget = document.querySelector(target);\n\n // Special case to return head of iframe instead of iframe itself\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n memo[target] = styleTarget;\n }\n return memo[target];\n}\n\n/* istanbul ignore next */\nfunction insertBySelector(insert, style) {\n var target = getTarget(insert);\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n target.appendChild(style);\n}\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next */\nfunction insertStyleElement(options) {\n var element = document.createElement(\"style\");\n options.setAttributes(element, options.attributes);\n options.insert(element, options.options);\n return element;\n}\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next */\nfunction setAttributesWithoutAttributes(styleElement) {\n var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n if (nonce) {\n styleElement.setAttribute(\"nonce\", nonce);\n }\n}\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next */\nfunction apply(styleElement, options, obj) {\n var css = \"\";\n if (obj.supports) {\n css += \"@supports (\".concat(obj.supports, \") {\");\n }\n if (obj.media) {\n css += \"@media \".concat(obj.media, \" {\");\n }\n var needLayer = typeof obj.layer !== \"undefined\";\n if (needLayer) {\n css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n }\n css += obj.css;\n if (needLayer) {\n css += \"}\";\n }\n if (obj.media) {\n css += \"}\";\n }\n if (obj.supports) {\n css += \"}\";\n }\n var sourceMap = obj.sourceMap;\n if (sourceMap && typeof btoa !== \"undefined\") {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n }\n\n // For old IE\n /* istanbul ignore if */\n options.styleTagTransform(css, styleElement, options.options);\n}\nfunction removeStyleElement(styleElement) {\n // istanbul ignore if\n if (styleElement.parentNode === null) {\n return false;\n }\n styleElement.parentNode.removeChild(styleElement);\n}\n\n/* istanbul ignore next */\nfunction domAPI(options) {\n if (typeof document === \"undefined\") {\n return {\n update: function update() {},\n remove: function remove() {}\n };\n }\n var styleElement = options.insertStyleElement(options);\n return {\n update: function update(obj) {\n apply(styleElement, options, obj);\n },\n remove: function remove() {\n removeStyleElement(styleElement);\n }\n };\n}\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElement) {\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css;\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild);\n }\n styleElement.appendChild(document.createTextNode(css));\n }\n}\nmodule.exports = styleTagTransform;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","import './styles/sass/main.sass';\nimport './assets/refresh.png';\nimport './assets/enter.png';\nimport './assets/trash-can.png';\nimport { addTask, taskarr } from './modules/addTask.js';\nimport renderList from './modules/displayList.js';\nimport './assets/three-dots.png';\nimport removeItems from './modules/removeItems.js';\nimport TaskStatus from './modules/updateStatus.js';\nimport { saveData } from './modules/userInput.js';\n\nconst userInput = document.querySelector('#userInput');\nconst addBtn = document.querySelector('#addBtn');\n\nrenderList(taskarr);\nconst reloading = () => {\n setInterval(document.location.reload());\n localStorage.getItem('checked');\n};\n\nTaskStatus.updateStatus();\nTaskStatus.clearCompleted();\n// add tasks\naddBtn.addEventListener('click', (event) => {\n const description = userInput.value;\n const index = taskarr.length;\n if (description === '') {\n return null;\n }\n addTask(description, index);\n reloading(taskarr);\n return event.preventDefault();\n});\nuserInput.addEventListener('keypress', (event) => {\n const description = userInput.value;\n const index = taskarr.length;\n if (description === '') {\n return null;\n }\n\n if (event.key === 'Enter' && userInput.value !== '') {\n addTask(description, index);\n reloading();\n event.preventDefault();\n saveData(taskarr);\n\n return taskarr;\n }\n return taskarr;\n});\n\n// remove tasks\ndocument.addEventListener('click', (event) => {\n const dotsTrash = document.querySelectorAll('.trash');\n\n dotsTrash.forEach((icon, index) => {\n if (event.target === icon) {\n removeItems(taskarr, index);\n saveData(taskarr);\n\n // this will sort out the index when removing Items\n const sortedArr = [...taskarr];\n index = taskarr.length + 1;\n sortedArr.sort((a, b) => a.index - b.index);\n\n reloading(taskarr);\n saveData(sortedArr);\n }\n });\n});\n"],"names":["TaskObject","saveData","taskarr","JSON","parse","localStorage","getItem","addTask","description","index","length","newTask","push","sortedArr","_toConsumableArray","sort","a","b","tasksList","document","querySelector","task","i","createElement","classList","add","innerHTML","concat","completed","appendChild","taskDescription","querySelectorAll","dots","forEach","dot","addEventListener","event","preventDefault","readOnly","remove","value","splice","renderList","TaskStatus","_createClass","_classCallCheck","_defineProperty","checkB","checkbox","setItem","stringify","clearAllBtn","notCompleted","filter","e","window","location","reload","default","data","removeItems","userInput","addBtn","reloading","setInterval","updateStatus","clearCompleted","key","dotsTrash","icon","target"],"sourceRoot":""} \ No newline at end of file diff --git a/dist/bundle0a4d8217c7af776c267d.js b/dist/bundle60d39da582b4e76e6a3f.js similarity index 83% rename from dist/bundle0a4d8217c7af776c267d.js rename to dist/bundle60d39da582b4e76e6a3f.js index e2aa312..54bcb3e 100644 --- a/dist/bundle0a4d8217c7af776c267d.js +++ b/dist/bundle60d39da582b4e76e6a3f.js @@ -14,21 +14,13 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ taskarr: () => (/* binding */ taskarr) /* harmony export */ }); /* harmony import */ var _userInput_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./userInput.js */ "./src/modules/userInput.js"); -function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); } -function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } -function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } -function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } -function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); } -function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } var taskarr = JSON.parse(localStorage.getItem('taskarr')) || []; var addTask = function addTask(description, index) { index = taskarr.length; - var newTask = new _userInput_js__WEBPACK_IMPORTED_MODULE_0__.TaskObject(description, index); + var newTask = new _userInput_js__WEBPACK_IMPORTED_MODULE_0__.TaskObject(description, index + 1); taskarr.push(newTask); - // // this will sort out the user input index - var sortedArr = _toConsumableArray(taskarr); - sortedArr.sort(function (a, b) { + taskarr.sort(function (a, b) { return a.index - b.index; }); (0,_userInput_js__WEBPACK_IMPORTED_MODULE_0__.saveData)(taskarr); @@ -59,33 +51,32 @@ var tasksList = document.querySelector('#tasksList'); for (var i = 0; i < _addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr.length; i += 1) { task = document.createElement('li'); task.classList.add('newTask'); - if (_addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr[i].description !== '') { - task.innerHTML = "\n \n \n \"\"\n \"\"\n "); + if (_addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr[i].description !== '' && _addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr[i].completed === true) { + task.innerHTML = "\n \n \n \"\"\n \n "); + } + if (_addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr[i].description !== '' && _addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr[i].completed === false) { + task.innerHTML = "\n \n \n \"\"\n "); } if (_addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr[i].description === '') { tasksList.innerHTML = ''; } tasksList.appendChild(task); } - - // const lis = document.querySelectorAll('.newTask'); var taskDescription = document.querySelectorAll('#addItem'); - var dots = document.querySelectorAll('.dotsImg'); - dots.forEach(function (dot) { - dot.classList.add('hide'); - }); taskDescription.forEach(function (task, index) { task.addEventListener('click', function (event) { task.classList.add('edit'); - return event.preventDefault(); + return event.preventDefault(task.classList.remove('edit')); }); task.addEventListener('change', function (event) { + event.preventDefault(); task.readOnly = false; task.classList.remove('edit'); return event.preventDefault(); }); // the trick is with input - task.addEventListener('input', function () { + task.addEventListener('input', function (event) { + event.preventDefault(); _addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr[index].description = task.value; (0,_userInput_js__WEBPACK_IMPORTED_MODULE_2__.saveData)(_addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr); }); @@ -124,11 +115,10 @@ __webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (/* binding */ TaskStatus) +/* harmony export */ TaskStatus: () => (/* binding */ TaskStatus) /* harmony export */ }); /* harmony import */ var _addTask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./addTask.js */ "./src/modules/addTask.js"); /* harmony import */ var _userInput_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./userInput.js */ "./src/modules/userInput.js"); -/* harmony import */ var _displayList_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./displayList.js */ "./src/modules/displayList.js"); function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } @@ -138,35 +128,22 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } - var TaskStatus = /*#__PURE__*/_createClass(function TaskStatus() { _classCallCheck(this, TaskStatus); -}); // // start by retrieving the current state -// document.ready(() => { -// let isChecked = localStorage.getItem('checkedbox'); -// // now set it -// $('#check').prop('checked', isChecked); -// }); -// $('#check').on('click', function () { -// localStorage.setItem('checkedbox', $(this).prop('checked')); -// // if you really want to submit the form when someone checks it... -// $('form').submit(); -// }); +}); _defineProperty(TaskStatus, "updateStatus", function () { var checkB = document.querySelectorAll('.checkB'); checkB.forEach(function (checkbox, i) { checkbox.addEventListener('change', function () { if (!_addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr[i].completed) { _addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr[i].completed = true; - // checkbox.classList.add('edit'); - checkbox = true; - localStorage.setItem('checked', JSON.stringify(checkbox)); + checkbox.setAttribute('checked', 'checked'); + document.location.reload(); (0,_userInput_js__WEBPACK_IMPORTED_MODULE_1__.saveData)(_addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr); } else { _addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr[i].completed = false; - checkbox['checked'] = false; + document.location.reload(); (0,_userInput_js__WEBPACK_IMPORTED_MODULE_1__.saveData)(_addTask_js__WEBPACK_IMPORTED_MODULE_0__.taskarr); - // checkbox.nextElementSibling.classList.remove('completed'); } }); }); @@ -185,7 +162,6 @@ _defineProperty(TaskStatus, "clearCompleted", function () { }); }); - /***/ }), /***/ "./src/modules/userInput.js": @@ -247,27 +223,40 @@ body { display: flex; flex-direction: column; justify-content: center; - align-items: stretch; + align-items: center; background-color: #2fa8cc; font-family: "Roboto", sans-serif; white-space: pre-wrap; word-wrap: break-word; padding: 3rem; + gap: 3rem; } img { transition: all 0.5s; } +header { + color: black; + font-size: 1.5rem; + font-family: "Inter", sans-serif; + font-weight: 800; + letter-spacing: -0.0225rem; +} + .container { display: flex; flex-direction: column; justify-content: center; + justify-items: center; align-items: stretch; + align-self: stretch; background-color: #acc6e4; border-radius: 4px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1); padding: 10px; + margin-left: calc(35% - 100px); + margin-right: calc(35% - 100px); text-align: left; } @@ -290,7 +279,6 @@ div, li { } li { - justify-content: space-evenly; margin-bottom: 0; padding: 0.5rem; } @@ -370,13 +358,19 @@ input { text-align: center; margin-top: 0.3rem; } -#clearAllBtn:active { - transform: scale(0.98); -} -#clearAllBtn:focus { - outline: 0; -} +@media (min-width: 768px) { + #clearAllBtn { + margin-left: calc(30% - 100px); + margin-right: calc(30% - 100px); + } + #clearAllBtn:active { + transform: scale(0.98); + } + #clearAllBtn:focus { + outline: 0; + } +} .edit { background-color: #a8ccf5; } @@ -387,7 +381,13 @@ input { .show { visibility: visible; -}`, "",{"version":3,"sources":["webpack://./src/styles/sass/global.sass","webpack://./src/styles/sass/main.sass"],"names":[],"mappings":"AAKA;EACI,sBAAA;EACA,SAAA;EACA,UAAA;ACHJ;;AADA;EDSI,aAAA;EACA,sBAAA;ECRA,uBAAA;EACA,oBAAA;EACA,yBDPY;ECQZ,iCAAA;EACA,qBAAA;EACA,qBAAA;EACA,aAAA;AAKJ;;AAHA;EACI,oBAAA;AAMJ;;AALA;EDHI,aAAA;EACA,sBAAA;ECIA,uBAAA;EACA,oBAAA;EACA,yBDlBc;ECmBd,kBAAA;EACA,wEDlBS;ECmBT,aAAA;EACA,gBAAA;AASJ;;AAPA;EDbI,aAAA;EACA,sBAAA;ECcA,WAAA;AAWJ;;AAVA;EDbI,aAAA;EACA,mBAAA;ECcA,8BAAA;EACA,mBAAA;EACA,kBAAA;EAEA,SAAA;EACA,eAAA;EACA,WAAA;EACA,sBAAA;AAaJ;;AAZA;EACI,6BAAA;EACA,gBAAA;EACA,eAAA;AAeJ;;AAZI;EACI,mBD3CI;AC0DZ;;AAdA;EACI,WAAA;AAiBJ;AAhBI;EDOA,YAAA;EACA,iBAAA;EACA,gCA1DQ;EA2DR,gBAAA;EACA,yBAAA;ACYJ;;AApBA;EDUI,YAAA;EACA,iBAAA;EACA,gCAhEQ;EAiER,yBAAA;ECXA,SAAA;EACA,eAAA;EACA,mBAAA;EACA,kBAAA;AA0BJ;;AAxBA;EACI,cAAA;EACA,WAAA;AA2BJ;;AAxBA;EACI,SAAA;EACA,aAAA;AA2BJ;;AA1BA;EACI,SAAA;EACA,kBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;AA6BJ;;AA3BA;EACI,YAAA;EACA,WAAA;EACA,YAAA;AA8BJ;AA7BI;EACI,UAAA;AA+BR;;AA9BA;EACI,mBAAA;AAiCJ;;AAhCA;EDhEI,oBAAA;EACA,kBAAA;EACA,gCArBQ;EAsBR,gBAAA;EACA,iBAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAzBY;EA0BZ,cAzBc;EA0Bd,SAAA;EACA,wEAzBS;EA0BT,YAAA;EACA,eAAA;EACA,kBAAA;ECqDA,kBAAA;AAgDJ;AA9CI;EACI,sBAAA;AAgDR;AA9CI;EACI,UAAA;AAgDR;;AA/CA;EACI,yBD1FQ;AC4IZ;;AAjDA;EACI,kBAAA;AAoDJ;;AAnDA;EACI,mBAAA;AAsDJ","sourcesContent":["$InterFont: \"Inter\", sans-serif\r\n$primary-color: #2fa8cc\r\n$secondary-color: #acc6e4\r\n$inputColor:#a8ccf5\r\n$box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1)\r\n*\r\n box-sizing: border-box\r\n margin: 0\r\n padding: 0\r\n\r\n// mixings\r\n\r\n@mixin columnFlex\r\n display: flex\r\n flex-direction: column\r\n@mixin rowFlex\r\n display: flex\r\n flex-direction: row\r\n@mixin button\r\n transition: all 0.5s\r\n border-radius: 2px\r\n font-family: $InterFont\r\n font-weight: 500\r\n font-size: .8rem\r\n letter-spacing: 0.001em\r\n word-spacing: normal\r\n background-color: $primary-color\r\n color: $secondary-color\r\n border: 0\r\n box-shadow: $box-shadow\r\n padding: 5px\r\n cursor: pointer\r\n text-align: center\r\n\r\n@mixin twoThreeGrid\r\n display: grid\r\n grid-template-columns: 1fr 1fr\r\n grid-template-rows: 1fr 1fr 1fr\r\n\r\n@mixin globalFont\r\n font-family: $InterFont\r\n font-weight: 500\r\n font-size: 1.2rem\r\n@mixin smlInterH1\r\n color: black\r\n font-size: 2rem\r\n font-family: $InterFont\r\n font-weight: 800\r\n letter-spacing: -0.0525rem\r\n@mixin smlInterH2\r\n color: black\r\n font-size: 1.5rem\r\n font-family: $InterFont\r\n font-weight: 800\r\n letter-spacing: -0.0225rem\r\n@mixin smlInterH3\r\n color: black\r\n font-size: .8rem\r\n font-family: $InterFont\r\n font-weight: 600\r\n letter-spacing: 0.0025rem\r\n@mixin smlInterP\r\n color: black\r\n font-size: .6rem\r\n font-family: $InterFont\r\n letter-spacing: 0.0125rem","@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap')\r\n@import global\r\n\r\n// $trashcan: \r\nbody\r\n @include columnFlex\r\n justify-content: center\r\n align-items: stretch\r\n background-color: $primary-color\r\n font-family: 'Roboto', sans-serif\r\n white-space: pre-wrap\r\n word-wrap: break-word\r\n padding: 3rem\r\n // height: 100vh\r\nimg\r\n transition: all 0.5s\r\n.container\r\n @include columnFlex\r\n justify-content: center\r\n align-items: stretch\r\n background-color: $secondary-color\r\n border-radius: 4px\r\n box-shadow: $box-shadow\r\n padding: 10px\r\n text-align: left\r\n // width: 92%\r\n#tasksList\r\n @include columnFlex\r\n gap: .2rem\r\ndiv, li\r\n @include rowFlex\r\n justify-content: space-between\r\n align-items: center\r\n border-radius: 4px\r\n // margin-top: .3rem\r\n border: 0\r\n padding: .1rem\r\n gap: .1rem\r\n margin-bottom: .25rem\r\nli\r\n justify-content: space-evenly\r\n margin-bottom: 0\r\n padding: .5rem\r\n\r\n#newTask\r\n &::focus\r\n background: $inputColor\r\ndiv\r\n gap: .2rem\r\n h1\r\n @include smlInterH3\r\n\r\ninput\r\n @include smlInterP\r\n border: 0\r\n padding: .3rem\r\n align-self: stretch\r\n border-radius: 4px\r\n\r\n#userInput\r\n height: 1.5rem\r\n width: 100%\r\n // margin-bottom: .3rem\r\n\r\n#addItem\r\n flex: .9\r\n outline: none\r\n#checkB\r\n flex: .1\r\n border-radius: 4px\r\n height: 1.3rem\r\n align-self: center\r\n cursor: pointer\r\n transition: all 0.5s\r\n\r\n#recyclImg, #addBtn,#dotsImg,#trash\r\n height: 1rem\r\n width: 1rem\r\n opacity: .5\r\n &:hover\r\n opacity: 1\r\n#trash\r\n visibility: visible\r\n#clearAllBtn\r\n @include button\r\n margin-top: .3rem\r\n\r\n &:active\r\n transform: scale(0.98)\r\n\r\n &:focus\r\n outline: 0\r\n.edit\r\n background-color: $inputColor\r\n.hide\r\n visibility: hidden\r\n.show\r\n visibility: visible\r\n"],"sourceRoot":""}]); +} + +footer { + position: relative; + align-self: center; + bottom: 5px; +}`, "",{"version":3,"sources":["webpack://./src/styles/sass/global.sass","webpack://./src/styles/sass/main.sass"],"names":[],"mappings":"AAcA;EACI,sBAAA;EACA,SAAA;EACA,UAAA;ACZJ;;AADA;EDkBI,aAAA;EACA,sBAAA;ECjBA,uBAAA;EACA,mBAAA;EACA,yBDPY;ECQZ,iCAAA;EACA,qBAAA;EACA,qBAAA;EACA,aAAA;EACA,SAAA;AAKJ;;AAJA;EACI,oBAAA;AAOJ;;AANA;ED2CI,YAAA;EACA,iBAAA;EACA,gCA7DQ;EA8DR,gBAAA;EACA,0BAAA;ACjCJ;;AAXA;EDGI,aAAA;EACA,sBAAA;ECFA,uBAAA;EACA,qBAAA;EACA,oBAAA;EACA,mBAAA;EACA,yBDvBc;ECwBd,kBAAA;EACA,wEDvBS;ECwBT,aAAA;EACA,8BDlBO;ECmBP,+BDrBO;ECsBP,gBAAA;AAeJ;;AAdA;EDVI,aAAA;EACA,sBAAA;ECWA,WAAA;AAkBJ;;AAjBA;EDVI,aAAA;EACA,mBAAA;ECWA,8BAAA;EACA,mBAAA;EACA,kBAAA;EACA,SAAA;EACA,eAAA;EACA,WAAA;EACA,sBAAA;AAqBJ;;AApBA;EACI,gBAAA;EACA,eAAA;AAuBJ;;AApBI;EACI,mBD/CI;ACsEZ;;AAtBA;EACI,WAAA;AAyBJ;AAxBI;EDYA,YAAA;EACA,iBAAA;EACA,gCAnEQ;EAoER,gBAAA;EACA,yBAAA;ACeJ;;AA5BA;EDeI,YAAA;EACA,iBAAA;EACA,gCAzEQ;EA0ER,yBAAA;EChBA,SAAA;EACA,eAAA;EACA,mBAAA;EACA,kBAAA;AAkCJ;;AAhCA;EACI,cAAA;EACA,WAAA;AAmCJ;;AAjCA;EACI,SAAA;EACA,aAAA;AAoCJ;;AAnCA;EACI,SAAA;EACA,kBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;AAsCJ;;AApCA;EACI,YAAA;EACA,WAAA;EACA,YAAA;AAuCJ;AAtCI;EACI,UAAA;AAwCR;;AAvCA;EACI,mBAAA;AA0CJ;;AAzCA;ED1DI,oBAAA;EACA,kBAAA;EACA,gCA9BQ;EA+BR,gBAAA;EACA,iBAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAlCY;EAmCZ,cAlCc;EAmCd,SAAA;EACA,wEAlCS;EAmCT,YAAA;EACA,eAAA;EACA,kBAAA;EC+CA,kBAAA;AAyDJ;;AAvDA;EACI;IACI,8BDhFG;ICiFH,+BDnFG;EC6IT;EAxDM;IACI,sBAAA;EA0DV;EAxDM;IACI,UAAA;EA0DV;AACF;AAzDA;EACI,yBDnGQ;AC8JZ;;AA1DA;EACI,kBAAA;AA6DJ;;AA5DA;EACI,mBAAA;AA+DJ;;AA9DA;EACI,kBAAA;EACA,kBAAA;EACA,WAAA;AAiEJ","sourcesContent":["$InterFont: \"Inter\", sans-serif\r\n$primary-color: #2fa8cc\r\n$secondary-color: #acc6e4\r\n$inputColor:#a8ccf5\r\n$box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1)\r\n$qrpadding: calc( 20% - 100px )\r\n$Qrpadding: calc( 25% - 120px )\r\n$qlpadding: calc( 20% - 100px )\r\n$Qlpadding: calc( 25% - 120px )\r\n$qrmargin: calc( 35% - 100px )\r\n$Qrmargin: calc( 30% - 100px )\r\n$qlmargin: calc( 35% - 100px )\r\n$Qlmargin: calc( 30% - 100px )\r\n\r\n*\r\n box-sizing: border-box\r\n margin: 0\r\n padding: 0\r\n\r\n// mixings\r\n\r\n@mixin columnFlex\r\n display: flex\r\n flex-direction: column\r\n@mixin rowFlex\r\n display: flex\r\n flex-direction: row\r\n@mixin button\r\n transition: all 0.5s\r\n border-radius: 2px\r\n font-family: $InterFont\r\n font-weight: 500\r\n font-size: .8rem\r\n letter-spacing: 0.001em\r\n word-spacing: normal\r\n background-color: $primary-color\r\n color: $secondary-color\r\n border: 0\r\n box-shadow: $box-shadow\r\n padding: 5px\r\n cursor: pointer\r\n text-align: center\r\n\r\n@mixin twoThreeGrid\r\n display: grid\r\n grid-template-columns: 1fr 1fr\r\n grid-template-rows: 1fr 1fr 1fr\r\n\r\n@mixin globalFont\r\n font-family: $InterFont\r\n font-weight: 500\r\n font-size: 1.2rem\r\n@mixin smlInterH1\r\n color: black\r\n font-size: 2rem\r\n font-family: $InterFont\r\n font-weight: 800\r\n letter-spacing: -0.0525rem\r\n@mixin smlInterH2\r\n color: black\r\n font-size: 1.5rem\r\n font-family: $InterFont\r\n font-weight: 800\r\n letter-spacing: -0.0225rem\r\n@mixin smlInterH3\r\n color: black\r\n font-size: .8rem\r\n font-family: $InterFont\r\n font-weight: 600\r\n letter-spacing: 0.0025rem\r\n@mixin smlInterP\r\n color: black\r\n font-size: .6rem\r\n font-family: $InterFont\r\n letter-spacing: 0.0125rem","@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap')\r\n@import global\r\n\r\n// $trashcan: \r\nbody\r\n @include columnFlex\r\n justify-content: center\r\n align-items: center\r\n background-color: $primary-color\r\n font-family: 'Roboto', sans-serif\r\n white-space: pre-wrap\r\n word-wrap: break-word\r\n padding: 3rem\r\n gap: 3rem\r\nimg\r\n transition: all 0.5s\r\nheader\r\n @include smlInterH2\r\n\r\n.container\r\n @include columnFlex\r\n justify-content: center\r\n justify-items: center\r\n align-items: stretch\r\n align-self: stretch\r\n background-color: $secondary-color\r\n border-radius: 4px\r\n box-shadow: $box-shadow\r\n padding: 10px\r\n margin-left: $qlmargin\r\n margin-right: $qrmargin\r\n text-align: left\r\n#tasksList\r\n @include columnFlex\r\n gap: .2rem\r\ndiv, li\r\n @include rowFlex\r\n justify-content: space-between\r\n align-items: center\r\n border-radius: 4px\r\n border: 0\r\n padding: .1rem\r\n gap: .1rem\r\n margin-bottom: .25rem\r\nli\r\n margin-bottom: 0\r\n padding: .5rem\r\n\r\n#newTask\r\n &::focus\r\n background: $inputColor\r\ndiv\r\n gap: .2rem\r\n h1\r\n @include smlInterH3\r\n\r\ninput\r\n @include smlInterP\r\n border: 0\r\n padding: .3rem\r\n align-self: stretch\r\n border-radius: 4px\r\n\r\n#userInput\r\n height: 1.5rem\r\n width: 100%\r\n\r\n#addItem\r\n flex: .9\r\n outline: none\r\n#checkB\r\n flex: .1\r\n border-radius: 4px\r\n height: 1.3rem\r\n align-self: center\r\n cursor: pointer\r\n transition: all 0.5s\r\n\r\n#recyclImg, #addBtn,#dotsImg,#trash\r\n height: 1rem\r\n width: 1rem\r\n opacity: .5\r\n &:hover\r\n opacity: 1\r\n#trash\r\n visibility: visible\r\n#clearAllBtn\r\n @include button\r\n margin-top: .3rem\r\n\r\n@media (min-width: 768px)\r\n #clearAllBtn\r\n margin-left: $Qlmargin\r\n margin-right: $Qrmargin\r\n\r\n &:active\r\n transform: scale(0.98)\r\n\r\n &:focus\r\n outline: 0\r\n\r\n.edit\r\n background-color: $inputColor\r\n.hide\r\n visibility: hidden\r\n.show\r\n visibility: visible\r\nfooter\r\n position: relative\r\n align-self: center\r\n bottom: 5px\r\n"],"sourceRoot":""}]); // Exports /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); @@ -998,13 +998,20 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len var userInput = document.querySelector('#userInput'); var addBtn = document.querySelector('#addBtn'); +var refresh = document.querySelector('#recyclImg'); (0,_modules_displayList_js__WEBPACK_IMPORTED_MODULE_5__["default"])(_modules_addTask_js__WEBPACK_IMPORTED_MODULE_4__.taskarr); +// this is to reload the page whenever needed var reloading = function reloading() { setInterval(document.location.reload()); - localStorage.getItem('checked'); }; -_modules_updateStatus_js__WEBPACK_IMPORTED_MODULE_8__["default"].updateStatus(); -_modules_updateStatus_js__WEBPACK_IMPORTED_MODULE_8__["default"].clearCompleted(); + +// this is for the refresh icon +refresh.addEventListener('click', function () { + return reloading(); +}); +_modules_updateStatus_js__WEBPACK_IMPORTED_MODULE_8__.TaskStatus.updateStatus(); +_modules_updateStatus_js__WEBPACK_IMPORTED_MODULE_8__.TaskStatus.clearCompleted(); + // add tasks addBtn.addEventListener('click', function (event) { var description = userInput.value; @@ -1055,4 +1062,4 @@ document.addEventListener('click', function (event) { /******/ })() ; -//# sourceMappingURL=bundle0a4d8217c7af776c267d.js.map \ No newline at end of file +//# sourceMappingURL=bundle60d39da582b4e76e6a3f.js.map \ No newline at end of file diff --git a/dist/bundle60d39da582b4e76e6a3f.js.map b/dist/bundle60d39da582b4e76e6a3f.js.map new file mode 100644 index 0000000..d8696c3 --- /dev/null +++ b/dist/bundle60d39da582b4e76e6a3f.js.map @@ -0,0 +1 @@ +{"version":3,"file":"bundle60d39da582b4e76e6a3f.js","mappings":"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C;IACtBG,MAAM,CAACN,QAAQ,CAACC,MAAM,CAAC,CAAC;EAC1B,CAAC,CAAC;AACJ,CAAC;;;;;;;;;;;;;;;;;;;;;ACnCI,IAAM9C,UAAU,gBAAAuC,YAAA,CACrB,SAAAvC,WAAYQ,WAAW,EAAEC,KAAK,EAAE;EAAA+B,eAAA,OAAAxC,UAAA;EAC9B,IAAI,CAACQ,WAAW,GAAGA,WAAW;EAC9B,IAAI,CAACgB,SAAS,GAAG,KAAK;EACtB,IAAI,CAACf,KAAK,GAAGA,KAAK;AACpB,CAAC;AAGI,IAAMR,QAAQ,GAAG,SAAXA,QAAQA,CAAImD,IAAI,EAAK;EAChC/C,YAAY,CAACgD,OAAO,CAAC,SAAS,EAAElD,IAAI,CAACmD,SAAS,CAACF,IAAI,CAAC,CAAC;AACvD,CAAC;;;;;;;;;;;;;;;;;;ACVD;AACgH;AACjB;AAC/F,8BAA8B,mFAA2B,CAAC,4FAAqC;AAC/F,+GAA+G,kBAAkB;AACjI;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,CAAC,OAAO,sIAAsI,WAAW,UAAU,UAAU,MAAM,KAAK,WAAW,WAAW,YAAY,WAAW,WAAW,WAAW,WAAW,WAAW,UAAU,UAAU,MAAM,KAAK,WAAW,MAAM,KAAK,WAAW,WAAW,YAAY,YAAY,WAAW,OAAO,KAAK,UAAU,WAAW,WAAW,WAAW,WAAW,WAAW,YAAY,YAAY,YAAY,WAAW,YAAY,aAAa,YAAY,MAAM,KAAK,UAAU,WAAW,UAAU,OAAO,MAAM,UAAU,WAAW,WAAW,WAAW,WAAW,UAAU,UAAU,UAAU,WAAW,OAAO,MAAM,WAAW,UAAU,OAAO,MAAM,YAAY,OAAO,MAAM,UAAU,MAAM,MAAM,UAAU,WAAW,YAAY,YAAY,WAAW,MAAM,MAAM,UAAU,WAAW,YAAY,YAAY,WAAW,UAAU,WAAW,WAAW,OAAO,MAAM,UAAU,UAAU,OAAO,MAAM,UAAU,UAAU,OAAO,MAAM,UAAU,WAAW,UAAU,WAAW,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,UAAU,MAAM,MAAM,UAAU,OAAO,MAAM,WAAW,OAAO,MAAM,YAAY,WAAW,YAAY,YAAY,WAAW,WAAW,WAAW,YAAY,YAAY,WAAW,YAAY,WAAW,UAAU,WAAW,YAAY,OAAO,MAAM,KAAK,YAAY,aAAa,MAAM,MAAM,WAAW,MAAM,MAAM,UAAU,MAAM,KAAK,MAAM,YAAY,OAAO,MAAM,WAAW,OAAO,MAAM,WAAW,OAAO,MAAM,WAAW,WAAW,UAAU,89DAA89D,ywEAAywE;AACxwL;AACA,iEAAe,uBAAuB,EAAC;;;;;;;;;;;ACtL1B;;AAEb;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA,gDAAgD;AAChD;AACA;AACA,qFAAqF;AACrF;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,iBAAiB;AACvC;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,qBAAqB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,sFAAsF,qBAAqB;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,iDAAiD,qBAAqB;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,sDAAsD,qBAAqB;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;ACpFa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD,cAAc;AACrE;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACfA,iEAAe,YAAY;;;;;;;;;;;;;;ACA3B,iEAAe,cAAc;;;;;;;;;;;;;;ACA7B,iEAAe,iBAAiB;;;;;;;;;;;;;;ACAhC,iEAAe,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACC/B,MAAqG;AACrG,MAA2F;AAC3F,MAAkG;AAClG,MAAqH;AACrH,MAA8G;AAC9G,MAA8G;AAC9G,MAAuJ;AACvJ;AACA;;AAEA;;AAEA,4BAA4B,qGAAmB;AAC/C,wBAAwB,kHAAa;;AAErC,uBAAuB,uGAAa;AACpC;AACA,iBAAiB,+FAAM;AACvB,6BAA6B,sGAAkB;;AAE/C,aAAa,0GAAG,CAAC,2HAAO;;;;AAIiG;AACzH,OAAO,iEAAe,2HAAO,IAAI,2HAAO,UAAU,2HAAO,mBAAmB,EAAC;;;;;;;;;;;AC1BhE;;AAEb;AACA;AACA;AACA,kBAAkB,wBAAwB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,iBAAiB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,4BAA4B;AAChD;AACA;AACA;AACA;AACA;AACA,qBAAqB,6BAA6B;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;ACnFa;;AAEb;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;ACjCa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;ACTa;;AAEb;AACA;AACA,cAAc,KAAwC,GAAG,sBAAiB,GAAG,CAAI;AACjF;AACA;AACA;AACA;AACA;;;;;;;;;;ACTa;;AAEb;AACA;AACA;AACA;AACA,kDAAkD;AAClD;AACA;AACA,0CAA0C;AAC1C;AACA;AACA;AACA,iFAAiF;AACjF;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,yDAAyD;AACzD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,kCAAkC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;AC5Da;;AAEb;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;UCbA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAiC;AACH;AACF;AACI;AACwB;AACN;AACjB;AACkB;AACI;AACL;AAClD,IAAMK,SAAS,GAAGxC,QAAQ,CAACC,aAAa,CAAC,YAAY,CAAC;AACtD,IAAMwC,MAAM,GAAGzC,QAAQ,CAACC,aAAa,CAAC,SAAS,CAAC;AAChD,IAAMyC,OAAO,GAAG1C,QAAQ,CAACC,aAAa,CAAC,YAAY,CAAC;AAEpDqC,mEAAU,CAACrD,wDAAO,CAAC;AACnB;AACA,IAAM0D,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACtBC,WAAW,CAAC5C,QAAQ,CAAC4B,QAAQ,CAACC,MAAM,CAAC,CAAC,CAAC;AACzC,CAAC;;AAED;AACAa,OAAO,CAAC5B,gBAAgB,CAAC,OAAO,EAAE;EAAA,OAAM6B,SAAS,CAAC,CAAC;AAAA,EAAC;AAEpDtB,gEAAU,CAACwB,YAAY,CAAC,CAAC;AACzBxB,gEAAU,CAACyB,cAAc,CAAC,CAAC;;AAE3B;AACAL,MAAM,CAAC3B,gBAAgB,CAAC,OAAO,EAAE,UAACC,KAAK,EAAK;EAC1C,IAAMxB,WAAW,GAAGiD,SAAS,CAACrB,KAAK;EACnC,IAAM3B,KAAK,GAAGP,wDAAO,CAACQ,MAAM;EAC5B,IAAIF,WAAW,KAAK,EAAE,EAAE;IACtB,OAAO,IAAI;EACb;EACAD,4DAAO,CAACC,WAAW,EAAEC,KAAK,CAAC;EAC3BmD,SAAS,CAAC1D,wDAAO,CAAC;EAClB,OAAO8B,KAAK,CAACC,cAAc,CAAC,CAAC;AAC/B,CAAC,CAAC;AACFwB,SAAS,CAAC1B,gBAAgB,CAAC,UAAU,EAAE,UAACC,KAAK,EAAK;EAChD,IAAMxB,WAAW,GAAGiD,SAAS,CAACrB,KAAK;EACnC,IAAM3B,KAAK,GAAGP,wDAAO,CAACQ,MAAM;EAC5B,IAAIF,WAAW,KAAK,EAAE,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,IAAIwB,KAAK,CAACgC,GAAG,KAAK,OAAO,IAAIP,SAAS,CAACrB,KAAK,KAAK,EAAE,EAAE;IACnD7B,4DAAO,CAACC,WAAW,EAAEC,KAAK,CAAC;IAC3BmD,SAAS,CAAC,CAAC;IACX5B,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBhC,+DAAQ,CAACC,wDAAO,CAAC;IAEjB,OAAOA,wDAAO;EAChB;EACA,OAAOA,wDAAO;AAChB,CAAC,CAAC;;AAEF;AACAe,QAAQ,CAACc,gBAAgB,CAAC,OAAO,EAAE,UAACC,KAAK,EAAK;EAC5C,IAAMiC,SAAS,GAAGhD,QAAQ,CAACY,gBAAgB,CAAC,QAAQ,CAAC;EAErDoC,SAAS,CAACnC,OAAO,CAAC,UAACoC,IAAI,EAAEzD,KAAK,EAAK;IACjC,IAAIuB,KAAK,CAACmC,MAAM,KAAKD,IAAI,EAAE;MACzBV,mEAAW,CAACtD,wDAAO,EAAEO,KAAK,CAAC;MAC3BR,+DAAQ,CAACC,wDAAO,CAAC;;MAEjB;MACA,IAAMkE,SAAS,GAAAC,kBAAA,CAAOnE,wDAAO,CAAC;MAC9BO,KAAK,GAAGP,wDAAO,CAACQ,MAAM,GAAG,CAAC;MAC1B0D,SAAS,CAACvD,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC;QAAA,OAAKD,CAAC,CAACL,KAAK,GAAGM,CAAC,CAACN,KAAK;MAAA,EAAC;MAE3CmD,SAAS,CAAC1D,wDAAO,CAAC;MAClBD,+DAAQ,CAACmE,SAAS,CAAC;IACrB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC,C","sources":["webpack://webpacktemplate/./src/modules/addTask.js","webpack://webpacktemplate/./src/modules/displayList.js","webpack://webpacktemplate/./src/modules/removeItems.js","webpack://webpacktemplate/./src/modules/updateStatus.js","webpack://webpacktemplate/./src/modules/userInput.js","webpack://webpacktemplate/./src/styles/sass/main.sass","webpack://webpacktemplate/./node_modules/css-loader/dist/runtime/api.js","webpack://webpacktemplate/./node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://webpacktemplate/./src/assets/enter.png","webpack://webpacktemplate/./src/assets/refresh.png","webpack://webpacktemplate/./src/assets/three-dots.png","webpack://webpacktemplate/./src/assets/trash-can.png","webpack://webpacktemplate/./src/styles/sass/main.sass?0d12","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://webpacktemplate/./node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://webpacktemplate/webpack/bootstrap","webpack://webpacktemplate/webpack/runtime/compat get default export","webpack://webpacktemplate/webpack/runtime/define property getters","webpack://webpacktemplate/webpack/runtime/hasOwnProperty shorthand","webpack://webpacktemplate/webpack/runtime/make namespace object","webpack://webpacktemplate/webpack/runtime/nonce","webpack://webpacktemplate/./src/index.js"],"sourcesContent":["import { TaskObject, saveData } from './userInput.js';\n\nexport const taskarr = JSON.parse(localStorage.getItem('taskarr')) || [];\n\nexport const addTask = (description, index) => {\n index = taskarr.length;\n const newTask = new TaskObject(description, index + 1);\n taskarr.push(newTask);\n taskarr.sort((a, b) => a.index - b.index);\n saveData(taskarr);\n return taskarr;\n};\n","import { taskarr } from './addTask.js';\nimport '../assets/trash-can.png';\nimport { saveData } from './userInput.js';\n\nexport const tasksList = document.querySelector('#tasksList');\n\nexport default (task) => {\n for (let i = 0; i < taskarr.length; i += 1) {\n task = document.createElement('li');\n task.classList.add('newTask');\n\n if (taskarr[i].description !== '' && taskarr[i].completed === true) {\n task.innerHTML = `\n \n \n \"\"\n \n `;\n }\n if (taskarr[i].description !== '' && taskarr[i].completed === false) {\n task.innerHTML = `\n \n \n \"\"\n `;\n }\n\n if (taskarr[i].description === '') {\n tasksList.innerHTML = '';\n }\n\n tasksList.appendChild(task);\n }\n\n const taskDescription = document.querySelectorAll('#addItem');\n\n taskDescription.forEach((task, index) => {\n task.addEventListener('click', (event) => {\n task.classList.add('edit');\n return event.preventDefault(task.classList.remove('edit'));\n });\n\n task.addEventListener('change', (event) => {\n event.preventDefault();\n task.readOnly = false;\n task.classList.remove('edit');\n\n return event.preventDefault();\n });\n // the trick is with input\n task.addEventListener('input', (event) => {\n event.preventDefault();\n taskarr[index].description = task.value;\n saveData(taskarr);\n });\n });\n};\n","export default (taskarr, index) => {\n taskarr.splice(index, 1);\n let i = index;\n while (i < taskarr.length) {\n taskarr[i].index = i;\n i += 1;\n }\n\n return taskarr;\n};\n","import { taskarr } from './addTask.js';\nimport { saveData } from './userInput.js';\n\nexport class TaskStatus {\n static updateStatus = () => {\n const checkB = document.querySelectorAll('.checkB');\n\n checkB.forEach((checkbox, i) => {\n checkbox.addEventListener('change', () => {\n if (!taskarr[i].completed) {\n taskarr[i].completed = true;\n checkbox.setAttribute('checked', 'checked');\n document.location.reload();\n\n saveData(taskarr);\n } else {\n taskarr[i].completed = false;\n document.location.reload();\n\n saveData(taskarr);\n }\n });\n });\n };\n\n static clearCompleted = () => {\n const clearAllBtn = document.querySelector('#clearAllBtn');\n clearAllBtn.addEventListener('click', () => {\n const notCompleted = taskarr.filter((task) => task.completed !== true);\n notCompleted.forEach((e, i) => {\n e.index = i + 1;\n });\n saveData(notCompleted);\n window.location.reload();\n });\n };\n}\n","export class TaskObject {\n constructor(description, index) {\n this.description = description;\n this.completed = false;\n this.index = index;\n }\n}\n\nexport const saveData = (data) => {\n localStorage.setItem('taskarr', JSON.stringify(data));\n};\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background-color: #2fa8cc;\n font-family: \"Roboto\", sans-serif;\n white-space: pre-wrap;\n word-wrap: break-word;\n padding: 3rem;\n gap: 3rem;\n}\n\nimg {\n transition: all 0.5s;\n}\n\nheader {\n color: black;\n font-size: 1.5rem;\n font-family: \"Inter\", sans-serif;\n font-weight: 800;\n letter-spacing: -0.0225rem;\n}\n\n.container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n justify-items: center;\n align-items: stretch;\n align-self: stretch;\n background-color: #acc6e4;\n border-radius: 4px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);\n padding: 10px;\n margin-left: calc(35% - 100px);\n margin-right: calc(35% - 100px);\n text-align: left;\n}\n\n#tasksList {\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n}\n\ndiv, li {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n border: 0;\n padding: 0.1rem;\n gap: 0.1rem;\n margin-bottom: 0.25rem;\n}\n\nli {\n margin-bottom: 0;\n padding: 0.5rem;\n}\n\n#newTask::focus {\n background: #a8ccf5;\n}\n\ndiv {\n gap: 0.2rem;\n}\ndiv h1 {\n color: black;\n font-size: 0.8rem;\n font-family: \"Inter\", sans-serif;\n font-weight: 600;\n letter-spacing: 0.0025rem;\n}\n\ninput {\n color: black;\n font-size: 0.6rem;\n font-family: \"Inter\", sans-serif;\n letter-spacing: 0.0125rem;\n border: 0;\n padding: 0.3rem;\n align-self: stretch;\n border-radius: 4px;\n}\n\n#userInput {\n height: 1.5rem;\n width: 100%;\n}\n\n#addItem {\n flex: 0.9;\n outline: none;\n}\n\n#checkB {\n flex: 0.1;\n border-radius: 4px;\n height: 1.3rem;\n align-self: center;\n cursor: pointer;\n transition: all 0.5s;\n}\n\n#recyclImg, #addBtn, #dotsImg, #trash {\n height: 1rem;\n width: 1rem;\n opacity: 0.5;\n}\n#recyclImg:hover, #addBtn:hover, #dotsImg:hover, #trash:hover {\n opacity: 1;\n}\n\n#trash {\n visibility: visible;\n}\n\n#clearAllBtn {\n transition: all 0.5s;\n border-radius: 2px;\n font-family: \"Inter\", sans-serif;\n font-weight: 500;\n font-size: 0.8rem;\n letter-spacing: 0.001em;\n word-spacing: normal;\n background-color: #2fa8cc;\n color: #acc6e4;\n border: 0;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);\n padding: 5px;\n cursor: pointer;\n text-align: center;\n margin-top: 0.3rem;\n}\n\n@media (min-width: 768px) {\n #clearAllBtn {\n margin-left: calc(30% - 100px);\n margin-right: calc(30% - 100px);\n }\n #clearAllBtn:active {\n transform: scale(0.98);\n }\n #clearAllBtn:focus {\n outline: 0;\n }\n}\n.edit {\n background-color: #a8ccf5;\n}\n\n.hide {\n visibility: hidden;\n}\n\n.show {\n visibility: visible;\n}\n\nfooter {\n position: relative;\n align-self: center;\n bottom: 5px;\n}`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/styles/sass/global.sass\",\"webpack://./src/styles/sass/main.sass\"],\"names\":[],\"mappings\":\"AAcA;EACI,sBAAA;EACA,SAAA;EACA,UAAA;ACZJ;;AADA;EDkBI,aAAA;EACA,sBAAA;ECjBA,uBAAA;EACA,mBAAA;EACA,yBDPY;ECQZ,iCAAA;EACA,qBAAA;EACA,qBAAA;EACA,aAAA;EACA,SAAA;AAKJ;;AAJA;EACI,oBAAA;AAOJ;;AANA;ED2CI,YAAA;EACA,iBAAA;EACA,gCA7DQ;EA8DR,gBAAA;EACA,0BAAA;ACjCJ;;AAXA;EDGI,aAAA;EACA,sBAAA;ECFA,uBAAA;EACA,qBAAA;EACA,oBAAA;EACA,mBAAA;EACA,yBDvBc;ECwBd,kBAAA;EACA,wEDvBS;ECwBT,aAAA;EACA,8BDlBO;ECmBP,+BDrBO;ECsBP,gBAAA;AAeJ;;AAdA;EDVI,aAAA;EACA,sBAAA;ECWA,WAAA;AAkBJ;;AAjBA;EDVI,aAAA;EACA,mBAAA;ECWA,8BAAA;EACA,mBAAA;EACA,kBAAA;EACA,SAAA;EACA,eAAA;EACA,WAAA;EACA,sBAAA;AAqBJ;;AApBA;EACI,gBAAA;EACA,eAAA;AAuBJ;;AApBI;EACI,mBD/CI;ACsEZ;;AAtBA;EACI,WAAA;AAyBJ;AAxBI;EDYA,YAAA;EACA,iBAAA;EACA,gCAnEQ;EAoER,gBAAA;EACA,yBAAA;ACeJ;;AA5BA;EDeI,YAAA;EACA,iBAAA;EACA,gCAzEQ;EA0ER,yBAAA;EChBA,SAAA;EACA,eAAA;EACA,mBAAA;EACA,kBAAA;AAkCJ;;AAhCA;EACI,cAAA;EACA,WAAA;AAmCJ;;AAjCA;EACI,SAAA;EACA,aAAA;AAoCJ;;AAnCA;EACI,SAAA;EACA,kBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;AAsCJ;;AApCA;EACI,YAAA;EACA,WAAA;EACA,YAAA;AAuCJ;AAtCI;EACI,UAAA;AAwCR;;AAvCA;EACI,mBAAA;AA0CJ;;AAzCA;ED1DI,oBAAA;EACA,kBAAA;EACA,gCA9BQ;EA+BR,gBAAA;EACA,iBAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAlCY;EAmCZ,cAlCc;EAmCd,SAAA;EACA,wEAlCS;EAmCT,YAAA;EACA,eAAA;EACA,kBAAA;EC+CA,kBAAA;AAyDJ;;AAvDA;EACI;IACI,8BDhFG;ICiFH,+BDnFG;EC6IT;EAxDM;IACI,sBAAA;EA0DV;EAxDM;IACI,UAAA;EA0DV;AACF;AAzDA;EACI,yBDnGQ;AC8JZ;;AA1DA;EACI,kBAAA;AA6DJ;;AA5DA;EACI,mBAAA;AA+DJ;;AA9DA;EACI,kBAAA;EACA,kBAAA;EACA,WAAA;AAiEJ\",\"sourcesContent\":[\"$InterFont: \\\"Inter\\\", sans-serif\\r\\n$primary-color: #2fa8cc\\r\\n$secondary-color: #acc6e4\\r\\n$inputColor:#a8ccf5\\r\\n$box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1)\\r\\n$qrpadding: calc( 20% - 100px )\\r\\n$Qrpadding: calc( 25% - 120px )\\r\\n$qlpadding: calc( 20% - 100px )\\r\\n$Qlpadding: calc( 25% - 120px )\\r\\n$qrmargin: calc( 35% - 100px )\\r\\n$Qrmargin: calc( 30% - 100px )\\r\\n$qlmargin: calc( 35% - 100px )\\r\\n$Qlmargin: calc( 30% - 100px )\\r\\n\\r\\n*\\r\\n box-sizing: border-box\\r\\n margin: 0\\r\\n padding: 0\\r\\n\\r\\n// mixings\\r\\n\\r\\n@mixin columnFlex\\r\\n display: flex\\r\\n flex-direction: column\\r\\n@mixin rowFlex\\r\\n display: flex\\r\\n flex-direction: row\\r\\n@mixin button\\r\\n transition: all 0.5s\\r\\n border-radius: 2px\\r\\n font-family: $InterFont\\r\\n font-weight: 500\\r\\n font-size: .8rem\\r\\n letter-spacing: 0.001em\\r\\n word-spacing: normal\\r\\n background-color: $primary-color\\r\\n color: $secondary-color\\r\\n border: 0\\r\\n box-shadow: $box-shadow\\r\\n padding: 5px\\r\\n cursor: pointer\\r\\n text-align: center\\r\\n\\r\\n@mixin twoThreeGrid\\r\\n display: grid\\r\\n grid-template-columns: 1fr 1fr\\r\\n grid-template-rows: 1fr 1fr 1fr\\r\\n\\r\\n@mixin globalFont\\r\\n font-family: $InterFont\\r\\n font-weight: 500\\r\\n font-size: 1.2rem\\r\\n@mixin smlInterH1\\r\\n color: black\\r\\n font-size: 2rem\\r\\n font-family: $InterFont\\r\\n font-weight: 800\\r\\n letter-spacing: -0.0525rem\\r\\n@mixin smlInterH2\\r\\n color: black\\r\\n font-size: 1.5rem\\r\\n font-family: $InterFont\\r\\n font-weight: 800\\r\\n letter-spacing: -0.0225rem\\r\\n@mixin smlInterH3\\r\\n color: black\\r\\n font-size: .8rem\\r\\n font-family: $InterFont\\r\\n font-weight: 600\\r\\n letter-spacing: 0.0025rem\\r\\n@mixin smlInterP\\r\\n color: black\\r\\n font-size: .6rem\\r\\n font-family: $InterFont\\r\\n letter-spacing: 0.0125rem\",\"@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap')\\r\\n@import global\\r\\n\\r\\n// $trashcan: \\r\\nbody\\r\\n @include columnFlex\\r\\n justify-content: center\\r\\n align-items: center\\r\\n background-color: $primary-color\\r\\n font-family: 'Roboto', sans-serif\\r\\n white-space: pre-wrap\\r\\n word-wrap: break-word\\r\\n padding: 3rem\\r\\n gap: 3rem\\r\\nimg\\r\\n transition: all 0.5s\\r\\nheader\\r\\n @include smlInterH2\\r\\n\\r\\n.container\\r\\n @include columnFlex\\r\\n justify-content: center\\r\\n justify-items: center\\r\\n align-items: stretch\\r\\n align-self: stretch\\r\\n background-color: $secondary-color\\r\\n border-radius: 4px\\r\\n box-shadow: $box-shadow\\r\\n padding: 10px\\r\\n margin-left: $qlmargin\\r\\n margin-right: $qrmargin\\r\\n text-align: left\\r\\n#tasksList\\r\\n @include columnFlex\\r\\n gap: .2rem\\r\\ndiv, li\\r\\n @include rowFlex\\r\\n justify-content: space-between\\r\\n align-items: center\\r\\n border-radius: 4px\\r\\n border: 0\\r\\n padding: .1rem\\r\\n gap: .1rem\\r\\n margin-bottom: .25rem\\r\\nli\\r\\n margin-bottom: 0\\r\\n padding: .5rem\\r\\n\\r\\n#newTask\\r\\n &::focus\\r\\n background: $inputColor\\r\\ndiv\\r\\n gap: .2rem\\r\\n h1\\r\\n @include smlInterH3\\r\\n\\r\\ninput\\r\\n @include smlInterP\\r\\n border: 0\\r\\n padding: .3rem\\r\\n align-self: stretch\\r\\n border-radius: 4px\\r\\n\\r\\n#userInput\\r\\n height: 1.5rem\\r\\n width: 100%\\r\\n\\r\\n#addItem\\r\\n flex: .9\\r\\n outline: none\\r\\n#checkB\\r\\n flex: .1\\r\\n border-radius: 4px\\r\\n height: 1.3rem\\r\\n align-self: center\\r\\n cursor: pointer\\r\\n transition: all 0.5s\\r\\n\\r\\n#recyclImg, #addBtn,#dotsImg,#trash\\r\\n height: 1rem\\r\\n width: 1rem\\r\\n opacity: .5\\r\\n &:hover\\r\\n opacity: 1\\r\\n#trash\\r\\n visibility: visible\\r\\n#clearAllBtn\\r\\n @include button\\r\\n margin-top: .3rem\\r\\n\\r\\n@media (min-width: 768px)\\r\\n #clearAllBtn\\r\\n margin-left: $Qlmargin\\r\\n margin-right: $Qrmargin\\r\\n\\r\\n &:active\\r\\n transform: scale(0.98)\\r\\n\\r\\n &:focus\\r\\n outline: 0\\r\\n\\r\\n.edit\\r\\n background-color: $inputColor\\r\\n.hide\\r\\n visibility: hidden\\r\\n.show\\r\\n visibility: visible\\r\\nfooter\\r\\n position: relative\\r\\n align-self: center\\r\\n bottom: 5px\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n if (!cssMapping) {\n return content;\n }\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n return [content].concat([sourceMapping]).join(\"\\n\");\n }\n return [content].join(\"\\n\");\n};","export default \"/enter.png\";","export default \"/refresh.png\";","export default \"/three-dots.png\";","export default \"/trash-can.png\";","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./main.sass\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./main.sass\";\n export default content && content.locals ? content.locals : undefined;\n","\"use strict\";\n\nvar stylesInDOM = [];\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n for (var i = 0; i < stylesInDOM.length; i++) {\n if (stylesInDOM[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n return result;\n}\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var indexByIdentifier = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3],\n supports: item[4],\n layer: item[5]\n };\n if (indexByIdentifier !== -1) {\n stylesInDOM[indexByIdentifier].references++;\n stylesInDOM[indexByIdentifier].updater(obj);\n } else {\n var updater = addElementStyle(obj, options);\n options.byIndex = i;\n stylesInDOM.splice(i, 0, {\n identifier: identifier,\n updater: updater,\n references: 1\n });\n }\n identifiers.push(identifier);\n }\n return identifiers;\n}\nfunction addElementStyle(obj, options) {\n var api = options.domAPI(options);\n api.update(obj);\n var updater = function updater(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n return;\n }\n api.update(obj = newObj);\n } else {\n api.remove();\n }\n };\n return updater;\n}\nmodule.exports = function (list, options) {\n options = options || {};\n list = list || [];\n var lastIdentifiers = modulesToDom(list, options);\n return function update(newList) {\n newList = newList || [];\n for (var i = 0; i < lastIdentifiers.length; i++) {\n var identifier = lastIdentifiers[i];\n var index = getIndexByIdentifier(identifier);\n stylesInDOM[index].references--;\n }\n var newLastIdentifiers = modulesToDom(newList, options);\n for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n var _identifier = lastIdentifiers[_i];\n var _index = getIndexByIdentifier(_identifier);\n if (stylesInDOM[_index].references === 0) {\n stylesInDOM[_index].updater();\n stylesInDOM.splice(_index, 1);\n }\n }\n lastIdentifiers = newLastIdentifiers;\n };\n};","\"use strict\";\n\nvar memo = {};\n\n/* istanbul ignore next */\nfunction getTarget(target) {\n if (typeof memo[target] === \"undefined\") {\n var styleTarget = document.querySelector(target);\n\n // Special case to return head of iframe instead of iframe itself\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n memo[target] = styleTarget;\n }\n return memo[target];\n}\n\n/* istanbul ignore next */\nfunction insertBySelector(insert, style) {\n var target = getTarget(insert);\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n target.appendChild(style);\n}\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next */\nfunction insertStyleElement(options) {\n var element = document.createElement(\"style\");\n options.setAttributes(element, options.attributes);\n options.insert(element, options.options);\n return element;\n}\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next */\nfunction setAttributesWithoutAttributes(styleElement) {\n var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n if (nonce) {\n styleElement.setAttribute(\"nonce\", nonce);\n }\n}\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next */\nfunction apply(styleElement, options, obj) {\n var css = \"\";\n if (obj.supports) {\n css += \"@supports (\".concat(obj.supports, \") {\");\n }\n if (obj.media) {\n css += \"@media \".concat(obj.media, \" {\");\n }\n var needLayer = typeof obj.layer !== \"undefined\";\n if (needLayer) {\n css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n }\n css += obj.css;\n if (needLayer) {\n css += \"}\";\n }\n if (obj.media) {\n css += \"}\";\n }\n if (obj.supports) {\n css += \"}\";\n }\n var sourceMap = obj.sourceMap;\n if (sourceMap && typeof btoa !== \"undefined\") {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n }\n\n // For old IE\n /* istanbul ignore if */\n options.styleTagTransform(css, styleElement, options.options);\n}\nfunction removeStyleElement(styleElement) {\n // istanbul ignore if\n if (styleElement.parentNode === null) {\n return false;\n }\n styleElement.parentNode.removeChild(styleElement);\n}\n\n/* istanbul ignore next */\nfunction domAPI(options) {\n if (typeof document === \"undefined\") {\n return {\n update: function update() {},\n remove: function remove() {}\n };\n }\n var styleElement = options.insertStyleElement(options);\n return {\n update: function update(obj) {\n apply(styleElement, options, obj);\n },\n remove: function remove() {\n removeStyleElement(styleElement);\n }\n };\n}\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElement) {\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css;\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild);\n }\n styleElement.appendChild(document.createTextNode(css));\n }\n}\nmodule.exports = styleTagTransform;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","import './styles/sass/main.sass';\nimport './assets/refresh.png';\nimport './assets/enter.png';\nimport './assets/trash-can.png';\nimport { addTask, taskarr } from './modules/addTask.js';\nimport renderList from './modules/displayList.js';\nimport './assets/three-dots.png';\nimport removeItems from './modules/removeItems.js';\nimport { TaskStatus } from './modules/updateStatus.js';\nimport { saveData } from './modules/userInput.js';\nconst userInput = document.querySelector('#userInput');\nconst addBtn = document.querySelector('#addBtn');\nconst refresh = document.querySelector('#recyclImg');\n\nrenderList(taskarr);\n// this is to reload the page whenever needed\nconst reloading = () => {\n setInterval(document.location.reload());\n};\n\n// this is for the refresh icon\nrefresh.addEventListener('click', () => reloading());\n\nTaskStatus.updateStatus();\nTaskStatus.clearCompleted();\n\n// add tasks\naddBtn.addEventListener('click', (event) => {\n const description = userInput.value;\n const index = taskarr.length;\n if (description === '') {\n return null;\n }\n addTask(description, index);\n reloading(taskarr);\n return event.preventDefault();\n});\nuserInput.addEventListener('keypress', (event) => {\n const description = userInput.value;\n const index = taskarr.length;\n if (description === '') {\n return null;\n }\n\n if (event.key === 'Enter' && userInput.value !== '') {\n addTask(description, index);\n reloading();\n event.preventDefault();\n saveData(taskarr);\n\n return taskarr;\n }\n return taskarr;\n});\n\n// remove tasks\ndocument.addEventListener('click', (event) => {\n const dotsTrash = document.querySelectorAll('.trash');\n\n dotsTrash.forEach((icon, index) => {\n if (event.target === icon) {\n removeItems(taskarr, index);\n saveData(taskarr);\n\n // this will sort out the index when removing Items\n const sortedArr = [...taskarr];\n index = taskarr.length + 1;\n sortedArr.sort((a, b) => a.index - b.index);\n\n reloading(taskarr);\n saveData(sortedArr);\n }\n });\n});\n"],"names":["TaskObject","saveData","taskarr","JSON","parse","localStorage","getItem","addTask","description","index","length","newTask","push","sort","a","b","tasksList","document","querySelector","task","i","createElement","classList","add","completed","innerHTML","concat","appendChild","taskDescription","querySelectorAll","forEach","addEventListener","event","preventDefault","remove","readOnly","value","splice","TaskStatus","_createClass","_classCallCheck","_defineProperty","checkB","checkbox","setAttribute","location","reload","clearAllBtn","notCompleted","filter","e","window","data","setItem","stringify","renderList","removeItems","userInput","addBtn","refresh","reloading","setInterval","updateStatus","clearCompleted","key","dotsTrash","icon","target","sortedArr","_toConsumableArray"],"sourceRoot":""} \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index 442b3f4..869951e 100644 --- a/dist/index.html +++ b/dist/index.html @@ -7,21 +7,24 @@ %= htmlWebpackPlugin.options.title % - + +

ToDo List

-
-

ToDo List:

- refresh todo list -
-
- - add new task -
- - - +
+ diff --git a/src/index.js b/src/index.js index 121013d..5e42774 100644 --- a/src/index.js +++ b/src/index.js @@ -6,7 +6,7 @@ import { addTask, taskarr } from './modules/addTask.js'; import renderList from './modules/displayList.js'; import './assets/three-dots.png'; import removeItems from './modules/removeItems.js'; -import { TaskStatus, recallChecked } from './modules/updateStatus.js'; +import { TaskStatus } from './modules/updateStatus.js'; import { saveData } from './modules/userInput.js'; const userInput = document.querySelector('#userInput'); const addBtn = document.querySelector('#addBtn'); @@ -18,7 +18,7 @@ const reloading = () => { setInterval(document.location.reload()); }; -// this is for the refresh icon +// this is for the refresh icon refresh.addEventListener('click', () => reloading()); TaskStatus.updateStatus(); diff --git a/src/modules/addTask.js b/src/modules/addTask.js index 4425c92..b5d87e3 100644 --- a/src/modules/addTask.js +++ b/src/modules/addTask.js @@ -4,24 +4,9 @@ export const taskarr = JSON.parse(localStorage.getItem('taskarr')) || []; export const addTask = (description, index) => { index = taskarr.length; - const newTask = new TaskObject(description, index); + const newTask = new TaskObject(description, index + 1); taskarr.push(newTask); - // // this will sort out the user input index - const sortedArr = [...taskarr]; - sortedArr.sort((a, b) => a.index - b.index); - + taskarr.sort((a, b) => a.index - b.index); saveData(taskarr); return taskarr; }; - - - -var checkboxValues = JSON.parse(localStorage.getItem('checkboxValues')) || {}; -var $checkboxes = $("#checkbox-container :checkbox"); - -$checkboxes.on("change", function(){ - $checkboxes.each(function(){ - checkboxValues[this.id] = this.checked; - }); - localStorage.setItem("checkboxValues", JSON.stringify(checkboxValues)); -}); \ No newline at end of file diff --git a/src/modules/displayList.js b/src/modules/displayList.js index c9367e5..c64ab1f 100644 --- a/src/modules/displayList.js +++ b/src/modules/displayList.js @@ -5,8 +5,6 @@ import { saveData } from './userInput.js'; export const tasksList = document.querySelector('#tasksList'); export default (task) => { - // document.location.reload(); - for (let i = 0; i < taskarr.length; i += 1) { task = document.createElement('li'); task.classList.add('newTask'); @@ -15,7 +13,7 @@ export default (task) => { task.innerHTML = ` - + `; } @@ -23,116 +21,37 @@ export default (task) => { task.innerHTML = ` - + `; - // document.location.reload(); - } if (taskarr[i].description === '') { tasksList.innerHTML = ''; } - // document.location.reload(); tasksList.appendChild(task); } - // const lis = document.querySelectorAll('.newTask'); const taskDescription = document.querySelectorAll('#addItem'); taskDescription.forEach((task, index) => { task.addEventListener('click', (event) => { task.classList.add('edit'); - return event.preventDefault(); + return event.preventDefault(task.classList.remove('edit')); }); task.addEventListener('change', (event) => { + event.preventDefault(); task.readOnly = false; task.classList.remove('edit'); - RTCRtpReceiver; return event.preventDefault(); }); // the trick is with input - task.addEventListener('input', () => { + task.addEventListener('input', (event) => { + event.preventDefault(); taskarr[index].description = task.value; saveData(taskarr); }); }); }; - -// if (taskarr[i].description !== '' && taskarr[i].completed === true) { -// task.innerHTML = ` -// -// -// - -// `; -// // document.location.reload(); -// } - -// if (taskarr[i].completed === false) { -// task.innerHTML = ` -// -// -// -// `; - -// } - -// export default (task) => { -// for (let i = 0; i < taskarr.length; i += 1) { - -// task = document.createElement('li'); -// task.classList.add('newTask'); -// if(taskarr[i].completed === true){ -// innerHTML = ` -// Yes -// ` -// } - -// if (taskarr[i].description !== '') { -// task.innerHTML = ` -// -// -// -// -// `; -// } -// const checked = document.getElementById("checked") - -// console.log(checked) -// if (taskarr[i].description === '') { -// tasksList.innerHTML = ''; -// } - -// tasksList.appendChild(task); -// } - -// // const lis = document.querySelectorAll('.newTask'); -// const taskDescription = document.querySelectorAll('#addItem'); -// const dots = document.querySelectorAll('.dotsImg'); - -// dots.forEach((dot) => { -// dot.classList.add('hide'); -// }); - -// taskDescription.forEach((task, index) => { -// task.addEventListener('click', (event) => { -// task.classList.add('edit'); -// return event.preventDefault(); -// }); - -// task.addEventListener('change', (event) => { -// task.readOnly = false; -// task.classList.remove('edit'); - -// return event.preventDefault(); -// }); -// // the trick is with input -// task.addEventListener('input', () => { -// taskarr[index].description = task.value; -// saveData(taskarr); -// }); -// }); -// }; diff --git a/src/styles/sass/global.sass b/src/styles/sass/global.sass index a10a282..932e57c 100644 --- a/src/styles/sass/global.sass +++ b/src/styles/sass/global.sass @@ -3,6 +3,15 @@ $primary-color: #2fa8cc $secondary-color: #acc6e4 $inputColor:#a8ccf5 $box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1) +$qrpadding: calc( 20% - 100px ) +$Qrpadding: calc( 25% - 120px ) +$qlpadding: calc( 20% - 100px ) +$Qlpadding: calc( 25% - 120px ) +$qrmargin: calc( 35% - 100px ) +$Qrmargin: calc( 30% - 100px ) +$qlmargin: calc( 35% - 100px ) +$Qlmargin: calc( 30% - 100px ) + * box-sizing: border-box margin: 0 diff --git a/src/styles/sass/main.sass b/src/styles/sass/main.sass index 4573b9d..4890e2b 100644 --- a/src/styles/sass/main.sass +++ b/src/styles/sass/main.sass @@ -11,19 +11,25 @@ body white-space: pre-wrap word-wrap: break-word padding: 3rem - // height: 100vh + gap: 3rem img transition: all 0.5s +header + @include smlInterH2 + .container @include columnFlex justify-content: center + justify-items: center align-items: stretch + align-self: stretch background-color: $secondary-color border-radius: 4px box-shadow: $box-shadow padding: 10px + margin-left: $qlmargin + margin-right: $qrmargin text-align: left - width: 50% #tasksList @include columnFlex gap: .2rem @@ -32,13 +38,11 @@ div, li justify-content: space-between align-items: center border-radius: 4px - // margin-top: .3rem border: 0 padding: .1rem gap: .1rem margin-bottom: .25rem li - justify-content: space-evenly margin-bottom: 0 padding: .5rem @@ -60,7 +64,6 @@ input #userInput height: 1.5rem width: 100% - // margin-bottom: .3rem #addItem flex: .9 @@ -85,14 +88,24 @@ input @include button margin-top: .3rem - &:active - transform: scale(0.98) +@media (min-width: 768px) + #clearAllBtn + margin-left: $Qlmargin + margin-right: $Qrmargin + + &:active + transform: scale(0.98) + + &:focus + outline: 0 - &:focus - outline: 0 .edit background-color: $inputColor .hide visibility: hidden .show visibility: visible +footer + position: relative + align-self: center + bottom: 5px diff --git a/src/template.html b/src/template.html index 627cf08..4899a3f 100644 --- a/src/template.html +++ b/src/template.html @@ -9,35 +9,22 @@ %= htmlWebpackPlugin.options.title % +

ToDo List

-
-

ToDo List:

- refresh todo list -
-
- - add new task -
- - - +
+ - - \ No newline at end of file