/* Some Global variables */ var flag = 0; // There are more items to retrive... var i = 0; // A general purpuse iterator. var items = []; // The items array. var myitem; // Current item name. var newItem; // There is a new item to save and display. var SoloToDoName = ""; // The user Name. var w = window.innerWidth * 0.7; // Max entry width. var myinterval; // For init - the first time. var insetup = 0; // A flag that prevents the list from poping , whene there is no user name. var SoloToDoLang="en"; // The language used by this applet. var lines; // An object full of quotes. /* Language setup */ function setLang(lang) { localStorage.setItem("SoloToDoLang", lang); main(); } /* Allow items to be droped on all other items */ function allowDrop(ev) { ev.preventDefault(); } /* Al items can be dragged */ function drag(ev) { ev.dataTransfer.setData("draggedId", ev.target.id); // Take the dragged item ID. } /* When an item is droped - Change the items order */ function drop(ev) { ev.preventDefault(); let toDel = ev.dataTransfer.getData("draggedId").split("item")[1]; // The dropped items index number in the array. let toIns = ev.target.id.split("item")[1]; // The index number of the item on which it was droped. items.splice(toIns, 0, items.splice(toDel, 1)); // Change the order of items in the array. saveList(); // Save the items list. setTimeout(retriveItems, 100); // Retrive the items list. showItemsList(); //Show the items list. } /* Save an edited item - in place. */ function saveEdit(item) { newItem = document.getElementById("editeditem").value; // The item to save. items[item] = newItem; // Save the item in place in the array. saveList(); // Save the items list. main(); // Go back to the main program. } /* Edit an already saved item */ function editItem(item) { document.getElementById("additem").style.visibility = "hidden"; // An Add item button. document.getElementById("greating").innerHTML = lines.edit; // A changing greeting. //document.getElementById("greating").innerHTML = "Ha!? Master" + R2Do2Name + " wants to change something!? How can I be of service?"; // A changing greeting. document.getElementById("greating").style.color = "#DDDDBB"; // A regular block. let myTbl = document.getElementById("itemsList"); // The main block. myTbl.innerHTML = "

   ";// A text area for the item to edit, cancel button and save button. document.getElementById("edititem").style.backgroundColor = "rgba(0, 0, 204, 0.25)"; // Add item block. if (items[item].match(/^(ת|ש|ר|ק|צ|פ|ע|ס|נ|מ|ל|כ|י|ט|ח|ז|ו|ה|ד|ג|ב|א|ا|ب|ت|ث|ج|ح|خ|د|ذ|ر|ز|س|ش|ص|ض|ط|ظ|ع|غ|ف|ق|ك|ل|م|ن|ه|و|ي|ء|ؤ|أ|إ|ؤ|ة)/)) { /* The first letter of this item is Hebrew or Arabic. the item is Right to Left! */ document.getElementById("editeditem").style.textAlign = "right"; document.getElementById("editeditem").style.direction = "rtl"; } else { /* The item is Left to Right */ document.getElementById("editeditem").style.textAlign = "left"; document.getElementById("editeditem").style.direction = "ltr"; } } /* A complete purge of Local Storage. */ function delAll() { let myTbl = document.getElementById("itemsList"); // The main block! document.getElementById("additem").style.visibility = "hidden"; // An Add item button. document.getElementById("greating").style.visibility = "hidden"; // A changing greeting. document.getElementById("warn").style.visibility = "hidden"; // Loacal Storage warning. document.getElementById("copy").style.visibility = "hidden"; // Copyright notice - ToBeChanged to CC later on. document.getElementById("removeall").style.visibility = "hidden"; // A complete purge button. myTbl.innerHTML = "Bye Bye!"; // All purged! for (i = 0; i < items.length; i++) { myitem = "SoloToDoitem" + i; localStorage.removeItem(myitem); // Delete ALL items from Local Storage. } localStorage.removeItem("SoloToDoLang"); // Delete user's language from Local Storage. localStorage.removeItem("SoloToDoName"); // Delete user name from Local Storage. } /* A Purge all confirmation. */ function removeAll() { document.getElementById("greating").innerHTML = lines.remall; // A changing greeting. let myTbl = document.getElementById("itemsList"); // The main block! document.getElementById("additem").style.visibility = "hidden"; // An Add item button. document.getElementById("greating").style.visibility = "visible"; // A changing greeting. document.getElementById("greating").style.color = "red"; // A removal block. myTbl.innerHTML = ""; // Removivig block contatnace. myTbl.innerHTML += "" + lines.remallq + "
