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

updates

This commit is contained in:
Kameron Kenny 2019-07-15 18:22:38 -04:00
parent a14a0c8e9a
commit 9fc772e9ae
3 changed files with 84 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
punch_list/public/css/custom.css
View File

@ -1,4 +1,6 @@
#neededBy { display: none; } #neededBy { display: none; }
#whoami { width: 100%; }
.inProgress { color:orange; font-size: 12px; }
.subject { .subject {
overflow: hidden; overflow: hidden;
width: 89%; width: 89%;
@ -8,7 +10,7 @@
font-weight: 900; } font-weight: 900; }
.column-left { display: none; } .column-left { display: none; }
.column-right { display: none; } .column-right { display: none; }
.column-middle { width: 100%; overflow: auto; float: left; background: #333; padding-bottom: 200px;} .column-middle { width: 100%; overflow: auto; background: #333; padding-bottom: 200px; margin-left: auto; margin-right: auto;}
#mainMenuWrapper:after { content: ""; clear: both; } #mainMenuWrapper:after { content: ""; clear: both; }
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; } #sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li { font-size: 1.4em; color: #AAA;} #sortable li { font-size: 1.4em; color: #AAA;}
@ -45,7 +47,7 @@
a.punch-default { color: #00BFFF; font-size: 12px; text-decoration: none;} a.punch-default { color: #00BFFF; font-size: 12px; text-decoration: none;}
a.punch-default:hover { color: #00FFFF; text-shadow: 0px 0px 23px #FFF; } 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;} .punch-default { border: 0px solid #AAA; color: #aaa; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.inProgress { color: orange; font-size: 12px; } .inprogress { color: orange; font-size: 12px; }
.waiting { color: red; font-size: 12px; } .waiting { color: red; font-size: 12px; }
.overdue { color: red; font-size: 12px; border: 1px solid red; padding:3px;} .overdue { color: red; font-size: 12px; border: 1px solid red; padding:3px;}
.duesoon { color: yellow; font-size: 12px; border: 1px solid yellow; padding:3px;} .duesoon { color: yellow; font-size: 12px; border: 1px solid yellow; padding:3px;}
@ -160,6 +162,7 @@ textarea {
/* The container <div> - needed to position the dropdown content */ /* The container <div> - needed to position the dropdown content */
.dropdown { .dropdown {
min-width: 20px;
position: relative; position: relative;
display: inline-block; display: inline-block;
height: 20px; height: 20px;
@ -249,6 +252,7 @@ textarea {
width: 99%; width: 99%;
max-width: 99%; max-width: 99%;
padding: 0 5px; } padding: 0 5px; }
.header { .header {
background-color: #666; background-color: #666;
margin-top: 6rem; margin-top: 6rem;
@ -329,7 +333,7 @@ textarea {
margin-right: auto; margin-right: auto;
width: 90%; } width: 90%; }
.column-left { .column-left {
display: block; display: none;
margin-top: 100px; margin-top: 100px;
margin-left: auto; margin-left: auto;
width: 30%; width: 30%;
@ -339,8 +343,8 @@ textarea {
float: left; float: left;
border-right: 3px solid #000; border-right: 3px solid #000;
} }
.column-right { display: block; width: 10%; overflow: hidden; float: left;} .column-right { display: none; width: 10%; overflow: hidden; float: left;}
.column-middle { display: block; width: 55%; overflow: visible; float: left;} .column-middle { display: block; width: 55%; overflow: visible; margin-left:auto; margin-right:auto;}
/* Navbar */ /* Navbar */
.clock-wrapper { .clock-wrapper {
display: block; display: block;
@ -395,7 +399,7 @@ textarea {
} }
@media (min-width: 1500px) { @media (min-width: 1500px) {
.column-left { .column-left {
display: block; display: none;
margin-top: 100px; margin-top: 100px;
margin-left: auto; margin-left: auto;
width: 20%; width: 20%;
@ -405,7 +409,7 @@ textarea {
float: left; float: left;
border-right: 3px solid #000; border-right: 3px solid #000;
} }
.column-middle { display: block; width: 50%; overflow: hidden; float: left;} .column-middle { display: block; width: 50%; overflow: hidden; margin-left:auto;margin-right:auto;}
.column-right { display: block; width: 25%; overflow: hidden; float: left; padding-top: 100px;} .column-right { display: none; width: 25%; overflow: hidden; float: left; padding-top: 100px;}
#events-list { background-color: #000; } #events-list { background-color: #000; }
} }

26
punch_list/public/index.html
View File

@ -60,19 +60,8 @@
<body> <body>
<div class="g-signin2" data-onsuccess="onSignIn" data-them="dark"></div>
<div id="firebaseui-auth-container"></div> <div id="firebaseui-auth-container"></div>
<div class="dropdown u-pull-right" id=mainMenuWrapper>
<button class="top dropbtn" onclick=mainMenuDrop() id=mainMenu>Menu</button>
<div id=mainMenuDropdown class="dropdown-content punch-default">
<a href="#" onclick="genEventForm()">New Punch Item</a>
<a href="#" onclick="genDaily()">Generate Daily Punches</a>
<a href="#" onclick="genWeekly()">Generate Weekly Punches</a>
<a href="#" onclick="getJson(genList)">Refresh</a>
<a href="https://thelinux.pro/broadcast_timer">Broadcast Timer</a>
</div>
</div>
<div id=container> <div id=container>
<div id=left class="column-left"> <div id=left class="column-left">
@ -83,11 +72,21 @@
</div> </div>
<div id=middle class="column-middle"> <div id=middle class="column-middle">
<div class="dropdown u-pull-right" id=mainMenuWrapper>
<button class="top dropbtn" onclick=mainMenuDrop() id=mainMenu>Menu</button>
<div id=mainMenuDropdown class="dropdown-content punch-default">
<a href="#" onclick="genEventForm()">New Punch Item</a>
<a href="#" onclick="genDaily()">Generate Daily Punches</a>
<a href="#" onclick="genWeekly()">Generate Weekly Punches</a>
<a href="#" onclick="getJson(genList)">Refresh</a>
<a href="https://thelinux.pro/broadcast_timer">Broadcast Timer</a>
</div>
</div>
<div id="editPunch" class="listWrapper"></div> <div id="editPunch" class="listWrapper"></div>
<div class="listWrapper" id="punchListAll"> <div class="listWrapper" id="punchListAll">
<div id="punchListInProgressWrapper" class="listWrapper"> <div id="punchListInProgressWrapper" class="listWrapper">
<!-- the list --> <!-- the list -->
<span class="punchListHeader">Parking Lot</span> <span class="punchListHeader">Punches</span>
<div id="punchListBacklog"> <div id="punchListBacklog">
<ol id="sortable" class="punchListBacklog"></ol> <ol id="sortable" class="punchListBacklog"></ol>
</div> </div>
@ -112,6 +111,8 @@
<div style="width: 100%;" class='punch-default u-pull-right'><a class='punch-default u-pull-right' href='#' onClick=clearTagFilter()>Clear Tags</a></div> <div style="width: 100%;" class='punch-default u-pull-right'><a class='punch-default u-pull-right' href='#' onClick=clearTagFilter()>Clear Tags</a></div>
<div style="width: 100%;" class='punch-default u-pull-right' id=versionInfo></div> <div style="width: 100%;" class='punch-default u-pull-right' id=versionInfo></div>
</div> </div>
<div id="whoami"></div>
<div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>
</div> </div>
<div id=right class="column-right" style="float:left"> <div id=right class="column-right" style="float:left">
@ -120,6 +121,5 @@
</div> </div>
</div> </div>
</div> </div>
<div id="whoami"></div>
</body> </body>
</html> </html>

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

@ -169,6 +169,40 @@ function newPunch(uid, subject, priority, progress, needBy, notes, tags) {
return firebase.database().ref().update(updates); return firebase.database().ref().update(updates);
} }
function genDaily() {
var daily = [ "Check Workday", "Check Expenses", "Check Change Cases", "Check TD's", "Check at-mentions" ];
console.log(`${daily[1]}`);
priority = parseInt("3");
var d = new Date();
var needBy = d.setHours(17,0,0);
var newTag = "work,daily";
var stripLeadingSpace = newTag.replace(/, /g, ',');
var noSpaces = stripLeadingSpace.replace(/ /g, '_');
var newTags = noSpaces.split(",");
for (x = 0; x < daily.length; x++) {
newPunch(window.uid, daily[x], priority, "new", needBy, "", newTags);
}
}
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);
}
}
// Read the punches via listener // Read the punches via listener
// standard functions // standard functions
@ -301,6 +335,10 @@ function progressMenuDrop(uuid) {
document.getElementById("progressDropdown" + uuid).classList.toggle("show"); document.getElementById("progressDropdown" + uuid).classList.toggle("show");
} }
function toggleElement(element) {
document.getElementById(element).classList.toggle("show");
}
window.onclick = function(event) { window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) { if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content"); var dropdowns = document.getElementsByClassName("dropdown-content");
@ -327,7 +365,7 @@ function editPunch(uuid) {
var data = snapshot.val(); var data = snapshot.val();
console.log(data); console.log(data);
var nDate = data.needByDate; var nDate = new Date(data.needByDate);
var notes = data.notes; var notes = data.notes;
var priority = data.priority; var priority = data.priority;
var progress = data.progress; var progress = data.progress;
@ -405,6 +443,19 @@ function createTimer(element,timeTo) {
}, 1000); }, 1000);
} }
function formatDate(d) {
d = new Date(d);
var minutes = d.getMinutes();
var hours = d.getHours();
if (minutes < 10) { minutes = ('0' + minutes); }
if (hours === 0) { hours = ('0' + hours); }
var s = d.getFullYear() + '/' + d.getMonth() + '/' + d.getDate() + ' ' + hours + ':' + minutes;
return s;
}
// load punches // load punches
@ -425,12 +476,12 @@ function addPunchElement(childKey, childData) {
genPunchListItem('<div id="priority-container' + childKey + '" class="priority container one column"></div>', '#div-portlet' + childKey); genPunchListItem('<div id="priority-container' + childKey + '" class="priority container one column"></div>', '#div-portlet' + childKey);
genPunchListItem('<div id="details-container' + childKey + '" class="container eleven columns details-container"></div>', '#div-portlet' + childKey); genPunchListItem('<div id="details-container' + childKey + '" class="container eleven columns details-container"></div>', '#div-portlet' + childKey);
genPunchListItem('<div id="priority' + childKey + '" class="twelve columns priority">' + childData.priority + '</div>', '#priority-container' + childKey); genPunchListItem('<div id="priority' + childKey + '" class="twelve columns priority">' + childData.priority + '</div>', '#priority-container' + childKey);
genPunchListItem('<div id="subject' + childKey + '" class="twelve columns subject">' + childData.subject + '</div>', '#details-container' + childKey); genPunchListItem('<div id="subject' + childKey + '" class="ten columns subject">' + childData.subject + '</div><div id="detail-link' + childKey + '" class="two columns"><a style="margin-left: 10px;" class="punch-default" href="#" onclick=toggleElement(\'backlog-list-content' + childKey + '\')>details</a></div>', '#details-container' + childKey);
genPunchListItem('<div id="details-col-one' + childKey + '" class="three columns"></div>', '#details-container' + childKey); genPunchListItem('<div id="details-col-one' + childKey + '" class="three columns"></div>', '#details-container' + childKey);
genPunchListItem('<div id="progress"' + childKey +'" class="twelve columns ' + style + '">' + childData.progress + '</div>', '#details-col-one' + childKey); genPunchListItem('<div id="progress' + childKey +'" class="twelve columns ' + style + '">' + childData.progress + '</div>', '#details-col-one' + childKey);
genPunchListItem('<div class="twelve columns punch-default" style="color: lime" id="timer' + childKey + '"></div>', '#details-col-one' + childKey); genPunchListItem('<div class="twelve columns punch-default" style="color: lime" id="timer' + childKey + '"></div>', '#details-col-one' + childKey);
// status dropdown // status dropdown
genPunchListItem('<div id="dropdown-wrapper' + childKey + '" class="dropdown one column"></div>', '#details-container' + childKey); genPunchListItem('<div id="dropdown-wrapper' + childKey + '" class="dropdown two columns"></div>', '#details-container' + childKey);
genPunchListItem('<img class="top dropbtn" onclick=progressMenuDrop("' + childKey + '") src="images/down-carrot.png">', '#dropdown-wrapper' + childKey); genPunchListItem('<img class="top dropbtn" onclick=progressMenuDrop("' + childKey + '") src="images/down-carrot.png">', '#dropdown-wrapper' + childKey);
genPunchListItem('<div id="progressDropdown' + childKey + '" class="dropdown-content punch-default"></div>', '#dropdown-wrapper' + childKey); genPunchListItem('<div id="progressDropdown' + childKey + '" class="dropdown-content punch-default"></div>', '#dropdown-wrapper' + childKey);
genPunchListItem('<a href="#" onClick=mkPunchNew("' + childKey + '")>New</a>', '#progressDropdown' + childKey); genPunchListItem('<a href="#" onClick=mkPunchNew("' + childKey + '")>New</a>', '#progressDropdown' + childKey);
@ -438,12 +489,11 @@ function addPunchElement(childKey, childData) {
genPunchListItem('<a href="#" onClick=waitingPunch("' + childKey + '")>Waiting</a>', '#progressDropdown' + childKey); genPunchListItem('<a href="#" onClick=waitingPunch("' + childKey + '")>Waiting</a>', '#progressDropdown' + childKey);
genPunchListItem('<a href="#" onClick=completePunch("' + childKey + '")>Finish</a>', '#progressDropdown' + childKey); genPunchListItem('<a href="#" onClick=completePunch("' + childKey + '")>Finish</a>', '#progressDropdown' + childKey);
genPunchListItem('<div id="details-col-three' + childKey + '" class="three columns punch-default"></div>', '#details-container' + childKey); genPunchListItem('<div id="details-col-three' + childKey + '" class="five columns punch-default"></div>', '#details-container' + childKey);
genPunchListItem('<div id="details-col-four' + childKey + '" class="three columns punch-default"></div>', '#details-container' + childKey);
genPunchListItem('<div id="details-col-five' + childKey + '" class="three columns punch-default"></div>', '#details-container' + childKey); genPunchListItem('<div id="details-col-five' + childKey + '" class="three columns punch-default"></div>', '#details-container' + childKey);
if ( childData.needByDate != null && childData.needByDate != undefined && childData.needByDate != '' ) { if ( childData.needByDate != null && childData.needByDate != undefined && childData.needByDate != '' ) {
genPunchListItem('<div id="neededBy' + childKey + '" class="twelve columns punch-default"></div>', '#details-col-three' + childKey); genPunchListItem('<div id="neededBy' + childKey + '" class="twelve columns punch-default"></div>', '#details-col-three' + childKey);
genPunchListItem('<div id="needby-data' + childKey + '">' + childData.needByDate + '</div>', '#neededBy' + childKey); genPunchListItem('<div id="needby-data' + childKey + '">' + formatDate(childData.needByDate) + '</div>', '#neededBy' + childKey);
genPunchListItem('<div id="needby-date-timer' + childKey + '"></div>', '#neededBy' + childKey); genPunchListItem('<div id="needby-date-timer' + childKey + '"></div>', '#neededBy' + childKey);
createTimer('needby-date-timer' + childKey, childData.needByDate); createTimer('needby-date-timer' + childKey, childData.needByDate);
genPunchListItem('<div id="countdown-' + childKey + '" class="twelve columns punch-default"></div>', '#details-col-three' + childKey); genPunchListItem('<div id="countdown-' + childKey + '" class="twelve columns punch-default"></div>', '#details-col-three' + childKey);
@ -452,8 +502,6 @@ function addPunchElement(childKey, childData) {
$( '#needby-data' + childKey ).addClass( "overdue" ); $( '#needby-data' + childKey ).addClass( "overdue" );
} else if ( ((new Date(childData.needByDate).getTime() - new Date().getTime()) / 1000) <= 259200 ) { } else if ( ((new Date(childData.needByDate).getTime() - new Date().getTime()) / 1000) <= 259200 ) {
$( '#needby-data' + childKey ).addClass( "duesoon" ); $( '#needby-data' + childKey ).addClass( "duesoon" );
} else {
genPunchListItem('<div id="neededBy-status' + childKey +'" class="twelve columns punch-default">&nbsp;</div>', '#details-col-four' + childKey);
} }
} }
@ -467,7 +515,7 @@ function addPunchElement(childKey, childData) {
} }
genPunchListItem('<div id="backlog-list-content' + childKey + '" class="backlog-list-content details-container"><div id="punch-list-backlog-details' + childKey + '" class="punch-list-backlog-details"></div></div>', '#div-portlet' + childKey) ; genPunchListItem('<div id="backlog-list-content' + childKey + '" class="backlog-list-content details-container"><div id="punch-list-backlog-details' + childKey + '" class="punch-list-backlog-details"></div></div>', '#div-portlet' + childKey) ;
if ( childData.startTime != undefined ) { if ( childData.startTime != undefined ) {
genPunchListItem('<div id="startTime" class="three columns punch-default started">' + new Date(childData.startTime) + '</div>', '#punch-list-backlog-details' + childKey); genPunchListItem('<div id="startTime" class="three columns punch-default started">' + formatDate(childData.startTime) + '</div>', '#punch-list-backlog-details' + childKey);
var time = new Date(childData.startTime).getTime(); var time = new Date(childData.startTime).getTime();
createTimer("timer" + childKey, time); createTimer("timer" + childKey, time);
} }
@ -477,7 +525,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);
} }
enableDetail();
} }
@ -509,6 +556,7 @@ function loadPunches(uid) {
mkSortable(); mkSortable();
//enableDetail();
} }
@ -740,36 +788,6 @@ getJson();
// document.getElementById("newEventList").innerHTML = jsonStr; // 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) { function deletePunch(uuid) {
getJson(); getJson();