var punches, punchList, listLength, object; function isItArray(object) { console.log(`is ${object} Array = ${Array.isArray(object)}`); // return Array.isArray(object); } function putJson(data) { let req = new XMLHttpRequest(); req.onreadystatechange = () => { if (req.readyState == XMLHttpRequest.DONE) { document.getElementById("result").innerHTML = new Date().getTime() + " - " + req.status; getJson(); } }; req.open("PUT", jsonUrl, true); req.setRequestHeader("Content-type", "application/json"); req.send(data); } function getJson() { // var GoogleAuth = gapi.auth2.init(); // if (GoogleAuth.isSignedIn.get() === true) { displayMeta(); console.log(`getJson`); let req = new XMLHttpRequest(); req.onreadystatechange = () => { if (req.readyState == XMLHttpRequest.DONE) { window.punches = JSON.parse(req.responseText); window.punches.sort(function(a, b){return a.priority - b.priority}); //callback(window.punches); genStatuses(window.punches); } }; req.open("GET", jsonUrl, true); req.send(); // } else { // console.log('not logged in'); // } } function findArrayId(uid) { var length = window.punches.length; for (x = 0; x < length; x++) { if (window.punches[x].uuid === uid) { return x; } } } function tagFilter(tagItem) { console.log(`In tagFilter function`); window.tagFilterItem = tagItem; getJson(); } function clearTagFilter() { console.log(`Clear Tags`); window.tagFilterItem = undefined; getJson(); } function getStatus(punchList, statusFilter) { return punchList.filter(function(punch) { return punch.progress.toLowerCase() === statusFilter; }); } function genStatuses(punchList) { genList(getStatus(punchList, "in progress"), "punchListInProgress"); genList(getStatus(punchList, "new"), "punchListNew"); genList(getStatus(punchList, "done"), "punchListDone"); } function genList(punchList, element) { document.getElementById("showDone").innerHTML = "Show Done: " + showDone + ""; console.log(`current tag = ${window.tagFilterItem}`); disableElement("punchDetail"); enableElement("punchListAll"); var itemStyle = "punches"; // isItArray(punchList); // punchList.sort(function(a, b){return new Date(a.date).getTime() - new Date(b.date).getTime()}); listLength = punchList.length; var list = ''; for (i = 0; i < listLength; i++) { if (window.tagFilterItem != undefined) { if (punchList[i].tags != undefined && punchList[i].tags.includes(window.tagFilterItem)) { console.log(`in tagFilterIf`); list += "
"; // list += "
"; // list += "
"; list += "
" + punchList[i].subject + "
"; // list += "
Status: " + punchList[i].progress + "
"; list += "
Priority: " + punchList[i].priority + "
"; list += "
Need By: " + punchList[i].nDate + "
"; if (punchList[i].tags != undefined) { list += "
Tags: "; for (t = 0; t < punchList[i].tags.length; t++) { list += "" + punchList[i].tags[t] + ", "; } list += "
"; } list += "
"; list += "
"; list += "
"; } } else { console.log(`in tagFilterElse`); list += "
"; // list += "
"; // list += "
"; list += "
" + punchList[i].subject + "
"; // list += "
Status: " + punchList[i].progress + "
"; list += "
Priority: " + punchList[i].priority + "
"; list += "
Need By: " + punchList[i].nDate + "
"; if (punchList[i].tags != undefined) { list += "
Tags: "; for (t = 0; t < punchList[i].tags.length; t++) { list += "" + punchList[i].tags[t] + ", "; } list += "
"; } list += "
"; list += "
"; list += "
"; } } document.getElementById(element).innerHTML = list; if (showDone === false) { disableElement("punchListDoneWrapper"); } else { enableElement("punchListDoneWrapper"); } } function startPunch(uuid) { var punchList = window.punches; item = findArrayId(uuid); punchList[item].progress = "In Progress"; jsonStr = JSON.stringify(punchList); putJson(jsonStr); } function completePunch(uuid) { var punchList = window.punches; item = findArrayId(uuid); punchList[item].progress = "Done"; jsonStr = JSON.stringify(punchList); putJson(jsonStr); } function enablePunchDetail(uuid) { var punchList = window.punches; item = findArrayId(uuid); console.log(`inside enablePunchDetail`); disableElement("punchListAll"); enableElement("punchDetail"); // html = ""; html = "

subject: " + punchList[item].subject + "
Created: " + punchList[item].cDate + "
Modified Date: " + punchList[item].mDate + "
Priority: " + punchList[item].priority + "
Progress: " + punchList[item].progress + "

"; document.getElementById("punchDetail").innerHTML = html; } function createNewEvent() { /* Before doing this, Refresh the array, So that we don't overwrite data */ getJson(); // console.log(`${punchList}`); // console.log(`${window.punches}`); // disableElement("punchList"); // disableElement("punchDetail"); punchList = window.punches; var subjectField = document.getElementById("newSubject").value; var priorityField = document.getElementById("newPriority").value; var progressField = document.getElementById("newProgress").value; var nDateField = document.getElementById("timepickerCreate").value; var notesField = document.getElementById("newNotes").value; var newEventJson = { uuid: genUid(), nDate: nDateField, subject: subjectField, priority: priorityField, progress: progressField, notes: notesField }; punchList.push(newEventJson); jsonStr = JSON.stringify(punchList); putJson(jsonStr); disableElement("newEvent"); enableElement("punchListAll"); // document.getElementById("newEventList").innerHTML = jsonStr; } function genDaily() { /* Before doing this, Refresh the array, So that we don't overwrite data */ getJson(); punchList = window.punches; var daily = [ "Check Workday", "Check Expenses", "Check Change Cases", "Check TD's", "Check at-mentions" ]; console.log(`${daily[1]}`); for (x = 0; x < daily.length; x++) { var newEventJson = { uuid: genUid(), nDate: "EOD", subject: daily[x], priority: "1", progress: "new", notes: "", tags: [ "work", "daily", "today" ] }; punchList.push(newEventJson); jsonStr = JSON.stringify(punchList); putJson(jsonStr); } } function genWeekly() { /* Before doing this, Refresh the array, So that we don't overwrite data */ getJson(); punchList = window.punches; var weekly = [ "Update ORB Notes", "Prep Weekly Meeting", "Build out Broadcast Timer" ]; for (x = 0; x < weekly.length; x++) { var newEventJson = { uuid: genUid(), nDate: "Tuesday", subject: weekly[x], priority: "1", progress: "new", notes: "", tags: [ "work", "weekly" ] }; punchList.push(newEventJson); jsonStr = JSON.stringify(punchList); putJson(jsonStr); } } function deletePunch(uuid) { /* Before doing this, Refresh the array, So that we don't overwrite data */ getJson(); // console.log(`${punchList}`); // console.log(`${window.punches}`); punchList = window.punches; item = findArrayId(uuid); console.log(`splicing ${item}`); punchList.splice(item, 1); jsonStr = JSON.stringify(punchList); putJson(jsonStr); // document.getElementById("newEventList").innerHTML = jsonStr; } function enableElement(element) { console.log(`enabling ${element}`); document.getElementById(element).style.display = "block"; } function disableElement(element) { console.log(`disabling ${element}`); document.getElementById(element).style.display = "none"; } function displayMeta() { document.getElementById("meta").innerHTML = "Version: " + version ; } /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function dropMenu(item) { window.dropId = "myDropdown" + item; document.getElementById(window.dropId).classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn')) { var myDropdown = document.getElementById(window.dropId); if (myDropdown.classList.contains('show')) { myDropdown.classList.remove('show'); } } } function toggleShowDone() { if (showDone === false) { window.showDone = true; } else if (showDone === true) { window.showDone = false; } else { window.showDone = false; } getJson(); } function editPunch(uuid) { /* Before doing this, Refresh the array, So that we don't overwrite data */ getJson(); disableElement("newEvent"); disableElement("punchListAll"); enableElement("editPunch"); punchList = window.punches; item = findArrayId(uuid); var id = item; var subject = punchList[id].subject; var priority = punchList[id].priority; var progress = punchList[id].progress; var nDate = punchList[id].nDate; var notes = punchList[id].notes; document.getElementById("editID").value = id; document.getElementById("editSubject").value = subject; document.getElementById("timepickerEdit").value = nDate; document.getElementById("editNotes").value = notes; document.getElementById("editProgress").value = progress; document.getElementById("editPriority").value = priority; } function submitEditPunch() { punchList = window.punches; var id = document.getElementById("editID").value; var subjectField = document.getElementById("editSubject").value; var priorityField = document.getElementById("editPriority").value; var progressField = document.getElementById("editProgress").value; var nDateField = document.getElementById("timepickerEdit").value; var notesField = document.getElementById("editNotes").value; punchList[id].subject = subjectField; punchList[id].priority = priorityField; punchList[id].progress = progressField; punchList[id].nDate = nDateField; punchList[id].notes = notesField; jsonStr = JSON.stringify(punchList); putJson(jsonStr); disableElement("editPunch"); } function addTag() { /* Before doing this, Refresh the array, So that we don't overwrite data */ getJson(); var item = document.getElementById("editID").value; var newTag = document.getElementById("tag").value.toLowerCase(); console.log(`Item: ${item}`); console.log(`New Tag: ${newTag}`); // make sure tags object exists if (punchList[item].tags === undefined) { console.log(`Adding tags object to punchList[${item}]`); punchList[item].tags = []; } punchList[item].tags.push(newTag); console.log(`${punchList[item].tags}`); jsonStr = JSON.stringify(punchList); putJson(jsonStr); disableElement("editPunch"); enableElement("punchListAll"); } function clearDefault(a){ if (a.defaultValue == a.value) { a.value=""; } } function genUid() { function chr4() { return Math.random().toString(16).slice(-4); } return chr4() + chr4() + '-' + chr4() + '-' + chr4() + '-' + chr4() + '-' + chr4() + chr4() + chr4(); } //google stuff function onSignIn(googleUser) { var profile = googleUser.getBasicProfile(); console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead. console.log('Name: ' + profile.getName()); console.log('Image URL: ' + profile.getImageUrl()); console.log('Email: ' + profile.getEmail()); // This is null if the 'email' scope is not present. getJson(); } function signOut() { var auth2 = gapi.auth2.getAuthInstance(); auth2.signOut().then(function () { console.log('User signed out.'); }); }