', '#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('', '#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('', '#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('
';
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 = '
" + index; +}); +*/
- ';
+
+ 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('', '#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('', '#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('
subject: " + punchList[item].subject + "
Created: " + punchList[item].cDate + "
Modified Date: " + punchList[item].mDate + "
Priority: " + punchList[item].priority + "
Progress: " + punchList[item].progress + "
';
+ 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 + "Subject:
Priority:
';
+ html += 'Need By:
';
+ html += 'Progress:
';
+ html += progress;
+ html += '
';
+ html += 'Tags:
' + tags + '
';
+ html += 'Add Tag:
';
+ html += 'Notes:
';
+ html += '';
+ html += '';
+ html += '" + index; +}); +*/