From 2cc77fa6912819e988166cb00eee736ad9a186c1 Mon Sep 17 00:00:00 2001 From: Kameron Kenny Date: Mon, 15 Jul 2019 13:24:22 -0400 Subject: [PATCH] rewrite --- punch_list/public/css/custom.css | 4 +- punch_list/public/index.html | 4 +- punch_list/public/js/myFirebase.js | 342 +++++---- punch_list/public/js/myFirebase.js.save | 884 ++++++++++++++++++++++++ 4 files changed, 1090 insertions(+), 144 deletions(-) create mode 100644 punch_list/public/js/myFirebase.js.save diff --git a/punch_list/public/css/custom.css b/punch_list/public/css/custom.css index 149d652..15a4f0d 100644 --- a/punch_list/public/css/custom.css +++ b/punch_list/public/css/custom.css @@ -47,8 +47,8 @@ a.punch-default:hover { color: #00FFFF; text-shadow: 0px 0px 23px #FFF; } .punch-default { border: 0px solid #AAA; color: #aaa; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} .inProgress { color: orange; font-size: 12px; } .waiting { color: red; font-size: 12px; } -.overdue { color: red; font-size: 12px; } -.duesoon { color: yellow; font-size: 12px;} +.overdue { color: red; font-size: 12px; border: 1px solid red; padding:3px;} +.duesoon { color: yellow; font-size: 12px; border: 1px solid yellow; padding:3px;} .hide { display: none; } i { border: solid black; diff --git a/punch_list/public/index.html b/punch_list/public/index.html index 4a64809..a31f1a3 100644 --- a/punch_list/public/index.html +++ b/punch_list/public/index.html @@ -1,7 +1,9 @@ - + + + diff --git a/punch_list/public/js/myFirebase.js b/punch_list/public/js/myFirebase.js index 6d9662a..c3d87ca 100644 --- a/punch_list/public/js/myFirebase.js +++ b/punch_list/public/js/myFirebase.js @@ -173,19 +173,13 @@ function newPunch(uid, subject, priority, progress, needBy, notes, tags) { // standard functions function setPriority(sortObject, newPosition) { - var punchList = window.punches; - item = findArrayId(sortObject); + var priority = {}; - 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; - } - } + priority['users/' + window.uid + '/punches/' + sortObject + '/priority' ] = parseInt(newPosition); - punchList[item].priority = newPosition; + firebase.database().ref().update(priority); - jsonStr = JSON.stringify(punchList); - putJson(jsonStr); +// loadPunches(window.uid); } function startPunch(reference) { @@ -251,16 +245,20 @@ function mkSortable(){ revert: true, distance: 50, start: function(event, ui) { -// window.sortObjectUUID = punchList[ui.item.index()].uuid; + //console.log($( this ).( "li" )); + console.log(ui.item.context.id); console.log(`Start Position: ${ui.item.index()}`); }, stop: function(event, ui) { // setPriority(window.sortObjectUUID, ui.item.index()); + setPriority(ui.item.context.id, ui.item.index()); console.log(`New Position: ${ui.item.index()}`); } }); }); +} +function enableDetail(){ $(function() { $( ".portlet" ) .addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ) @@ -317,6 +315,96 @@ window.onclick = function(event) { } // end menus // +// edit punch +function editPunch(uuid) { + disableElement("punchListAll"); + enableElement("editPunch"); + + var punchRef = firebase.database().ref('users/' + uid + '/punches/' + uuid); + + + punchRef.once('value').then(function(snapshot) { + var data = snapshot.val(); + console.log(data); + + var nDate = data.needByDate; + var notes = data.notes; + var priority = data.priority; + var progress = data.progress; + var subject = data.subject; + var tags = data.tags; + + var html = '
'; + html += ''; + html += '
Subject:
'; + html += '
Priority:
'; + html += '
Need By:
'; + html += '
Progress:
'; + html += progress; + html += '
'; + html += '
Add Tag:
'; + html += '
Notes:
'; + html += ''; + html += ''; + html += '
'; + + document.getElementById("editPunch").innerHTML = html; + }); + +} + +function submitEditPunch(uuid) { + var punchRef = firebase.database().ref('users/' + window.uid + '/punches/' + uuid); + +// var uuid = document.getElementById("editID").value; + var subjectField = document.getElementById("editSubject").value; + var priorityField = parseInt(document.getElementById("editPriority").value); + var progressField = document.getElementById("editProgress").innerHTML; + var nDateField = document.getElementById("timepickerEdit").value; + + var tagsField = document.getElementById("editTags").value.toLowerCase(); + var stripLeadingSpace = tagsField.replace(/, /g, ','); + var noSpaces = stripLeadingSpace.replace(/ /g, '_'); + var tagField = noSpaces.split(","); + + var notesField = document.getElementById("editNotes").value; + + var punchData = { + subject: subjectField, + priority: priorityField, + progress: progressField, + needByDate: nDateField, + notes: notesField, + tags: tagField + }; + + var updates = {}; + updates['users/' + uid + '/punches/' + uuid] = punchData; + firebase.database().ref().update(updates); + disableElement('editPunch'); + enableElement('punchListAll'); +} + +function createTimer(element,timeTo) { + var x = setInterval(function() { + distance = (new Date().getTime() - new Date(timeTo).getTime()); + seconds = Math.floor((distance / 1000) % 60); + minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); + hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); + days = Math.floor(distance / (1000 * 60 * 60 * 24)); + + if (days < 0) { days = (days + 1); } + if (hours < 0) { hours = (-(hours) - 1); } + if (hours < 10) { hours = ('0' + hours); } + if (minutes < 0) { minutes = -(minutes); } + if (minutes < 10) { minutes = ('0' + minutes); } + if (seconds < 0) { seconds = -(seconds); } + if (seconds < 10) { seconds = ('0' + seconds); } + + document.getElementById(element).innerHTML = days + "day(s), " + hours + ":" + minutes + ":" + seconds; + }, 1000); +} + // load punches @@ -324,85 +412,103 @@ function genPunchListItem(elementData, element) { $( elementData ).appendTo( element ); } +function addPunchElement(childKey, childData) { + + if (childData.progress.toLowerCase() === "in progress") { var style = "inProgress"; } + else if (childData.progress.toLowerCase() === "waiting") { var style = "waiting"; } + else if (childData.progress.toLowerCase() === "new") { var style = "punch-default"; } + else { style = "punch-default"; } + + if (childData.progress.toLowerCase() != "done") { + genPunchListItem('
  • ', '#sortable'); + genPunchListItem('
    ', '#' + childKey); + genPunchListItem('
    ', '#div-portlet' + childKey); + genPunchListItem('
    ', '#div-portlet' + childKey); + genPunchListItem('
    ' + childData.priority + '
    ', '#priority-container' + childKey); + genPunchListItem('
    ' + childData.subject + '
    ', '#details-container' + childKey); + genPunchListItem('
    ', '#details-container' + childKey); + genPunchListItem('
    ' + childData.progress + '
    ', '#details-col-one' + childKey); + genPunchListItem('
    ', '#details-col-one' + childKey); + // status dropdown + genPunchListItem('', '#details-container' + childKey); + genPunchListItem('', '#dropdown-wrapper' + childKey); + genPunchListItem('
    ', '#dropdown-wrapper' + childKey); + genPunchListItem('New', '#progressDropdown' + childKey); + genPunchListItem('Start', '#progressDropdown' + childKey); + genPunchListItem('Waiting', '#progressDropdown' + childKey); + genPunchListItem('Finish', '#progressDropdown' + childKey); + + genPunchListItem('
    ', '#details-container' + childKey); + genPunchListItem('
    ', '#details-container' + childKey); + genPunchListItem('
    ', '#details-container' + childKey); + if ( childData.needByDate != null && childData.needByDate != undefined && childData.needByDate != '' ) { + genPunchListItem('
    ', '#details-col-three' + childKey); + genPunchListItem('
    ' + childData.needByDate + '
    ', '#neededBy' + childKey); + genPunchListItem('
    ', '#neededBy' + childKey); + createTimer('needby-date-timer' + childKey, childData.needByDate); + genPunchListItem('
    ', '#details-col-three' + childKey); + + if ( (new Date(childData.needByDate).getTime() - new Date().getTime()) <= 0 ) { + $( '#needby-data' + childKey ).addClass( "overdue" ); + } else if ( ((new Date(childData.needByDate).getTime() - new Date().getTime()) / 1000) <= 259200 ) { + $( '#needby-data' + childKey ).addClass( "duesoon" ); + } else { + genPunchListItem('
     
    ', '#details-col-four' + childKey); + } + } + + if ( childData.tags != undefined ) { + var tags = childData.tags; + var i; + for (i=0; i' + tagData + ', ', '#details-col-five' + childKey); + } + } + genPunchListItem('
    ', '#div-portlet' + childKey) ; + if ( childData.startTime != undefined ) { + genPunchListItem('
    ' + new Date(childData.startTime) + '
    ', '#punch-list-backlog-details' + childKey); + var time = new Date(childData.startTime).getTime(); + createTimer("timer" + childKey, time); + } + if ( childData.notes != "" ) { + genPunchListItem('
    ', '#punch-list-backlog-details' + childKey); + } + genPunchListItem('', '#punch-list-backlog-details' + childKey); + } + + enableDetail(); + +} + +function deletePunchElement(childKey) { + $('#' + childKey).remove(); +} + function loadPunches(uid) { document.getElementById("sortable").innerHTML = ''; - var punchesRef = firebase.database().ref('users/' + uid + '/punches'); + var punchesRef = firebase.database().ref('users/' + uid + '/punches').orderByChild('priority'); var itemStyle = "punches"; // list = '
      '; - punchesRef.once('value', function(snapshot) { - snapshot.forEach(function(childSnapshot) { - var childKey = childSnapshot.key; - var childData = childSnapshot.val(); - console.log("Child Key: " + childKey); - - if (childData.progress.toLowerCase() === "in progress") { var style = "inProgress"; } - else if (childData.progress.toLowerCase() === "waiting") { var style = "waiting"; } - else if (childData.progress.toLowerCase() === "new") { var style = "punch-default"; } - else { style = "punch-default"; } - - if (childData.progress.toLowerCase() != "done") { - genPunchListItem('
    1. ', '#sortable'); - genPunchListItem('
      ', '#li' + childKey); - genPunchListItem('
      ', '#div-portlet' + childKey); - genPunchListItem('
      ', '#div-portlet' + childKey); - genPunchListItem('
      ' + childData.priority + '
      ', '#priority-container' + childKey); - genPunchListItem('
      ' + childData.subject + '
      ', '#details-container' + childKey); - genPunchListItem('
      ', '#details-container' + childKey); - genPunchListItem('
      ' + childData.progress + '
      ', '#details-col-one' + childKey); - genPunchListItem('
      ', '#details-col-one' + childKey); - // status dropdown - genPunchListItem('', '#details-container' + childKey); - genPunchListItem('', '#dropdown-wrapper' + childKey); - genPunchListItem('
      ', '#dropdown-wrapper' + childKey); - genPunchListItem('New', '#progressDropdown' + childKey); - genPunchListItem('Start', '#progressDropdown' + childKey); - genPunchListItem('Waiting', '#progressDropdown' + childKey); - genPunchListItem('Finish', '#progressDropdown' + childKey); - - genPunchListItem('
      ', '#details-container' + childKey); - genPunchListItem('
      ', '#details-container' + childKey); - genPunchListItem('
      ', '#details-container' + childKey); - if ( childData.needByDate != null && childData.needByDate != undefined && childData.needByDate != '' ) { - genPunchListItem('
      ', '#details-col-three' + childKey); - genPunchListItem('
      ' + childData.needByDate + '
      ', '#neededBy' + childKey); - genPunchListItem('
      ', '#details-col-three' + childKey); - - if ( (new Date(childData.needByDate).getTime() - new Date().getTime()) <= 0 ) { - genPunchListItem('
      OVER DUE
      ', '#details-col-four' + childKey); - } else if ( ((new Date(childData.needByDate).getTime() - new Date().getTime()) / 1000) <= 259200 ) { - genPunchListItem('
      DUE SOON
      ', '#details-col-four' + childKey); - } else { - genPunchListItem('
       
      ', '#details-col-four' + childKey); - } - } - - if ( childData.tags != undefined ) { - var tags = childData.tags; - var i; - for (i=0; i' + tagData + ', ', '#details-col-five' + childKey); - } - } - genPunchListItem('
      ', '#div-portlet' + childKey) ; - if ( childData.startTime != undefined ) { - genPunchListItem('
      ' + new Date(childData.startTime) + '
      ', '#punch-list-backlog-details' + childKey); - } - if ( childData.notes != "" ) { - genPunchListItem('
      ', '#punch-list-backlog-details' + childKey); - } - genPunchListItem('', '#punch-list-backlog-details' + childKey); - -// genPunchListItem(list, '#sortable'); - } - }); + punchesRef.on('child_added', function(data) { + addPunchElement(data.key, data.val()); }); + punchesRef.on('child_changed', function(data) { + deletePunchElement(data.key); + addPunchElement(data.key, data.val()); + loadPunches(uid); + }); + + punchesRef.on('child_removed', function(data) { + deletePunchElement(data.key); + }); + + + mkSortable(); -// genPunchListItem('
    '; -// document.getElementById("punchListBacklog").innerHTML = list; } @@ -424,7 +530,7 @@ function createNewEvent() { enableElement("newEvent"); var subjectField = document.getElementById("newSubject").value; - var priorityField = document.getElementById("newPriority").value; + var priorityField = parseInt(document.getElementById("newPriority").value); var progressField = document.getElementById("newProgress").value; var nDateField = document.getElementById("timepickerCreate").value; var notesField = document.getElementById("newNotes").value; @@ -442,6 +548,7 @@ function createNewEvent() { // document.getElementById("newEventList").innerHTML = jsonStr; } + // load everything up! window.onload = function() { initApp(); @@ -474,53 +581,6 @@ function getStatus(punchList, statusFilter) { window.punches = ''; -var x = setInterval(function() { - punchList = window.punches; - for ( i = 0; i < punchList.length; i++ ) { - if ( punchList[i].progress.toLowerCase() != "done" && punchList[i].startTime != undefined ) { - distance = (new Date().getTime() - new Date(punchList[i].startTime).getTime()); - seconds = Math.floor((distance / 1000) % 60); - minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); - hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); - days = Math.floor(distance / (1000 * 60 * 60 * 24)); - - if (hours < 10) { - hours = ('0' + hours); - } - if (minutes < 10) { - minutes = ('0' + minutes); - } - if (seconds < 10) { - seconds = ('0' + seconds); - } - - document.getElementById("timer-" + punchList[i].uuid).innerHTML = days + "day(s), " + hours + ":" + minutes + ":" + seconds; - } - - if ( punchList[i].progress.toLowerCase() != "done" && punchList[i].nDate != "" ) { - var style = "punch-list"; - distance = -(new Date().getTime() - new Date(punchList[i].nDate).getTime()); - if ( (distance / 1000) <= 0 ) { style = "overdue" } - else if ( (distance / 1000) <= 259200 ) { style = "duesoon" } - seconds = Math.floor((distance / 1000) % 60); - minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); - hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); - days = Math.floor(distance / (1000 * 60 * 60 * 24)); - - if (days < 0) { days = (days + 1); } - if (hours < 0) { hours = (-(hours) - 1); } - if (minutes < 0) { minutes = -(minutes); } - if (seconds < 0) { seconds = -(seconds); } - - if (hours < 10) { hours = ('0' + hours); } - if (minutes < 10) { minutes = ('0' + minutes); } - if (seconds < 10) { seconds = ('0' + seconds); } - - document.getElementById("countdown-" + punchList[i].uuid).innerHTML = days + "day(s), " + hours + ":" + minutes + ":" + seconds; - document.getElementById("countdown-" + punchList[i].uuid).classList.add(style); - } - } -}, 1000); function mkSortable() { @@ -767,12 +827,12 @@ function editPunch(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; - var tags = punchList[id].tags; + var subject = punchRef.subject; + var priority = punchRef.priority; + var progress = punchRef.progress; + var nDate = punchRef.nDate; + var notes = punchRef.notes; + var tags = punchRef.tags; var html = '
    '; html += ''; @@ -805,12 +865,12 @@ function submitEditPunch(uuid) { //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; + punchRef.subject = subjectField; + punchRef.priority = priorityField; + punchRef.progress = progressField; + punchRef.nDate = nDateField; + //punchRef.tags = tagsField; + punchRef.notes = notesField; jsonStr = JSON.stringify(punchList); putJson(jsonStr); diff --git a/punch_list/public/js/myFirebase.js.save b/punch_list/public/js/myFirebase.js.save new file mode 100644 index 0000000..d546fb7 --- /dev/null +++ b/punch_list/public/js/myFirebase.js.save @@ -0,0 +1,884 @@ +var config = { + apiKey: "AIzaSyA4De5itV56yaOBfBW6Cnk3fS7skPmDCHM", + authDomain: "punchlist-1561043639952.firebaseapp.com", + databaseURL: "https://punchlist-1561043639952.firebaseio.com", + projectId: "punchlist-1561043639952", + storageBucket: "", + messagingSenderId: "999467953896", + appId: "1:999467953896:web:a4ded59b12ccb9ff" +}; + +//firebase.initializeApp(firebaseConfig); +if (!firebase.apps.length) { + firebase.initializeApp(config); +} + +function initApp() { + // Auth state changes. + // [START authstatelistener] + firebase.auth().onAuthStateChanged(function(user){ + console.log(`in onAuthStateChanged`); + if (user) { + console.log(`${user.displayName}`); + // User is signed in. + var displayName = user.displayName; + var email = user.email; + var emailVerified = user.emailVerified; + var photoURL = user.photoURL; + var isAnonymous = user.isAnonymous; + var uid = user.uid; + window.uid = uid; + var providerData = user.providerData; + writeUserData(uid, displayName, email, photoURL); + //newPunch(uid); + loadPunches(uid); + document.getElementById('whoami').innerHTML = email; + // [START_EXCLUDE] + //document.getElementById('quickstart-sign-in-status').textContent = 'Signed in'; + //document.getElementById('signout').disabled = false; + //document.getElementById('quickstart-account-details').textContent = JSON.stringify(user, null, ' '); + // [END_EXCLUDE] + } else { + // User is signed out. + // [START_EXCLUDE] + //document.getElementById('quickstart-sign-in-status').textContent = 'Signed out'; + //document.getElementById('signout').disabled = true; + //document.getElementById('quickstart-account-details').textContent = 'null'; + // [END_EXCLUDE] + } + }); + // [END authstatelistener] + //document.getElementById('signout').addEventListener('click', handleSignOut, true); +} + + +// AUTH // +// [START googlecallback] +function onSignIn(googleUser) { + console.log('Google Auth Response', googleUser); + // We need to register an Observer on Firebase Auth to make sure auth is initialized. + var unsubscribe = firebase.auth().onAuthStateChanged(function(firebaseUser) { + unsubscribe(); + // Check if we are already signed-in Firebase with the correct user. + if (!isUserEqual(googleUser, firebaseUser)) { + // Build Firebase credential with the Google ID token. + // [START googlecredential] + var credential = firebase.auth.GoogleAuthProvider.credential( + googleUser.getAuthResponse().id_token); + // [END googlecredential] + // Sign in with credential from the Google user. + // [START authwithcred] + firebase.auth().signInWithCredential(credential).catch(function(error) { + // Handle Errors here. + var errorCode = error.code; + var errorMessage = error.message; + // The email of the user's account used. + var email = error.email; + // The firebase.auth.AuthCredential type that was used. + var credential = error.credential; + // [START_EXCLUDE] + if (errorCode === 'auth/account-exists-with-different-credential') { + alert('You have already signed up with a different auth provider for that email.'); + // If you are using multiple auth providers on your app you should handle linking + // the user's accounts here. + } else { + console.error(error); + } + // [END_EXCLUDE] + }); + // [END authwithcred] + } else { + var user = googleUser; + console.log('User already signed-in Firebase.'); + var displayName = user.displayName; + var email = user.email; + var emailVerified = user.emailVerified; + var photoURL = user.photoURL; + var isAnonymous = user.isAnonymous; + var uid = user.uid; + var providerData = user.providerData; + // [START_EXCLUDE] + //document.getElementById('quickstart-sign-in-status').textContent = 'Signed in'; + //document.getElementById('signout').disabled = false; + //document.getElementById('quickstart-account-details').textContent = JSON.stringify(user, null, ' '); + // [END_EXCLUDE] + } + }); +} +// [END googlecallback] +/** + * Check that the given Google user is equals to the given Firebase user. + */ +// [START checksameuser] +function isUserEqual(googleUser, firebaseUser) { + if (firebaseUser) { + var providerData = firebaseUser.providerData; + for (var i = 0; i < providerData.length; i++) { + if (providerData[i].providerId === firebase.auth.GoogleAuthProvider.PROVIDER_ID && + providerData[i].uid === googleUser.getBasicProfile().getId()) { + // We don't need to reauth the Firebase connection. + return true; + } + } + } + return false; +} +// [END checksameuser] +/** + * Handle the sign out button press. + */ +function handleSignOut() { + var googleAuth = gapi.auth2.getAuthInstance(); + googleAuth.signOut().then(function() { + firebase.auth().signOut(); + }); +} + +function writeUserData(userId, name, email, imageUrl) { + firebase.database().ref('users/' + userId).update({ + username: name, + email: email, + profile_picture : imageUrl + }); +} + +//var punchesRef = firebase.database().ref('users/' + userId + '/punches'); +//punchesRef.on('value', function(snapshot) { +// updateStarCount(postElement, snapshot.val()); +//}); + +function newPunch(uid, subject, priority, progress, needBy, notes, tags) { + + var punchData = { + uid: uid, + subject: subject, + priority: priority, + progress: progress, + needByDate: needBy, + notes: notes, + tags: tags + }; + + //Get a key for a new post + var newPunchKey = firebase.database().ref().child('users/' + window.uid + '/punches').push().key; + + // Write the new punch data + var updates = {}; + updates['users/' + uid + '/punches/' + newPunchKey] = punchData; + + return firebase.database().ref().update(updates); +} + +// Read the punches via listener + +// standard functions +function setPriority(sortObject, newPosition) { + var priority = {}; + + priority['users/' + window.uid + '/punches/' + sortObject + '/priority' ] = parseInt(newPosition); + + firebase.database().ref().update(priority); + + loadPunches(window.uid); +} + +function startPunch(reference) { + + var start = new Date().getTime(); + + // Write the new punch data + var progress = {}; + var startTime = {}; + + progress['users/' + window.uid + '/punches/' + reference + '/progress'] = "in progress"; + startTime['users/' + window.uid + '/punches/' + reference + '/startTime'] = start; + + firebase.database().ref().update(progress); + firebase.database().ref().update(startTime); + + loadPunches(window.uid); +} + +function completePunch(reference) { + var end = new Date().getTime(); + + // Write the new punch data + var progress = {}; + var endTime = {}; + + progress['users/' + window.uid + '/punches/' + reference + '/progress'] = "done"; + endTime['users/' + window.uid + '/punches/' + reference + '/endTime'] = end; + + firebase.database().ref().update(progress); + firebase.database().ref().update(endTime); + + loadPunches(window.uid); +} + +function waitingPunch(reference) { + var progress = {}; + progress['users/' + window.uid + '/punches/' + reference + '/progress'] = "waiting"; + firebase.database().ref().update(progress); + + loadPunches(window.uid); +} + +function mkPunchNew(reference) { + var progress = {}; + progress['users/' + window.uid + '/punches/' + reference + '/progress'] = "new"; + firebase.database().ref().update(progress); + + loadPunches(window.uid); +} + +function clearDefault(a){ + if (a.defaultValue === a.value) { + a.value=""; + } +} + +function mkSortable(){ + $( function() { + $( "#sortable" ).sortable({ + cancel: ".portlet-toggle", + placeholder: "portlet-placeholder ui-corner-all", + revert: true, + distance: 50, + start: function(event, ui) { + //console.log($( this ).( "li" )); + console.log(ui.item.context.id); + console.log(`Start Position: ${ui.item.index()}`); + }, + stop: function(event, ui) { +// setPriority(window.sortObjectUUID, ui.item.index()); + setPriority(ui.item.context.id, ui.item.index()); + console.log(`New Position: ${ui.item.index()}`); + } + }); + }); + + $(function() { + $( ".portlet" ) + .addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ) + .find( ".details-container" ) + .addClass( "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" ); + }); +} + +// some element functions... +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"; +} + +// menus +function mainMenuDrop() { + document.getElementById("mainMenuDropdown").classList.toggle("show"); +} + +function progressMenuDrop(uuid) { + document.getElementById("progressDropdown" + uuid).classList.toggle("show"); +} + +window.onclick = function(event) { + if (!event.target.matches('.dropbtn')) { + var dropdowns = document.getElementsByClassName("dropdown-content"); + var i; + for (i = 0; i < dropdowns.length; i++) { + var openDropdown = dropdowns[i]; + if (openDropdown.classList.contains('show')) { + openDropdown.classList.remove('show'); + } + } + } +} +// end menus // + + +// load punches + +function genPunchListItem(elementData, element) { + $( elementData ).appendTo( element ); +} + +function loadPunches(uid) { + + document.getElementById("sortable").innerHTML = ''; + var punchesRef = firebase.database().ref('users/' + uid + '/punches'); //.orderByChild('priority'); + var itemStyle = "punches"; +// list = '
      '; + + punchesRef.once('value', function(snapshot) { + snapshot.forEach(function(childSnapshot) { + var childKey = childSnapshot.key; + var childData = childSnapshot.val(); + console.log("Child Key: " + childKey); + + if (childData.progress.toLowerCase() === "in progress") { var style = "inProgress"; } + else if (childData.progress.toLowerCase() === "waiting") { var style = "waiting"; } + else if (childData.progress.toLowerCase() === "new") { var style = "punch-default"; } + else { style = "punch-default"; } + + if (childData.progress.toLowerCase() != "done") { + genPunchListItem('
    1. ', '#sortable'); + genPunchListItem('
      ', '#' + childKey); + genPunchListItem('
      ', '#div-portlet' + childKey); + genPunchListItem('
      ', '#div-portlet' + childKey); + genPunchListItem('
      ' + childData.priority + '
      ', '#priority-container' + childKey); + genPunchListItem('
      ' + childData.subject + '
      ', '#details-container' + childKey); + genPunchListItem('
      ', '#details-container' + childKey); + genPunchListItem('
      ' + childData.progress + '
      ', '#details-col-one' + childKey); + genPunchListItem('
      ', '#details-col-one' + childKey); + // status dropdown + genPunchListItem('', '#details-container' + childKey); + genPunchListItem('', '#dropdown-wrapper' + childKey); + genPunchListItem('
      ', '#dropdown-wrapper' + childKey); + genPunchListItem('New', '#progressDropdown' + childKey); + genPunchListItem('Start', '#progressDropdown' + childKey); + genPunchListItem('Waiting', '#progressDropdown' + childKey); + genPunchListItem('Finish', '#progressDropdown' + childKey); + + genPunchListItem('
      ', '#details-container' + childKey); + genPunchListItem('
      ', '#details-container' + childKey); + genPunchListItem('
      ', '#details-container' + childKey); + if ( childData.needByDate != null && childData.needByDate != undefined && childData.needByDate != '' ) { + genPunchListItem('
      ', '#details-col-three' + childKey); + genPunchListItem('
      ' + childData.needByDate + '
      ', '#neededBy' + childKey); + genPunchListItem('
      ', '#details-col-three' + childKey); + + if ( (new Date(childData.needByDate).getTime() - new Date().getTime()) <= 0 ) { + genPunchListItem('
      OVER DUE
      ', '#details-col-four' + childKey); + } else if ( ((new Date(childData.needByDate).getTime() - new Date().getTime()) / 1000) <= 259200 ) { + genPunchListItem('
      DUE SOON
      ', '#details-col-four' + childKey); + } else { + genPunchListItem('
       
      ', '#details-col-four' + childKey); + } + } + + if ( childData.tags != undefined ) { + var tags = childData.tags; + var i; + for (i=0; i' + tagData + ', ', '#details-col-five' + childKey); + } + } + genPunchListItem('
      ', '#div-portlet' + childKey) ; + if ( childData.startTime != undefined ) { + genPunchListItem('
      ' + new Date(childData.startTime) + '
      ', '#punch-list-backlog-details' + childKey); + } + if ( childData.notes != "" ) { + genPunchListItem('
      ', '#punch-list-backlog-details' + childKey); + } + genPunchListItem('', '#punch-list-backlog-details' + childKey); + +// genPunchListItem(list, '#sortable'); + } + }); + }); + +mkSortable(); +// genPunchListItem('
    '; +// document.getElementById("punchListBacklog").innerHTML = list; + +} + +// create new punch +function genEventForm() { + document.getElementById("newSubject").value = "subject"; + document.getElementById("newPriority").value = "priority"; + document.getElementById("timepickerCreate").value = "date"; + document.getElementById("newNotes").value = ''; + document.getElementById("tagsCreate").value = 'tag1,tag2, tag3'; + + disableElement('punchListAll'); + enableElement('newEvent'); + +} + +function createNewEvent() { + disableElement("punchListAll"); + enableElement("newEvent"); + + var subjectField = document.getElementById("newSubject").value; + var priorityField = parseInt(document.getElementById("newPriority").value); + var progressField = document.getElementById("newProgress").value; + var nDateField = document.getElementById("timepickerCreate").value; + var notesField = document.getElementById("newNotes").value; + + var newTag = document.getElementById("tagsCreate").value.toLowerCase(); + var stripLeadingSpace = newTag.replace(/, /g, ','); + var noSpaces = stripLeadingSpace.replace(/ /g, '_'); + var newTags = noSpaces.split(","); + + newPunch(window.uid, subjectField, priorityField, progressField, nDateField, notesField, newTags) + + disableElement("newEvent"); + enableElement("punchListAll"); + loadPunches(window.uid); +// document.getElementById("newEventList").innerHTML = jsonStr; +} + +// load everything up! +window.onload = function() { + initApp(); +}; + +// +// +// +// old script +// +// +// + +/* +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; }); +} + +window.punches = ''; + +var x = setInterval(function() { + punchList = window.punches; + for ( i = 0; i < punchList.length; i++ ) { + if ( punchList[i].progress.toLowerCase() != "done" && punchList[i].startTime != undefined ) { + distance = (new Date().getTime() - new Date(punchList[i].startTime).getTime()); + seconds = Math.floor((distance / 1000) % 60); + minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); + hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); + days = Math.floor(distance / (1000 * 60 * 60 * 24)); + + if (hours < 10) { + hours = ('0' + hours); + } + if (minutes < 10) { + minutes = ('0' + minutes); + } + if (seconds < 10) { + seconds = ('0' + seconds); + } + + document.getElementById("timer-" + punchList[i].uuid).innerHTML = days + "day(s), " + hours + ":" + minutes + ":" + seconds; + } + + if ( punchList[i].progress.toLowerCase() != "done" && punchList[i].nDate != "" ) { + var style = "punch-list"; + distance = -(new Date().getTime() - new Date(punchList[i].nDate).getTime()); + if ( (distance / 1000) <= 0 ) { style = "overdue" } + else if ( (distance / 1000) <= 259200 ) { style = "duesoon" } + seconds = Math.floor((distance / 1000) % 60); + minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); + hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); + days = Math.floor(distance / (1000 * 60 * 60 * 24)); + + if (days < 0) { days = (days + 1); } + if (hours < 0) { hours = (-(hours) - 1); } + if (minutes < 0) { minutes = -(minutes); } + if (seconds < 0) { seconds = -(seconds); } + + if (hours < 10) { hours = ('0' + hours); } + if (minutes < 10) { minutes = ('0' + minutes); } + if (seconds < 10) { seconds = ('0' + seconds); } + + document.getElementById("countdown-" + punchList[i].uuid).innerHTML = days + "day(s), " + hours + ":" + minutes + ":" + seconds; + document.getElementById("countdown-" + punchList[i].uuid).classList.add(style); + } + } +}, 1000); + + +function mkSortable() { + punchList = window.punches; + + $( function() { + $( "#sortable" ).sortable({ + cancel: ".portlet-toggle", + placeholder: "portlet-placeholder ui-corner-all", + revert: true, + distance: 50, + 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-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); + + if ( punchList[item].startTime === undefined ) { + punchList[item].startTime = new Date().getTime(); + } + + punchList[item].progress = "In Progress"; + punchList[item].priority = 0; + + jsonStr = JSON.stringify(punchList); + putJson(jsonStr); +} +function completePunch(uuid) { + var punchList = window.punches; + item = findArrayId(uuid); + + if ( punchList[item].doneTime === undefined ) { + punchList[item].doneTime = new Date().getTime(); + } + + punchList[item].progress = "Done"; + + jsonStr = JSON.stringify(punchList); + putJson(jsonStr); +} + +function waitingPunch(uuid) { + var punchList = window.punches; + item = findArrayId(uuid); + + punchList[item].progress = "Waiting"; + + jsonStr = JSON.stringify(punchList); + putJson(jsonStr); +} + +function mkPunchNew(uuid) { + var punchList = window.punches; + item = findArrayId(uuid); + + punchList[item].progress = "New"; + + 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() { +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 newTag = document.getElementById("tagsCreate").value.toLowerCase(); + var stripLeadingSpace = newTag.replace(/, /g, ','); + var noSpaces = stripLeadingSpace.replace(/ /g, '_'); + var newTags = noSpaces.split(","); + + // make sure tags object exists + + var newEventJson = { uuid: genUid(), nDate: nDateField, subject: subjectField, priority: priorityField, progress: progressField, tags: newTags, notes: notesField }; + punchList.push(newEventJson); + jsonStr = JSON.stringify(punchList); + putJson(jsonStr); + disableElement("newEvent"); + enableElement("punchListAll"); +// document.getElementById("newEventList").innerHTML = jsonStr; +} + +function genDaily() { +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() { +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) { +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) { + 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:
    ' + tags + ' 
    '; + html += '
    Add Tag:
    '; + 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(uuid) { + + var item = findArrayId(uuid); +// var item = document.getElementById("addTag-" + uuid).value; + var newTag = document.getElementById("addTag-" + uuid).value.toLowerCase(); + var stripLeadingSpace = newTag.replace(', ', ','); + var noSpaces = stripLeadingSpace.replace(' ', '_'); + var newTags = noSpaces.split(","); + + // make sure tags object exists + if (punchList[item].tags === undefined) { + console.log(`Adding tags object to punchList[${item}]`); + punchList[item].tags = []; + } + + for ( nt = 0; nt < newTags.length; nt++ ) { + punchList[item].tags.push(newTags[nt]); + console.log(`${punchList[item].tags}`); + } + + jsonStr = JSON.stringify(punchList); + putJson(jsonStr); + editPunch(uuid); +// disableElement("editPunch"); +// enableElement("punchListAll"); + disableElement("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.'); + }); +} + +$('li').on("click", function(event){ + var target = event.target, + index = $(target).index(); + console.log(target, index); + document.getElementById("debug1").innerHTML = target + "
    " + index; +}); +*/