stats
This commit is contained in:
Kameron Kenny
parent
58528630e4
commit
297608086d
|
|
@ -48,31 +48,48 @@
|
|||
</div>
|
||||
-->
|
||||
|
||||
<div id="editPunch" class="listWrapper"></div>
|
||||
<div id=container>
|
||||
<div id=left class="column-left">
|
||||
<div class="eight columns"> </div>
|
||||
<div class="four columns subject" style="border-bottom: 2px solid #fff">STATS</div>
|
||||
<div class="eight columns"> </div>
|
||||
<div id=stats class="four columns"></div>
|
||||
</div>
|
||||
|
||||
<div class="listWrapper" id="punchListAll">
|
||||
<div id="punchListInProgressWrapper" class="listWrapper">
|
||||
<span class="punchListHeader">Backlog</span>
|
||||
<div id="punchListBacklog"></div>
|
||||
<div id=middle class="column-middle">
|
||||
|
||||
<div id="editPunch" class="listWrapper"></div>
|
||||
|
||||
<div class="listWrapper" id="punchListAll">
|
||||
<div id="punchListInProgressWrapper" class="listWrapper">
|
||||
<span class="punchListHeader">Backlog</span>
|
||||
<div id="punchListBacklog"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container row" id="newEvent">
|
||||
<input onfocus="clearDefault(this)" class="u-full-width" type="text" id="newSubject" value="subject">
|
||||
<input onfocus="clearDefault(this)" class="u-full-width" type="text" id="newPriority" value="priority">
|
||||
<input type="hidden" id="newProgress" value="new">
|
||||
<input onfocus="clearDefault(this)" type="text" id="timepickerCreate" class="datepicker-here u-full-width" data-timepicker="true" data-language="en" value="date">
|
||||
Notes:<br />
|
||||
<textarea class="u-full-width" id="newNotes" value=""></textarea>
|
||||
<input class="u-full-width" onClick="createNewEvent()" id="test" type="button" value="Create" />
|
||||
<input class="u-full-width" onClick="disableElement('newEvent'),enableElement('punchListAll')" id="nevermind" type="button" value="Nevermind." />
|
||||
</div>
|
||||
<div class="container row" id="newEvent">
|
||||
<input onfocus="clearDefault(this)" class="u-full-width" type="text" id="newSubject" value="subject">
|
||||
<input onfocus="clearDefault(this)" class="u-full-width" type="text" id="newPriority" value="priority">
|
||||
<input type="hidden" id="newProgress" value="new">
|
||||
<input onfocus="clearDefault(this)" type="text" id="timepickerCreate" class="datepicker-here u-full-width" data-timepicker="true" data-language="en" value="date">
|
||||
Notes:<br />
|
||||
<textarea class="u-full-width" id="newNotes" value=""></textarea>
|
||||
<input class="u-full-width" onClick="createNewEvent()" id="test" type="button" value="Create" />
|
||||
<input class="u-full-width" onClick="disableElement('newEvent'),enableElement('punchListAll')" id="nevermind" type="button" value="Nevermind." />
|
||||
</div>
|
||||
|
||||
|
||||
<div class='u-pull-right' style="width: 200px;">
|
||||
<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 class='u-pull-right' style="width: 200px;">
|
||||
<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>
|
||||
<div id="debug1"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id=right class="column-right">
|
||||
<div class="twelve columns"> and things </div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="debug1"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -90,10 +90,15 @@ function genList(punchList, element) {
|
|||
|
||||
var list = '<ol id="sortable">';
|
||||
|
||||
var countInProgress = 0;
|
||||
var countWaiting = 0;
|
||||
var countNew = 0;
|
||||
var countDone = 0;
|
||||
for (i = 0; i < listLength; i++) {
|
||||
if (punchList[i].progress.toLowerCase() === "in progress") { var style = "inProgress" }
|
||||
else if (punchList[i].progress.toLowerCase() === "waiting") { var style = "waiting" }
|
||||
else { var style = "punch-default" }
|
||||
if (punchList[i].progress.toLowerCase() === "in progress") { var style = "inProgress"; countInProgress++; }
|
||||
else if (punchList[i].progress.toLowerCase() === "waiting") { var style = "waiting"; countWaiting++;}
|
||||
else if (punchList[i].progress.toLowerCase() === "new") { var style = "punch-default"; countNew++;}
|
||||
else { var style = "punch-default"; countDone++ }
|
||||
|
||||
if (window.tagFilterItem != undefined) {
|
||||
console.log('in tags filter');
|
||||
|
|
@ -232,6 +237,11 @@ function genList(punchList, element) {
|
|||
|
||||
list += "</ol>";
|
||||
document.getElementById(element).innerHTML = list;
|
||||
document.getElementById("stats").innerHTML = '<div class="ten columns punch-default">Total items:</div><div class="one column punch-default">' + punchList.length;
|
||||
document.getElementById("stats").innerHTML += '</div><div class="ten columns punch-default">Blocked items:</div><div class="one column punch-default">' + countWaiting;
|
||||
document.getElementById("stats").innerHTML += '</div><div class="ten columns punch-default">In Progress:</div><div class="one column punch-default">' + countInProgress;
|
||||
document.getElementById("stats").innerHTML += '</div><div class="ten columns punch-default">New Items:</div><div class="one column punch-default">' + countNew;
|
||||
document.getElementById("stats").innerHTML += '</div><div class="ten columns punch-default">Done Items:</div><div class="one column punch-default">' + countDone + '</div>';
|
||||
|
||||
mkSortable();
|
||||
enableDrop();
|
||||
|
|
|
|||
|
|
@ -1,3 +1,6 @@
|
|||
.column-left { display: hidden; }
|
||||
.column-right { display: hidden; }
|
||||
.column-middle { width: 50%; overflow: hidden; float: left;}
|
||||
#mainMenuWrapper:after { content: ""; clear: both; }
|
||||
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
|
||||
#sortable li { font-size: 1.4em; color: #AAA;}
|
||||
|
|
@ -33,8 +36,8 @@
|
|||
.ui-widget-header { background: #333; color: #aaa;}
|
||||
a.punch-default { color: #00BFFF; font-size: 12px; text-decoration: none;}
|
||||
a.punch-default:hover { color: #00FFFF; text-shadow: 0px 0px 23px #FFF; }
|
||||
.punch-default { border: 0px solid #AAA; color: #aaa; font-size: 12px; }
|
||||
.inProgress { color: orange; font-size: 12px; }
|
||||
.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;}
|
||||
|
|
@ -304,7 +307,19 @@ textarea {
|
|||
@media (min-width: 750px) {
|
||||
body { margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 800px; }
|
||||
width: 90%; }
|
||||
.column-left {
|
||||
display: block;
|
||||
margin-top: 100px;
|
||||
margin-left: auto;
|
||||
width: 25%;
|
||||
height: 99%;
|
||||
background-color: #000;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
border-right: 3px solid #000;
|
||||
}
|
||||
.column-right { display: block; width: 25%; overflow: hidden; float: left;}
|
||||
/* Navbar */
|
||||
.clock-wrapper {
|
||||
display: block;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
var version = "0.7.038",
|
||||
var version = "0.8.009",
|
||||
debug = false,
|
||||
jsonUrl = "https://api.myjson.com/bins/1dodsj",
|
||||
showDone = false,
|
||||
|
|
|
|||
Loading…
Reference in New Issue