sites
/
thelinux.pro
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gen weekly

This commit is contained in:
Kameron Kenny 2019-07-16 17:55:39 -04:00
parent b7e3221596
commit 52e7265d2c
3 changed files with 134 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
punch_list/public/css/custom-medium.css
View File

@ -1,5 +1,5 @@
/* Larger than phone */ /* Larger than phone */
@media (min-width: 550px) { @media (min-width: 600px) {
.progress-wrapper { width: 20%; float:left; text-align:left;} .progress-wrapper { width: 20%; float:left; text-align:left;}
#neededBy { display: block; } #neededBy { display: block; }
.subject { .subject {

2
punch_list/public/index.html
View File

@ -79,7 +79,7 @@
<div id=mainMenuDropdown class="dropdown-content punch-default"> <div id=mainMenuDropdown class="dropdown-content punch-default">
<a href="#" onclick="genEventForm()">New Punch Item</a> <a href="#" onclick="genEventForm()">New Punch Item</a>
<a href="#" onclick="genDaily()">Generate Daily Punches</a> <a href="#" onclick="genDaily()">Generate Daily Punches</a>
<!-- <a href="#" onclick="genWeekly()">Generate Weekly Punches</a> --> <a href="#" onclick="genWeekly()">Generate Weekly Punches</a>
<!-- <a href="https://thelinux.pro/broadcast_timer">Broadcast Timer</a> --> <!-- <a href="https://thelinux.pro/broadcast_timer">Broadcast Timer</a> -->
</div> </div>
</div> </div>

202
punch_list/public/js/myFirebase.js
View File

@ -14,6 +14,7 @@ if (!firebase.apps.length) {
} }
function initApp() { function initApp() {
console.log("function: initApp()");
// Auth state changes. // Auth state changes.
// [START authstatelistener] // [START authstatelistener]
firebase.auth().onAuthStateChanged(function(user){ firebase.auth().onAuthStateChanged(function(user){
@ -135,6 +136,7 @@ function handleSignOut() {
} }
function writeUserData(userId, name, email, imageUrl) { function writeUserData(userId, name, email, imageUrl) {
console.log("function: writeUserData(" + userId + ", " + name + ", " + email + ", " + imageUrl + ")");
firebase.database().ref('users/' + userId).update({ firebase.database().ref('users/' + userId).update({
username: name, username: name,
email: email, email: email,
@ -148,7 +150,7 @@ function writeUserData(userId, name, email, imageUrl) {
//}); //});
function newPunch(uid, subject, priority, progress, needBy, notes, tags) { function newPunch(uid, subject, priority, progress, needBy, notes, tags) {
console.log("function: newPunch(" + uid + ", " + subject + ", " + priority + ", " + progress + ", " + needBy + ", " + notes + ", " + tags + ")");
var punchData = { var punchData = {
uid: uid, uid: uid,
subject: subject, subject: subject,
@ -170,6 +172,7 @@ function newPunch(uid, subject, priority, progress, needBy, notes, tags) {
} }
function genDaily() { function genDaily() {
console.log("function: genDaily()");
var daily = [ "Check Workday", "Check Expenses", "Check Change Cases", "Check TD's", "Check at-mentions" ]; var daily = [ "Check Workday", "Check Expenses", "Check Change Cases", "Check TD's", "Check at-mentions" ];
console.log(`${daily[1]}`); console.log(`${daily[1]}`);
@ -189,17 +192,24 @@ function genDaily() {
} }
function genWeekly() { function genWeekly() {
getJson(); console.log("function: genWeekly()");
punchList = window.punches; //get next monday:
// var d = new Date();
// d.setDate(d.getDate() + (1 + 7 - d.getDay()) % 7);
// console.log(d)
// };
var weekly = [ "Update ORB Notes", "Prep Weekly Meeting", "Build out Broadcast Timer" ]; var weekly = [ "Update ORB Notes", "Prep Weekly Meeting", "Build out Broadcast Timer" ];
var priority = parseInt("5");
var newTag = "work,weekly";
var stripLeadingSpace = newTag.replace(/, /g, ',');
var noSpaces = stripLeadingSpace.replace(/ /g, '_');
var newTags = noSpaces.split(",");
var needBy = '';
for (x = 0; x < weekly.length; x++) { for (x = 0; x < weekly.length; x++) {
var newEventJson = { uuid: genUid(), nDate: "Tuesday", subject: weekly[x], priority: "1", progress: "new", notes: "", tags: [ "work", "weekly" ] }; newPunch(window.uid, weekly[x], priority, "new", needBy, "", newTags);
punchList.push(newEventJson);
jsonStr = JSON.stringify(punchList);
putJson(jsonStr);
} }
} }
@ -207,6 +217,8 @@ getJson();
// standard functions // standard functions
function setPriority(sortObject, newPosition) { function setPriority(sortObject, newPosition) {
console.log("function: setPriority(" + sortObject + ", " + newPosition + ")");
var priority = {}; var priority = {};
priority['users/' + window.uid + '/punches/' + sortObject + '/priority' ] = parseInt(newPosition); priority['users/' + window.uid + '/punches/' + sortObject + '/priority' ] = parseInt(newPosition);
@ -217,6 +229,7 @@ function setPriority(sortObject, newPosition) {
} }
function startPunch(reference) { function startPunch(reference) {
console.log("function: startPunch(" + reference + ")");
var start = new Date().getTime(); var start = new Date().getTime();
@ -230,10 +243,15 @@ function startPunch(reference) {
firebase.database().ref().update(progress); firebase.database().ref().update(progress);
firebase.database().ref().update(startTime); firebase.database().ref().update(startTime);
loadPunches(window.uid); $( "#" + reference )
.removeClass("waiting")
.addClass( "inProgress" );
$( "#progress" + reference ).addClass( "inProgress" );
// loadPunches(window.uid);
} }
function completePunch(reference) { function completePunch(reference) {
console.log("function: completePunch(" + reference + ")");
var end = new Date().getTime(); var end = new Date().getTime();
// Write the new punch data // Write the new punch data
@ -246,23 +264,31 @@ function completePunch(reference) {
firebase.database().ref().update(progress); firebase.database().ref().update(progress);
firebase.database().ref().update(endTime); firebase.database().ref().update(endTime);
loadPunches(window.uid); deletePunchElement(reference);
// loadPunches(window.uid);
} }
function waitingPunch(reference) { function waitingPunch(reference) {
console.log("function: waitingPunch(" + reference + ")");
var progress = {}; var progress = {};
progress['users/' + window.uid + '/punches/' + reference + '/progress'] = "waiting"; progress['users/' + window.uid + '/punches/' + reference + '/progress'] = "waiting";
firebase.database().ref().update(progress); firebase.database().ref().update(progress);
loadPunches(window.uid); $( "#" + reference )
.removeClass( "inProgress" )
.addClass( "waiting" );
// loadPunches(window.uid);
} }
function mkPunchNew(reference) { function mkPunchNew(reference) {
console.log("function: mkPunchNew(" + reference + ")");
var progress = {}; var progress = {};
progress['users/' + window.uid + '/punches/' + reference + '/progress'] = "new"; progress['users/' + window.uid + '/punches/' + reference + '/progress'] = "new";
firebase.database().ref().update(progress); firebase.database().ref().update(progress);
loadPunches(window.uid); // loadPunches(window.uid);
} }
function clearDefault(a){ function clearDefault(a){
@ -272,6 +298,7 @@ function clearDefault(a){
} }
function mkSortable(){ function mkSortable(){
console.log("function: mkSortable()");
$( function() { $( function() {
$( "#sortable" ).sortable({ $( "#sortable" ).sortable({
cancel: ".portlet-toggle", cancel: ".portlet-toggle",
@ -285,6 +312,7 @@ function mkSortable(){
}, },
stop: function(event, ui) { stop: function(event, ui) {
// setPriority(window.sortObjectUUID, ui.item.index()); // setPriority(window.sortObjectUUID, ui.item.index());
console.log(event, ui);
setPriority(ui.item.context.id, ui.item.index()); setPriority(ui.item.context.id, ui.item.index());
console.log(`New Position: ${ui.item.index()}`); console.log(`New Position: ${ui.item.index()}`);
} }
@ -293,6 +321,7 @@ function mkSortable(){
} }
function enableDetail(){ function enableDetail(){
console.log("function: enableDetail()");
$(function() { $(function() {
$( ".portlet" ) $( ".portlet" )
.addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ) .addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" )
@ -424,6 +453,7 @@ function submitEditPunch(uuid) {
} }
function createTimer(element,timeTo) { function createTimer(element,timeTo) {
if (timeTo != null && timeTo != undefined && new Date(timeTo).getTime() != 'Invalid Date') {
var x = setInterval(function() { var x = setInterval(function() {
distance = (new Date().getTime() - new Date(timeTo).getTime()); distance = (new Date().getTime() - new Date(timeTo).getTime());
seconds = Math.floor((distance / 1000) % 60); seconds = Math.floor((distance / 1000) % 60);
@ -431,17 +461,27 @@ function createTimer(element,timeTo) {
hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
days = Math.floor(distance / (1000 * 60 * 60 * 24)); days = Math.floor(distance / (1000 * 60 * 60 * 24));
if (days < 0) { days = (days + 1); } if (days < 0) { days = -(days + 1);
seconds = (seconds + 1); }
if (hours < 0) { hours = (-(hours) - 1); } if (hours < 0) { hours = (-(hours) - 1); }
if (hours < 10) { hours = ('0' + hours); } if (hours < 10) { hours = ('0' + hours); }
if (minutes < 0) { minutes = -(minutes); } if (minutes < 0) { minutes = -(minutes); }
if (minutes < 10) { minutes = ('0' + minutes); } if (minutes < 10) { minutes = ('0' + minutes); }
seconds = (seconds -1); //really effing dumb.
if (seconds < 0) { seconds = -(seconds); } if (seconds < 0) { seconds = -(seconds); }
if (seconds < 10) { seconds = ('0' + seconds); } if (seconds < 10) { seconds = ('0' + seconds); }
//console.log("Setting Timer on element:" + element);
var exists = document.getElementById(element);
if (exists != null) {
document.getElementById(element).innerHTML = days + "day(s), " + hours + ":" + minutes + ":" + seconds; document.getElementById(element).innerHTML = days + "day(s), " + hours + ":" + minutes + ":" + seconds;
} else {
console.log("Could not update: " + element + ", because: " + exists);
}
}, 1000); }, 1000);
} }
}
function formatDate(d) { function formatDate(d) {
d = new Date(d); d = new Date(d);
@ -463,6 +503,38 @@ function genPunchListItem(elementData, element) {
$( elementData ).appendTo( element ); $( elementData ).appendTo( element );
} }
function updateElementData(element, d) {
var exists = document.getElementById(element);
if ( exists != null || exists != undefined ) {
var e = document.getElementById(element).innerHTML;
if ( d != e ) {
console.log("updating: " + element + ", with: " + d + ", was: " + e);
document.getElementById(element).innerHTML = d;
} else if ( d === e ) {
console.log("Not Updating: " + element + ", because: " + d + " === " + e);
} else {
console.log("Not updating: " + element + ", because: Something weird happened with: " + d + " & " + e);
}
} else {
console.log("add new element");
}
}
function updatePunchElement(childKey, childData) {
updateElementData("priority" + childKey, childData.priority);
updateElementData("subject" + childKey, childData.subject);
updateElementData("progress" + childKey, childData.progress);
updateElementData("neededBy" + childKey, childData.needByDate);
//tags
}
function addPunchElement(childKey, childData) { function addPunchElement(childKey, childData) {
if (childData.progress.toLowerCase() === "in progress") { var style = "inProgress"; } if (childData.progress.toLowerCase() === "in progress") { var style = "inProgress"; }
@ -522,8 +594,8 @@ function addPunchElement(childKey, childData) {
tagData = tags[i]; tagData = tags[i];
if ((tags.length - 1) === i) { var comma = ' '; } if ((tags.length - 1) === i) { var comma = ' '; }
else { var comma = ','; } else { var comma = ','; }
genPunchListItem('<a id="tags-summary' + childKey + '" class="punch-default tags-summary" href="#" onClick=tagFilter("' + tagData + '")>' + tagData + comma + '</a>', '#tags-container-summary' + childKey); genPunchListItem('<a id="tags-summary-' + tagData + childKey + '" class="punch-default tags-summary" href="#" onClick=tagFilter("' + tagData + '")>' + tagData + comma + '</a>', '#tags-container-summary' + childKey);
genPunchListItem('<a id="tags-details' + childKey + '" class="tags-details" href="#" onClick=tagFilter("' + tagData + '")>' + tagData + comma + '</a>', '#tags-column' + childKey); genPunchListItem('<a id="tags-details-' + tagData + childKey + '" class="tags-details" href="#" onClick=tagFilter("' + tagData + '")>' + tagData + comma + '</a>', '#tags-column' + childKey);
} }
} }
if ( childData.notes != "" ) { if ( childData.notes != "" ) {
@ -531,8 +603,6 @@ function addPunchElement(childKey, childData) {
} }
genPunchListItem('<button class="button" onClick=editPunch("' + childKey + '")>edit</button>', '#punch-list-backlog-details' + childKey); genPunchListItem('<button class="button" onClick=editPunch("' + childKey + '")>edit</button>', '#punch-list-backlog-details' + childKey);
} }
} }
function deletePunchElement(childKey) { function deletePunchElement(childKey) {
@ -541,32 +611,52 @@ function deletePunchElement(childKey) {
function loadPunches(uid) { function loadPunches(uid) {
document.getElementById("sortable").innerHTML = ''; console.log("Loading Punches...");
//document.getElementById("sortable").innerHTML = '';
var punchesRef = firebase.database().ref('users/' + uid + '/punches').orderByChild('priority'); var punchesRef = firebase.database().ref('users/' + uid + '/punches').orderByChild('priority');
var itemStyle = "punches"; var itemStyle = "punches";
// list = '<ol id="sortable">'; // list = '<ol id="sortable">';
punchesRef.on('child_added', function(data) { punchesRef.on('child_added', function(data) {
console.log("child Added");
addPunchElement(data.key, data.val()); 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(); mkSortable();
//enableDetail(); //enableDetail();
} }
function sortList() {
console.log('function: sortList()');
var items = $('li');
items.sort(function(a, b){
console.log($(a).data('priority'));
return +$(a).data('priority') - +$(b).data('priority');
});
items.appendTo('#sortable');
}
var looper = setInterval(function() {
var uid = window.uid;
var punchesRef = firebase.database().ref('users/' + uid + '/punches').orderByChild('priority');
punchesRef.on('child_changed', function(data) {
console.log("Child Changed");
updatePunchElement(data.key, data.val());
// deletePunchElement(data.key);
// addPunchElement(data.key, data.val());
});
punchesRef.on('child_removed', function(data) {
console.log("child Removed");
deletePunchElement(data.key);
});
}, 1000);
// create new punch // create new punch
function genEventForm() { function genEventForm() {
document.getElementById("newSubject").value = "subject"; document.getElementById("newSubject").value = "subject";
@ -599,7 +689,7 @@ function createNewEvent() {
disableElement("newEvent"); disableElement("newEvent");
enableElement("punchListAll"); enableElement("punchListAll");
loadPunches(window.uid); // loadPunches(window.uid);
// document.getElementById("newEventList").innerHTML = jsonStr; // document.getElementById("newEventList").innerHTML = jsonStr;
} }
@ -638,62 +728,6 @@ window.punches = '';
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( "<span class='ui-icon ui-icon-minusthick portlet-toggle'></span>");
$( ".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) { function startPunch(uuid) {
var punchList = window.punches; var punchList = window.punches;
item = findArrayId(uuid); item = findArrayId(uuid);