"; // User confirmation myTbl.innerHTML += "        "; // 2 buttons choice. } /* A trap for the timer */ function nothing() { //Nothing... } /* Saving user name and going on to the main program. */ function saveMasetrName() { MasterName = " " + document.getElementById("mastername").value; //Adding a space before the name, so we know there is a name to follow. localStorage.setItem("SoloToDoName", MasterName); // Save the name. clearTimeout(myinterval); // Clear the timer. insetup = 0; // Finished setup. document.getElementById("greating").style.height = "initial"; main(); // Go to the main progrm. } /* Initial setup of user name */ function setup() { if (typeof(Storage) === "undefined") // No Web Storahe support. { document.getElementById("itemsList").innerHTML = "Sorry! No Web Storage found!"; // Nothing we cn do about it. setTimeout(nothing, 3000); //No user name! } else { insetup = 1; // In setup - Don't pop the main table! document.getElementById("greating").style.height = "2px"; document.getElementById("additem").style.visibility = "hidden"; // An Add item button. document.getElementById("itemsList").innerHTML = "" + lines.setup1 + "" + lines.setup2 + "

"; // A prompt for the user name and a save button. myinterval = setTimeout(setup, 60000); // Wait for the user name. /* Add some default tasks... */ localStorage.setItem("SoloToDoitem0", "Learn HTML Fundamentals"); localStorage.setItem("SoloToDoitem1", "Learn CSS Fundamentals"); localStorage.setItem("SoloToDoitem2", "Take the JavaScript Tutorial"); localStorage.setItem("SoloToDoitem3", "Ask & Answer programing related Questions"); } } /* Retrive the list of items from Local Storage. */ function retriveItems() { //items.splice(0, items.length); // Empty the items array while (flag === 0) // There are still more items. { myitem = "SoloToDoitem" + i; // Set the next item name. if (localStorage.getItem(myitem)) // There is an item to retrive. { items[i] = localStorage.getItem(myitem); // Add the item to to items array. } else { flag = 1; // No more items! } i++; // Next iteration. } } /* Delete one item. */ function delItem(x) { myitem = "SoloToDoitem" + (items.length - 1); // Allways delete from the end of the list localStorage.removeItem(myitem); // Delete the last item from Local Storage. items.splice(x, 1); // Pop the correct item and discard it from tha array. saveList(); // Save the rest of the list to Local Storage. main(); // Go back to the main program. } /* Delete Item Confirmation */ function remove(x) { document.getElementById("greating").innerHTML = lines.delete1; // A changing greeting. let myTbl = document.getElementById("itemsList"); // The main block! document.getElementById("additem").style.visibility = "hidden"; // An Add item button. document.getElementById("greating").style.visibility = "visible"; document.getElementById("greating").style.color = "red"; // A removal block. myTbl.innerHTML = ""; // Removivig block contats. let itemId = "item" + x; // An ID for the cell. let rowId = "row" + x; // An ID for the row. myTbl.innerHTML += "" + items[x] + "
"; // The Item to be removed. document.getElementById(itemId).style.width = w + "px"; // Max item width. document.getElementById(itemId).style.backgroundColor = "rgba(64, 0, 0, 0.75)"; // Warning removal color. document.getElementById(itemId).style.color = "red"; let myItem; // When droped, in item ID might apear as a one item array... try { myItem = (items[x].constructor.toString().indexOf("Array") > -1) ? items[x][0] : items[x]; } catch(err) { if (Array.isArray(items[x])) myItem = items[x][0]; } while (Array.isArray(myItem)) { myItem = myItem[0]; } if (myItem.match(/^(ת|ש|ר|ק|צ|פ|ע|ס|נ|מ|ל|כ|י|ט|ח|ז|ו|ה|ד|ג|ב|א|ا|ب|ت|ث|ج|ح|خ|د|ذ|ر|ز|س|ش|ص|ض|ط|ظ|ع|غ|ف|ق|ك|ل|م|ن|ه|و|ي|ء|ؤ|أ|إ|ؤ|ة)/)) { /* The first letter of this item is Hebrew or Arabic. the item is Right to Left! */ document.getElementById(itemId).style.textAlign = "right"; document.getElementById(rowId).style.direction = "rtl"; document.getElementById(itemId).style.direction = "rtl"; } else { /* The item is Left to Right */ document.getElementById(itemId).style.textAlign = "left"; document.getElementById(rowId).style.direction = "ltr"; document.getElementById(itemId).style.direction = "ltr"; } myTbl.innerHTML += "" + lines.delete2 + "
"; // Item removal user confirmation. myTbl.innerHTML += "        "; // 2 buttons choice. } /* The Items List! */ function showItemsList() { document.getElementById("greating").innerHTML = lines.list; // A changing greeting. document.getElementById("greating").style.color = "#DDDDBB"; // A regular block. let myTbl = document.getElementById("itemsList"); // The main block. if (insetup === 0) // Don't interfeer in initial setup! { document.getElementById("additem").style.visibility = "visible"; // An Add item button. document.getElementById("greating").style.visibility = "visible"; myTbl.innerHTML = ""; // Removivig any other block contatnace. for (i = 0; i < items.length; i++) // Iterate the items array. { let myItem; // When droped, in item ID might apear as a one item array... try { myItem = (items[i].constructor.toString().indexOf("Array") > -1) ? items[i][0] : items[i]; } catch(err) { if (Array.isArray(items[i])) myItem = items[i][0]; } while (Array.isArray(myItem)) { myItem = myItem[0]; } let itemId = "item" + i; // An ID for the cell. let rowId = "row" + i; // An ID for the row. myTbl.innerHTML += "✍" + myItem + "🚫"; // The item and a remove button. if (items.length - i > 1) myTbl.innerHTML += "
"; // Break the line on every item, but the last one. document.getElementById(itemId).style.color = "#000099"; if (i % 2 === 0) { document.getElementById(itemId).style.backgroundColor = "#A0A0A0"; // Background for even items. } else { document.getElementById(itemId).style.backgroundColor = "#E0E0E0"; // Background for odd items. } document.getElementById(itemId).style.width = w + "px"; // Max item width. try { if (myItem.match(/^(ת|ש|ר|ק|צ|פ|ע|ס|נ|מ|ל|כ|י|ט|ח|ז|ו|ה|ד|ג|ב|א|ا|ب|ت|ث|ج|ح|خ|د|ذ|ر|ز|س|ش|ص|ض|ط|ظ|ع|غ|ف|ق|ك|ل|م|ن|ه|و|ي|ء|ؤ|أ|إ|ؤ|ة)/)) { /* The first letter of this item is Hebrew or Arabic. the item is Right to Left! */ document.getElementById(itemId).style.textAlign = "right"; document.getElementById(rowId).style.direction = "rtl"; document.getElementById(itemId).style.direction = "rtl"; } else { /* The item is Left to Right */ document.getElementById(itemId).style.textAlign = "left"; document.getElementById(rowId).style.direction = "ltr"; document.getElementById(itemId).style.direction = "ltr"; } } catch(err) { /* The item is Left to Right */ document.getElementById(itemId).style.textAlign = "left"; document.getElementById(rowId).style.direction = "ltr"; document.getElementById(itemId).style.direction = "ltr"; } } if (items.length === 0) // The list is empty. { myTbl.innerHTML = lines.empty; } } } /* Save the items list to Local Storage. call this function whenever the items list changes! */ function saveList() { for (i = 0; i < items.length; i++) // Iterate the items array. { myitem = "SoloToDoitem" + i; // Set the next item name. localStorage.setItem(myitem, items[i]); // Save the item to Local Storage. } } /* There is a new item to save. */ function saveItem() { newItem = document.getElementById("newitem").value; // The item to save. items.push(newItem); // Add the item to the end of the array. saveList(); // Save the items list. main(); // Go back to the main program. } /* The Add item Screen */ function addItem() { document.getElementById("additem").style.visibility = "hidden"; // An Add item button. document.getElementById("greating").innerHTML = lines.add1; // A changing greeting. document.getElementById("greating").style.color = "green"; // Add item block. let myTbl = document.getElementById("itemsList"); // The main block. myTbl.innerHTML = "

   ";// A text area for the new item, cancel button and save button. document.getElementById("addnew").style.backgroundColor = "rgba(0, 204, 0, 0.25)"; // Add item block. } /* Clean & simple - the main program. */ function main() { document.getElementById("greating").style.visibility = "hidden"; // Check to see if we need setup. if (typeof(Storage) !== "undefined" && localStorage.SoloToDoLang) SoloToDoLang = localStorage.SoloToDoLang; else SoloToDoLang = "en"; switch(SoloToDoLang) { case "he": document.getElementsByTagName("body")[0].style.direction = "rtl"; lines = {edit: "הא!? מאסטר" + SoloToDoName + " רוצה לשנות משהו!? איך אני יכול לעזור?", cacelitem: "ביטול", save: "שמור זאת באחסון המקומי של סולוטודו", remall: " הוּוּוּ! מאסטר" + SoloToDoName +" רוצה למחוק לצמיתות את סולוטודו!", remallbtn: "מחק הכל!", remallq: "האם מאסטר" + SoloToDoName + " בטוח שהוא רוצה למחוק הכל?", setup1: "שלום! אני הוא סולוטודו. אני הרובוט הטכני החדש שלך. אני אעזור לך לא לשכוח מה שעלינו לעשות.", setup2: "כיצד מעוניין המאסטר החדש שלי להקרא?", setup3: "הכנס כאן את שמך בבקשה", setupbtn: "שמור את שם המאסטר באחסון המקומי!", delete1: "יוֹוֹוֹ, הוּוּוּ! מאסטר" + SoloToDoName + " רוצה למחוק משהו!", delete2: "האם מאסטר" + SoloToDoName + " בטוח שהוא רוצה למחוק זאת לצמיתות?", deletebtn: "מחק את הפריט!", list: "ובכן, שלום שוב, מאסטר" + SoloToDoName + "! סולוטודו התגעגע אליך. הנה רשימת המטלות הנוכחית שלי:
