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

fixes

This commit is contained in:
Kameron Kenny 2019-06-06 16:12:16 -04:00
parent ee12d3f95c
commit e146b397f2
3 changed files with 65 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
punch_list/css/custom.css
View File

@ -7,19 +7,31 @@ textarea {
height:50%; height:50%;
color: lime; color: lime;
border: 1px solid #999; } border: 1px solid #999; }
.one.column, .listWrapper:after {
.one.columns { width: 4.66666666667%; } content: "";
.two.columns { width: 13.3333333333%; } clear: both; }
.three.columns { width: 22%; } .listWrapper {
.four.columns { width: 30.6666666667%; } margin: 5px;
.five.columns { width: 39.3333333333%; } margin-bottom: 10px;
.six.columns { width: 48%; } border: 1px solid #999; }
.seven.columns { width: 56.6666666667%; } .punchListHeader {
.eight.columns { width: 65.3333333333%; } color: #00bfff;
.nine.columns { width: 74.0%; } padding: 4px;
.ten.columns { width: 82.6666666667%; } font-size: 2rem;
.eleven.columns { width: 91.3333333333%; } font-weight: 999; }
.twelve.columns { width: 100%; margin-left: 0; } .one.column,
.one.columns { width: 4.66666666667%; }
.two.columns { width: 13.3333333333%; }
.three.columns { width: 22%; }
.four.columns { width: 30.6666666667%; }
.five.columns { width: 39.3333333333%; }
.six.columns { width: 48%; }
.seven.columns { width: 56.6666666667%; }
.eight.columns { width: 65.3333333333%; }
.nine.columns { width: 74.0%; }
.ten.columns { width: 82.6666666667%; }
.eleven.columns { width: 91.3333333333%; }
.twelve.columns { width: 100%; margin-left: 0; }
#newEvent { #newEvent {
display: none;} display: none;}
#editPunch { #editPunch {

29
punch_list/eventManage.js
View File

