/* ******************* Made by Sil November 2019 For Sololearn ******************* */ let focusedFolder; let focusedNote = ''; let editedNote = false; let d = new Date(); var user; user= { name:"default_user", code:"", folders:[{"folder":{"name":"DefaultFolder","folderId":"f0","notes":[]}}], trash:[]} // _________________________________________ // _________________________________________ //Flexes //Reading Notes //Flex 1 function readingFolders() { let fold=user.folders; for (let i = 0; i < fold.length; i++) { let h4 = document.createElement("h4"); let file = fold[i].folder.name; let node = document.createTextNode(`${file}`); h4.append(node); h4.setAttribute('id', `${file}`); h4.setAttribute('onclick', `notesReading(${i})`); let elem=document.getElementById("myfolders"); elem.append(h4); } let startfolder = 0; notesReading(startfolder); } //Flex 2 function notesReading(oneFolder) { focusedFolder = oneFolder; /*background colors*/ let colFold = document.getElementById('myfolders').getElementsByTagName('h4'); for (let x = 0; x < colFold.length; x++) { colFold[x].style.backgroundColor = 'whitesmoke'; } document.getElementById('mytrash').style.backgroundColor = 'whitesmoke'; colFold[focusedFolder].style.backgroundColor = 'silver'; //visible and non-visible buttons document.getElementById('restore').style.display = 'none'; document.getElementById('trashempty').style.display = 'none'; document.getElementById('add').style.display = 'inline'; document.getElementById('ok').style.display = 'inline'; document.getElementById('edit').style.display = 'inline'; document.getElementById('newfolder').style.display = 'inline'; let startNote; document.getElementById('mynotes').innerHTML = ''; let myN = user.folders[focusedFolder].folder.notes; document.getElementById('mynotes').innerHTML = ''; if(myN.length===0){ let h4 = document.createElement("h4"); let node = document.createTextNode(``); h4.append(node); let note = []; note[0] = oneFolder; note[1] = 0; h4.setAttribute('onclick', `noteReading([${note}])`); let elem = document.getElementById('mynotes'); elem.append(h4); startNote = note; }else{ for (let i = myN.length - 1; i >= 0; i--) { let file = myN[i].note.title; let h4 = document.createElement("h4"); let node = document.createTextNode(`${file}`); h4.append(node); h4.setAttribute('id', `${file}`); let note = []; note[0] = oneFolder; note[1] = i; h4.setAttribute('onclick', `noteReading([${note}])`); let elem = document.getElementById('mynotes'); elem.append(h4); let N=myN.length - 1; startNote = [oneFolder, N]; } } noteReading(startNote); } //Flex 3 function noteReading(oneNote) { focusedNote = oneNote[1]; let col = document.getElementById('mynotes').getElementsByTagName('h4'); for (let x = 0; x < col.length; x++) { col[x].style.backgroundColor = 'white'; } document.getElementById('mynotes').getElementsByTagName('h4')[col.length - 1 - focusedNote].style.backgroundColor = 'silver'; document.getElementById('mynote').innerHTML = ''; //Find and read note if (user.folders[oneNote[0]].folder.notes.length === 0) { let p = document.createElement('p'); let nodeP = document.createTextNode(``); p.setAttribute('class', `mytext`); p.append(nodeP); let elem = document.getElementById('mynote'); elem.append(p); } else { document.getElementById('mynote').innerHTML = ''; let myNote = user.folders[oneNote[0]].folder.notes[oneNote[1]].note.body; if (myNote.indexOf("<") === 0) { document.getElementById('mynote').innerHTML = myNote; } else { let p = document.createElement('p'); let nodeP = document.createTextNode(``); p.setAttribute('class', `mytext`); p.append(nodeP); let elem = document.getElementById('mynote'); elem.append(p); document.getElementsByClassName('mytext')[0].innerHTML = myNote; } document.getElementsByClassName('mytext')[0].addEventListener('dblclick', editNote); } } function trashReading() { focusedFolder = 'trash'; /*colors of folder*/ let colFold = document.getElementById('myfolders').getElementsByTagName('h4'); for (let x = 0; x < colFold.length; x++) { colFold[x].style.backgroundColor = 'whitesmoke'; } document.getElementById('mytrash').style.backgroundColor = 'darkgrey'; document.getElementById('restore').style.display = 'inline'; document.getElementById('trashempty').style.display = 'inline'; document.getElementById('add').style.display = 'none'; document.getElementById('ok').style.display = 'none'; document.getElementById('edit').style.display = 'none'; document.getElementById('newfolder').style.display = 'none'; if (user.trash.length === 0) { let h4 = document.createElement("h4"); let node = document.createTextNode(`No trash`); h4.append(node); h4.setAttribute('onclick', `oneTrashReading(-1)`); let elem = document.getElementById('mynotes'); elem.innerHTML = ''; elem.append(h4); oneTrashReading(-1); } if (user.trash.length > 0) { document.getElementById('mynotes').innerHTML = ''; for (let i = 0; i < user.trash.length; i++) { let file = user.trash[i].note.title; let h4 = document.createElement("h4"); let node = document.createTextNode(`${file}`); let note = i; h4.append(node); h4.setAttribute('id', `${file}`); h4.setAttribute('onclick', `oneTrashReading(${note})`); let elem = document.getElementById('mynotes'); elem.append(h4); } oneTrashReading(0); } } function oneTrashReading(f) { focusedNote = f; if (focusedNote != undefined && focusedNote !== -1) { let col = document.getElementById('mynotes').getElementsByTagName('h4'); for (let x = 0; x < col.length; x++) { col[x].style.backgroundColor = 'white'; } document.getElementById('mynotes').getElementsByTagName('h4')[focusedNote].style.backgroundColor = 'silver'; } //Find and read note if (user.trash==null) { let p = document.createElement('p'); let nodeP = document.createTextNode(`No trash`); p.setAttribute('class', `mytext`); p.append(nodeP); let elem = document.getElementById('mynote'); elem.append(p); } else if (user.trash != null) { let myNote = user.trash[f].note.body; let p = document.createElement('p'); let nodeP = document.createTextNode(``); p.setAttribute('class', `mytext`); p.append(nodeP); let elem = document.getElementById('mynote'); elem.append(p); document.getElementsByClassName('mytext')[0].innerHTML = myNote; } } //_________________________________ //Functions function addNote() { //focused Note with silver color let noteTitle = document.getElementById('mynotes').innerHTML = '

