148 lines
3.6 KiB
JavaScript
148 lines
3.6 KiB
JavaScript
|
|
//Variablen
|
|
var todoList = [],
|
|
i = 0,
|
|
storedTodoList,
|
|
text;
|
|
|
|
const todoListDiv = document.getElementById("Todos");
|
|
|
|
// if (typeof localStorage === "undefined" || localStorage === null) {
|
|
// var LocalStorage = require('node-localstorage').LocalStorage;
|
|
// localStorage = new LocalStorage('./scratch');
|
|
// }
|
|
|
|
|
|
function checkForStorage(){
|
|
if (localStorage.getItem("savedTodoList") !== null ){
|
|
todoList = getLocalStorage("savedTodoList");
|
|
for (var i = 0; i < todoList.length; i++){
|
|
console.log(i);
|
|
createTodoFromStorage(i);
|
|
}
|
|
}
|
|
}
|
|
|
|
function createTodoFromStorage(position){
|
|
createTodoEntry(position);
|
|
}
|
|
|
|
function addEntry(event) {
|
|
|
|
|
|
event.preventDefault();
|
|
const myInput = document.getElementById("myInput");
|
|
text = myInput.value;
|
|
|
|
//checking the submited text
|
|
if (text === "" || typeof text === 'undefined' || text === null ) {
|
|
return alert("Bitte gib Text ein!");
|
|
}
|
|
|
|
let textAlreadyThere = Array.from(document.querySelectorAll('label')).find(function(label) {
|
|
return label.textContent === text
|
|
});
|
|
|
|
if(typeof textAlreadyThere != 'undefined' || textAlreadyThere != null ) {
|
|
return alert("Du hast schon so ein To-Do!")
|
|
}
|
|
|
|
//adding the text to the local list and into the storage
|
|
addTodoToList(text);
|
|
setLocalStorage(todoList);
|
|
|
|
let lastTodo = todoList.length -1;
|
|
|
|
createTodoEntry(lastTodo);
|
|
|
|
myInput.value = "";
|
|
myInput.focus();
|
|
}
|
|
//Main function <---
|
|
//creating the entry / element inside the HTML
|
|
function createTodoEntry(todoEntry) {
|
|
|
|
todoEntryDiv = document.createElement("div");
|
|
todoEntryDiv.setAttribute("class", "todo-item");
|
|
todoEntryDiv.setAttribute("id", todoEntry);
|
|
|
|
let checkbox = document.createElement("input");
|
|
checkbox.setAttribute('type', 'checkbox');
|
|
checkbox.checked = todoList[todoEntry].completed;
|
|
|
|
|
|
checkbox.addEventListener('change', function(){
|
|
if (checkbox.checked === true){
|
|
let doneTodoList = document.getElementById("doneTodos");
|
|
doneTodoList.appendChild(document.getElementById(todoEntry));
|
|
todoList[todoEntry].completed = true;
|
|
setLocalStorage(todoList);
|
|
}else {
|
|
todoListDiv.appendChild(document.getElementById(todoEntry));
|
|
todoList[todoEntry].completed = false;
|
|
setLocalStorage(todoList);
|
|
}
|
|
})
|
|
|
|
let button = document.createElement("button");
|
|
|
|
|
|
let label = document.createElement("label");
|
|
|
|
|
|
label.innerText = todoList[todoEntry].todoText;
|
|
|
|
|
|
todoEntryDiv.appendChild(checkbox);
|
|
|
|
todoEntryDiv.appendChild(label);
|
|
|
|
todoEntryDiv.appendChild(button);
|
|
|
|
button.innerText = "Remove";
|
|
|
|
button.onclick = function(){
|
|
rmTodo(todoEntry);
|
|
setLocalStorage(todoList);
|
|
location.reload(true);
|
|
}
|
|
|
|
if (checkbox.checked === true){
|
|
let doneTodoList = document.getElementById("doneTodos");
|
|
return doneTodoList.appendChild(todoEntryDiv);
|
|
}
|
|
|
|
return todoListDiv.appendChild(todoEntryDiv);
|
|
}
|
|
|
|
function setLocalStorage(storeData) {
|
|
localStorage.setItem("savedTodoList", JSON.stringify(storeData));
|
|
}
|
|
|
|
function getLocalStorage() {
|
|
return JSON.parse(localStorage.getItem("savedTodoList"));
|
|
}
|
|
|
|
//TodoList object
|
|
function addTodoToList(todo) {
|
|
todoList.push({
|
|
completed: false,
|
|
todoText: todo,
|
|
})
|
|
}
|
|
|
|
function rmTodo(position) {
|
|
todoList.splice(position, 1);
|
|
}
|
|
|
|
checkForStorage()
|
|
// module.exports = {
|
|
// addTodoToList: addTodoToList,
|
|
// foo: foo,
|
|
// getTodoList: getTodoList,
|
|
// localStorage: localStorage,
|
|
// setLocalStorage: setLocalStorage,
|
|
// getLocalStorage: getLocalStorage,
|
|
// createTodoEntry: createTodoEntry,
|
|
// }
|