Notes

window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB ||
window.msIndexedDB;

window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction ||
window.msIDBTransaction;
window.IDBKeyRange = window.IDBKeyRange ||
window.webkitIDBKeyRange || window.msIDBKeyRange

if (!window.indexedDB) {
window.alert("Your browser doesn't support a stable version of IndexedDB.")
}

console.log("Hello man! This is for testing, please ignore it.");

var request = window.indexedDB.open("ToDo-Task", 1),
db,
tx,
store,
index;

request.onupgradeneeded = function(e) {
let db = request.result;
store = db.createObjectStore("ToDo",{autoIncrement: true});
};

request.onerror = function(e) {
console.log("There is an error"+e.target.errorCode);
};

request.onsuccess = function(e) {
console.log("OnSuccess!");
db = request.result;
tx = db.transaction("ToDo", "readwrite");
store = tx.objectStore("ToDo");
console.log("ToDo!");

var table_id = document.getElementById ('todo');
table_id.innerHTML =
'<tr><td>notesName</td><td>Description</td><td>DueDate</td></tr>';
store.openCursor (null, 'prev').onadd = function (e) {
var cursor = e.target.result;

console.log(cursor);

if (cursor) {
table_id.innerHTML +='<tr><td>' + cursor.value.taskname + '</td><td>' + cursor.value.taskdescription + '</td><td>' + cursor.value.duedate + '</td></tr>';
cursor.continue ();
} else {
console.log ('No Entries!');
}
};

db.onerror = function(e) {
console.log("ERROR" + e.target.errorCode);
}

db.onsuccess = function() {
console.log("SUCCESS");
}
/*
store.add( { taskname: "HARD", taskdescription: "VERY HARD", duedate: "23-10-18"});
console.log("Stored.");
request.onsuccess = function(e) {
console.log("ENTERED");
};
*/
tx.oncomplete = function() {
db.close();
};
}

window.add = function (tn, td, dd) {

console.log("Add");

var request = window.indexedDB.open("ToDo-Task", 1),
db,
tx,
store,
index;
request.onerror = function(e) {
console.log("There is an error"+e.target.errorCode);
};

request.onsuccess = function(e) {
db = request.result;
tx = db.transaction("ToDo", "readwrite");
store = tx.objectStore("ToDo");
console.log("ToDo!");
db.onerror = function(e) {
console.log("ERROR" + e.target.errorCode);
}

db.onsuccess = function() {
console.log("SUCCESS");
}

store.add( { taskname: tn, taskdescription: td, duedate: dd});

window.localStorage.clear();

var table_id = document.getElementById ('todo');
table_id.innerHTML =
'<tr><td>notesName</td><td>Description</td><td>DueDate</td></tr>';
console.log("table");
store.openCursor (null, 'prev').onsuccess = function (e) {
var cursor = e.target.result;

console.log(cursor);

if (cursor) {
table_id.innerHTML +='<tr><td>' + cursor.value.taskname + '</td><td>' + cursor.value.taskdescription + '</td><td>' + cursor.value.duedate + '</td></tr>';
cursor.continue ();
} else {
console.log ('No Entries!');
}
};
console.log("DB Close.");

tx.oncomplete = function() {
db.close();
};
}
}

function addTask() {
var tn = document.getElementById("task-name").value;
var td = document.getElementById("task-description").value;
var dd = document.getElementById("due-date").value;
console.log("Hello!");
console.log(tn + " " + td + " " + dd);
//document.getElementById("num1").innerHTML = tn;
add(tn, td, dd);
document.getElementById('form').reset();
}

window.putValue = function() {
var local = window.localStorage;
local.tname = document.getElementById("task-name").value;
local.tdescription = document.getElementById("task-description").value;
local.ddate = document.getElementById("due-date").value;
}

window.getValue = function() {
var local = window.localStorage;
if(local.tname != undefined) {
document.getElementById("task-name").value = local.tname;
}
if(local.tdescription != undefined) {
document.getElementById("task-description").value = local.tdescription;
}
if(local.ddate != undefined) {
document.getElementById("due-date").value = local.ddate;
}
}