המאסטר יכול לגרור ולשחרר פריטים ברשימה כדי לסדר אותם.
המאסטר יכול גם ללחוץ על כפתור ה + בצד ימין למעלה, בכדי להוסיף פריטים חדשים.", empty: "ישששש! לסולוטודו אין מה לעשות. סולוטודו יכול לישון כל היום. ביפ בלופ!", add1: "הא!? למאסטר " + SoloToDoName + " יש משימה חדשה בשביל סולוטודו!? איך אני יכול לעזור?", add2: "הכנס את המשימה החדשה כאן." }; document.getElementById("warn").innerHTML = "אזהרה! יישומון משימות זה משתמש באחסון מקומי על גבי מכשיר זה בלבד וללא כל גיבוי. השימוש על אחריותך הבלעדית! כל האמור ביישמון זה בלשון זכר, כוונתו ללשון כל מגדר ללא כל כוונת אפלייה."; document.getElementById("removeall").innerHTML = "מחק הכל!" break; case "en": default: document.getElementsByTagName("body")[0].style.direction = "ltr"; lines = {edit: "Ha!? Master" + SoloToDoName + " wants to change something!? How can I be of service?", cacelitem: "Cancel", save: "Save this to SoloToDo's Local Storage", remall: "UuuU,OooO, Master" + SoloToDoName +" wishes to purge SoloToDo!", remallbtn: "Delete Everything!", remallq: "Is master" + SoloToDoName + " sure he wants to remove ALL?", setup1: "Hello! I am SoloToDo. I am your new Technical Robot. I will help you not forget what we have to do.", setup2: "What does my Master want to be called?", setup3: "Enter your name here please", setupbtn: "Save Mastar's Name in Local Storage!", delete1: "UuuU,OooO, Master" + SoloToDoName +" wishes to erase something!", delete2: "Is master" + SoloToDoName + " sure he wants to remove that?", deletebtn: "Delete the item!", list: "Well, Hello again Master" + SoloToDoName + "! SoloToDo missed you. Here is my list of duties:
Master can drag and drop items in the list, to change the order of them.
Master can also press the green + button at the upper right corner, to add items to the list.", empty: "Horay! Nothig for SoloToDo to do. SoloToDo can sleep alllll day. Beep blup!", add1: "Ha!? Master" + SoloToDoName + " has a new job for SoloToDo!? How can I be of service?", add2: "Enter the new task here." }; document.getElementById("warn").innerHTML = "Warning! This ToDo applet uses Web Storage. This means that the data is saved on your local device with no backup. Use at your own risk! Everything writen in this applet, ferers to all genders!"; document.getElementById("removeall").innerHTML = "Remove ALL!" break; } if (typeof(Storage) === "undefined" || !localStorage.SoloToDoName) // No user name saved. { setup(); // Call setup. } else { SoloToDoName = localStorage.SoloToDoName; // We have a user name. } retriveItems(); // Retrive the items list. showItemsList(); //Show the items list. }

SoloToDo.html