New Note

' + document.getElementById('mynotes').innerHTML; focusedNote = 0; let col = document.getElementById('mynotes').getElementsByTagName('h4'); for (let x = 0; x < col.length; x++) { col[x].style.backgroundColor = 'white'; } document.getElementById('mynotes').getElementsByTagName('h4')[0].style.backgroundColor = 'silver'; //create notepad let note = document.getElementById('mynote'); note.innerHTML = ''; note.contentEditable = 'true'; note.focus(); } function saveNote() { if (editedNote == true) { saveEditedNote(); } else { let note = document.getElementById('mynote').innerHTML; let fenter = note.indexOf("<"); let title = ""; if (fenter < 21 && fenter > 0 && note !== '') { title = note.slice(0, fenter); } else if (fenter === 0) { let endTag = note.indexOf('>') + 1; let tag = note.slice(fenter, endTag); title = note.replace(tag, '').slice(0, fenter); } else if (note !== '') { title = note.slice(0, 20) + "..."; } if (title !== "") { user.folders[`${focusedFolder}`].folder.notes.push({ note: { title: title, body: note, date: d.toString().slice(4, 21) } }); document.getElementById('mynote').contentEditable = 'false'; } notesReading(focusedFolder); } } function saveEditedNote() { let note = document.getElementById('mynote').innerHTML; let fenter = note.indexOf("<"); let title = ""; if (fenter < 21 && fenter > 0 && note !== '') { title = note.slice(0, fenter); } else if (fenter === 0) { title = document.getElementById('mynote').getElementsByClassName('mytext')[0].innerHTML.slice(0, 21) + "..."; } else if (note !== '') { title = note.slice(0, 20) + "..."; } if (title !== "") { user.folders[focusedFolder].folder.notes[focusedNote].note.title= title; user.folders[focusedFolder].folder.notes[focusedNote].note.body= note, user.folders[focusedFolder].folder.notes[focusedNote].note.date= d.toString().slice(4, 21); document.getElementById('mynote').contentEditable = 'false'; editedNote = false; } notesReading(focusedFolder); } function editNote() { let note = document.getElementById('mynote'); note.contentEditable = 'true'; note.focus(); editedNote = true; } function deleteNote() { if (focusedFolder === 'trash') { completelyDeleteNote(); } else { if (focusedFolder !== 'trash') { if (user.folders[focusedFolder].folder.notes[focusedNote] == undefined) { if (confirm(`Do you really want to delete folder ${user.folders[focusedFolder].folder.name}?`)) { deleteFolder(); } } else { let title = user.folders[focusedFolder].folder.notes[focusedNote].note.title; let date = user.folders[focusedFolder].folder.notes[focusedNote].note.date; let note = user.folders[focusedFolder].folder.notes[focusedNote].note.body; let origin = user.folders[focusedFolder].folder.folderId; if (confirm(`Do you really want to delete note ${title};`)) { user.trash.push({ note: { title: title, body: note, date: date, origFolder: origin } }); user.folders[focusedFolder].folder.notes.splice(focusedNote, 1); notesReading(focusedFolder); } } } } } function completelyDeleteNote() { let title = user.trash[focusedNote].note.title; let note = user.trash[focusedNote].note.body; let date = user.trash[focusedNote].note.date; let origin = user.trash[focusedNote].note.origFolder; if (confirm(`Do you really want to delete ${title}?`)) { user.trash.splice(focusedNote, 1); document.getElementById('mynote').innerHTML=""; trashReading(); } } function restoreNote() { if (user.trash.length != 0) { let title = user.trash[focusedNote].note.title; console.log(title); let note = user.trash[focusedNote].note.body; let date = user.trash[focusedNote].note.date; let origin = user.trash[focusedNote].note.origFolder; let restoredFolder; for (let i = 0; i < user.folders.length; i++) { if (user.folders[i].folder.folderId === origin) { user.folders[i].folder.notes.push({ note: { title: title, body: note, date: date } }); user.trash.splice(focusedNote, 1); document.getElementById('mynote').innerHTML=""; trashReading(); }else{ user.folders[0].folder.notes.push({ note: { title: title, body: note, date: date } }); user.trash.splice(focusedNote, 1); document.getElementById('mynote').innerHTML=""; trashReading(); } } } } function addFolder() { let folderName = `New Folder`; let num = 0; for (let f = 0; f < user.folders.length; f++) { if (user.folders[f].folder.name === folderName) { ++num; folderName = `New Folder ${num}`; f = -1; } } let fid = 'f'; let n = 0; for (let f = 0; f < user.folders.length; f++) { if (user.folders[f].folder.folderId.slice(1) == n) { ++n; } } fid = fid + n; user.folders.push({ folder: { name: folderName, folderId: fid, notes: [] } } ); document.getElementById("myfolders").innerHTML=""; readingFolders(); } function deleteFolder() { let folderName = user.folders[focusedFolder].folder.name; let fId = user.folders[focusedFolder].folder.folderId; user.folders.splice(focusedFolder, 1); document.getElementById('myfolders').innerHTML=""; readingFolders(); } function emptyTrash() { if (confirm(`Do you really want to empty trash?`)) { if (user.trash != 0) { user.trash= [] document.getElementById('mynote').innerHTML=""; trashReading(); } else { alert('Your trash is empty!'); } } }

Personal Notepad