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, ""), "punchListBacklog"); } function genBacklog(punchList) { genList(punchList, "punchListBacklog"); } function genList(punchList, element) { 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 (punchList[i].progress.toLowerCase() === "in progress") { var style = "inProgress" } else { var style = "punch-default" } if (punchList[i].progress.toLowerCase() === "done" && punchList[i].priority != 99999) { setPriority(punchList[i].uuid, 99999); } else if (punchList[i].progress.toLowerCase() != "done"){ list += '
  1. '; list += '
    '; list += '
    '; list += punchList[i].priority + '
    ' + punchList[i].subject + '
    '; list += '
    ' + punchList[i].progress + '
    '; if (style === "inProgress") { list += ''; } else if (style === "punch-default") { list += ''; } //console.log("Need by " + new Date(punchList[i].nDate).getTime()); //console.log("Now " + new Date().getTime()); //console.log("gap " + (new Date(punchList[i].nDate).getTime() - new Date().getTime())); list += '
    ' + punchList[i].nDate + '
    '; if ( (new Date(punchList[i].nDate).getTime() - new Date().getTime()) <= 0 ) { list += '
    OVERDUE
    '; } else if ( new Date(punchList[i].nDate).getTime() - new Date().getTime()) <= 259200 ) { list += '
    DUE SOON
    '; } list += '
    '; list += '
    '; // list += punchList[i].progress + '
    '; // list += 'Created: ' + punchList[i].cDate + '
    '; // list += 'Modified: ' + punchList[i].mDate + '
    '; if ( punchList[i].nDate > "" ) { list += '
    Needed By:
    ' + punchList[i].nDate + '
    '; } if ( punchList[i].tags != undefined && punchList[i].tags != [] ) { list += '
    Tags:
    ' + punchList[i].tags + '
    '; } if ( punchList[i].notes != "" ) { list += '
    '; } list += ''; list += '
  2. '; } } list += "
"; document.getElementById(element).innerHTML = list; mkSortable(); } function mkSortable() { punchList = window.punches; $( function() { $( "#sortable" ).sortable({ cancel: ".portlet-toggle", placeholder: "portlet-placeholder ui-corner-all", start: function(event, ui) { window.sortObjectUUID = punchList[ui.item.index()].uuid; console.log(`Start Position: ${ui.item.index()}`); }, stop: function(event, ui) { setPriority(window.sortObjectUUID, ui.item.index()); console.log(`New Position: ${ui.item.index()}`); } }); $( ".portlet" ) .addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ) .find( ".backlog-list-header" ) .addClass( "ui-widget-header ui-corner-all" ) .prepend( ""); $( ".portlet-toggle" ).on( "click", function() { var icon = $( this ); icon.toggleClass( "ui-icon-minusthick ui-icon-plusthick" ); icon.closest( ".portlet" ).find( ".backlog-list-content" ).toggle(); }); $( "#sortable" ).disableSelection(); } ); // pop-over dialog $( "#dialog" ).dialog({ autoOpen: false }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); }); } function setPriority(sortObject, newPosition) { var punchList = window.punches; item = findArrayId(sortObject); for (i = 0; i < punchList.length; i++) { if (punchList[i].priority < 100 && punchList[i].priority >= newPosition && punchList[i].uuid != punchList[item].uuid) { punchList[i].priority = i; } } punchList[item].priority = newPosition; jsonStr = JSON.stringify(punchList); putJson(jsonStr); } 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 genEventForm() { document.getElementById("newSubject").value = "subject"; document.getElementById("newPriority").value = "priority"; document.getElementById("timepickerCreate").value = "date"; document.getElementById("newNotes").value = ''; disableElement('punchListAll'); enableElement('newEvent'); } 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 ; } 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 */ disableElement("punchListAll"); enableElement("editPunch"); punchList = window.punches; item = findArrayId(uuid); if ( punchList[item].tags === undefined ) { punchList[item].tags = []; } 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; var tags = punchList[id].tags; var html = '
'; html += ''; html += '
Subject:
'; html += '
Priority:
'; html += '
Need By:
'; html += '
Progress:
'; html += progress; html += '
'; html += '
Tags:
'; html += '
Notes:
'; html += ''; html += ''; html += '
'; document.getElementById("editPunch").innerHTML = html; } function submitEditPunch(uuid) { punchList = window.punches; // var uuid = document.getElementById("editID").value; var id = findArrayId(uuid); var subjectField = document.getElementById("editSubject").value; var priorityField = document.getElementById("editPriority").value; var progressField = document.getElementById("editProgress").innerHTML; var nDateField = document.getElementById("timepickerEdit").value; var tagsField = document.getElementById("editTags").value.toLowerCase(); var notesField = document.getElementById("editNotes").value; punchList[id].subject = subjectField; punchList[id].priority = priorityField; punchList[id].progress = progressField; punchList[id].nDate = nDateField; punchList[id].tags = tagsField; 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.'); }); } getJson(); $('li').on("click", function(event){ var target = event.target, index = $(target).index(); console.log(target, index); document.getElementById("debug1").innerHTML = target + "
" + index; });