@ -42,7 +42,7 @@ function genList(punchList) {
document.getElementById("showDone").innerHTML = "Show Done: <a href='#' onClick='toggleShowDone()'>" + showDone + "</a>"; document.getElementById("showDone").innerHTML = "Show Done: <a href='#' onClick='toggleShowDone()'>" + showDone + "</a>";
disableElement("punchDetail"); disableElement("punchDetail");
enableElement("punchList"); enableElement("punchListAll");
var itemStyle = "punches"; var itemStyle = "punches";
isItArray(punchList); isItArray(punchList);
@ -52,12 +52,13 @@ function genList(punchList) {
// list = "<table id=punchListTable class=punches><th class=punches>Punch Item</th><th class=punches>Status</th><th class=punches>Priority</th><th>Action</th>"; // list = "<table id=punchListTable class=punches><th class=punches>Punch Item</th><th class=punches>Status</th><th class=punches>Priority</th><th>Action</th>";
list = "<div class='punchlist top-bottom-border'>"; //
//prioritize in-progress //prioritize in-progress
var list = '';
for (i = 0; i < listLength; i++) { for (i = 0; i < listLength; i++) {
if (punchList[i].progress.toLowerCase() === "in progress") { if (punchList[i].progress.toLowerCase() === "in progress") {
console.log(`in progress`); console.log(`in progress`);
// list += "<tr>"; // list += "<tr>";
list += "<div class='punchlist top-bottom-border'>"; //
list += "<div class='punchlist container top-bottom-border'>"; // list += "<div class='punchlist container top-bottom-border'>"; //
list += "<div class='ten columns'>"; list += "<div class='ten columns'>";
list += "<div class='12 columns " + itemStyle + "' onClick=enablePunchDetail(" + i + ")><span class=subject>" + punchList[i].subject + "</span></div>"; // list += "<div class='12 columns " + itemStyle + "' onClick=enablePunchDetail(" + i + ")><span class=subject>" + punchList[i].subject + "</span></div>"; //
@ -77,14 +78,18 @@ function genList(punchList) {
list += "</div>"; list += "</div>";
list += "</div>"; list += "</div>";
list += "</div>"; list += "</div>";
list += "</div>";
document.getElementById("punchListInProgress").innerHTML = list;
} }
} }
// then !done // then !done
var list = '';
for (i = 0; i < listLength; i++) { for (i = 0; i < listLength; i++) {
if (punchList[i].progress.toLowerCase() != "in progress") { if (punchList[i].progress.toLowerCase() != "in progress") {
if (punchList[i].progress.toLowerCase() != "done") { if (punchList[i].progress.toLowerCase() != "done") {
console.log(`not in progress or not done`); console.log(`not in progress or not done`);
list += "<div class='punchlist top-bottom-border'>"; //
list += "<div class='punchlist container top-bottom-border'>"; // list += "<div class='punchlist container top-bottom-border'>"; //
list += "<div class='ten columns'>"; list += "<div class='ten columns'>";
list += "<div class='12 columns " + itemStyle + "' onClick=enablePunchDetail(" + i + ")><span class=subject>" + punchList[i].subject + "</span></div>"; // list += "<div class='12 columns " + itemStyle + "' onClick=enablePunchDetail(" + i + ")><span class=subject>" + punchList[i].subject + "</span></div>"; //
@ -104,16 +109,21 @@ function genList(punchList) {
list += "</div>"; list += "</div>";
list += "</div>"; list += "</div>";
list += "</div>"; list += "</div>";
list += "</div>";
document.getElementById("punchListNew").innerHTML = list;
} }
} }
} }
// then done // then done
var list = '';
for (i = 0; i < listLength; i++) { for (i = 0; i < listLength; i++) {
if (showDone === true) { if (showDone === true) {
enableElement("punchListDoneWrapper");
if (punchList[i].progress.toLowerCase() === "done") { if (punchList[i].progress.toLowerCase() === "done") {
console.log(`show done.`); console.log(`show done.`);
list += "<div class='punchlist container top-bottom-border'>"; // list += "<div class='punchlist top-bottom-border'>"; //
list += "<div class='punchlist container top-bottom-border'>"; //
list += "<div class='ten columns'>"; list += "<div class='ten columns'>";
list += "<div class='12 columns " + itemStyle + "' onClick=enablePunchDetail(" + i + ")><span class=subject>" + punchList[i].subject + "</span></div>"; // list += "<div class='12 columns " + itemStyle + "' onClick=enablePunchDetail(" + i + ")><span class=subject>" + punchList[i].subject + "</span></div>"; //
list += "<div class='three columns " + itemStyle + "'>Status: " + punchList[i].progress + "</div>"; list += "<div class='three columns " + itemStyle + "'>Status: " + punchList[i].progress + "</div>";
@ -132,12 +142,13 @@ function genList(punchList) {
list += "</div>"; list += "</div>";
list += "</div>"; list += "</div>";
list += "</div>"; list += "</div>";
list += "</div>";
document.getElementById("punchListDone").innerHTML = list;
} }
} else {
disableElement("punchListDoneWrapper");
} }
} }
list += "</div>";
document.getElementById("punchList").innerHTML = list;
} }
function startPunch(item) { function startPunch(item) {
@ -159,7 +170,7 @@ function completePunch(item) {
function enablePunchDetail(item) { function enablePunchDetail(item) {
var punchList = window.punches; var punchList = window.punches;
console.log(`inside enablePunchDetail`); console.log(`inside enablePunchDetail`);
disableElement("punchList"); disableElement("punchListAll");
console.log(`punchList Disabled`); console.log(`punchList Disabled`);
enableElement("punchDetail"); enableElement("punchDetail");
console.log(`punchDetail Enabled`); console.log(`punchDetail Enabled`);
@ -186,7 +197,7 @@ function createNewEvent() {
jsonStr = JSON.stringify(punchList); jsonStr = JSON.stringify(punchList);
putJson(jsonStr); putJson(jsonStr);
disableElement("newEvent"); disableElement("newEvent");
enableElement("punchList"); enableElement("punchListAll");
// document.getElementById("newEventList").innerHTML = jsonStr; // document.getElementById("newEventList").innerHTML = jsonStr;
} }
@ -249,7 +260,7 @@ function toggleShowDone() {
function editPunch(item) { function editPunch(item) {
disableElement("newEvent"); disableElement("newEvent");
disableElement("punchList"); disableElement("punchListAll");
enableElement("editPunch"); enableElement("editPunch");
punchList = window.punches; punchList = window.punches;

24
punch_list/index.html
View File

@ -47,16 +47,32 @@
<input class="u-full-width" type="text" id="newPriority" value="priority"> <input class="u-full-width" type="text" id="newPriority" value="priority">
<input type="hidden" id="newProgress" value="new"> <input type="hidden" id="newProgress" value="new">
<input type='text' id='timepickerCreate' class='datepicker-here u-full-width' data-timepicker='true' data-language='en' value="date"> <input type='text' id='timepickerCreate' class='datepicker-here u-full-width' data-timepicker='true' data-language='en' value="date">
<!-- <div class="datepicker-here" data-timepicker="true" data-language='en'></div> -->
<!-- <input type="text" id="newStartDate" value="June 04, 2019 00:00:00"> -->
<textarea class="u-full-width" id="newNotes" value="Notes"></textarea> <textarea class="u-full-width" id="newNotes" value="Notes"></textarea>
<input class="u-full-width" onClick="createNewEvent()" id="test" type="button" value="Update" /> <input class="u-full-width" onClick="createNewEvent()" id="test" type="button" value="Update" />
</form> </form>
</div> </div>
<div id="punchList"></div>
<div id="punchListAll">
<div id="punchListInProgressWrapper" class="listWrapper">
<span class="punchListHeader">In Progress</span>
<div id="punchListInProgress"></div>
</div>
<div id="punchListNewWrapper" class="listWrapper">
<span class="punchListHeader">New</span>
<div id="punchListNew"></div>
</div>
<div id="punchListDoneWrapper" class="listWrapper">
<span class="punchListHeader">Done</span>
<div id="punchListDone"></div>
</div>
</div>
<div id="punchDetail"></div> <div id="punchDetail"></div>
<p id="result"></p> <p id="result"></p>
<div id="showDone" class="grid-meta u-pull-right"></div><br /> <div id="showDone" class="grid-meta u-pull-right"></div><br />
<div id="meta" class="grid-meta u-pull-right"></div> <div id="meta" class="grid-meta u-pull-right"></div>