stats
This commit is contained in:
parent
58528630e4
commit
297608086d
|
@ -48,6 +48,16 @@
|
||||||
</div>
|
</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 id=middle class="column-middle">
|
||||||
|
|
||||||
<div id="editPunch" class="listWrapper"></div>
|
<div id="editPunch" class="listWrapper"></div>
|
||||||
|
|
||||||
<div class="listWrapper" id="punchListAll">
|
<div class="listWrapper" id="punchListAll">
|
||||||
|
@ -74,5 +84,12 @@
|
||||||
<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="debug1"></div>
|
<div id="debug1"></div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id=right class="column-right">
|
||||||
|
<div class="twelve columns"> and things </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -90,10 +90,15 @@ function genList(punchList, element) {
|
||||||
|
|
||||||
var list = '<ol id="sortable">';
|
var list = '<ol id="sortable">';
|
||||||
|
|
||||||
|
var countInProgress = 0;
|
||||||
|
var countWaiting = 0;
|
||||||
|
var countNew = 0;
|
||||||
|
var countDone = 0;
|
||||||
for (i = 0; i < listLength; i++) {
|
for (i = 0; i < listLength; i++) {
|
||||||
if (punchList[i].progress.toLowerCase() === "in progress") { var style = "inProgress" }
|
if (punchList[i].progress.toLowerCase() === "in progress") { var style = "inProgress"; countInProgress++; }
|
||||||
else if (punchList[i].progress.toLowerCase() === "waiting") { var style = "waiting" }
|
else if (punchList[i].progress.toLowerCase() === "waiting") { var style = "waiting"; countWaiting++;}
|
||||||
else { var style = "punch-default" }
|
else if (punchList[i].progress.toLowerCase() === "new") { var style = "punch-default"; countNew++;}
|
||||||
|
else { var style = "punch-default"; countDone++ }
|
||||||
|
|
||||||
if (window.tagFilterItem != undefined) {
|
if (window.tagFilterItem != undefined) {
|
||||||
console.log('in tags filter');
|
console.log('in tags filter');
|
||||||
|
@ -232,6 +237,11 @@ function genList(punchList, element) {
|
||||||
|
|
||||||
list += "</ol>";
|
list += "</ol>";
|
||||||
document.getElementById(element).innerHTML = list;
|
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();
|
mkSortable();
|
||||||
enableDrop();
|
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; }
|
#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;}
|
||||||
|
@ -33,7 +36,7 @@
|
||||||
.ui-widget-header { background: #333; color: #aaa;}
|
.ui-widget-header { background: #333; color: #aaa;}
|
||||||
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; }
|
.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; }
|
.overdue { color: red; font-size: 12px; }
|
||||||
|
@ -304,7 +307,19 @@ textarea {
|
||||||
@media (min-width: 750px) {
|
@media (min-width: 750px) {
|
||||||
body { margin-left: auto;
|
body { margin-left: auto;
|
||||||
margin-right: 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 */
|
/* Navbar */
|
||||||
.clock-wrapper {
|
.clock-wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
var version = "0.7.038",
|
var version = "0.8.009",
|
||||||
debug = false,
|
debug = false,
|
||||||
jsonUrl = "https://api.myjson.com/bins/1dodsj",
|
jsonUrl = "https://api.myjson.com/bins/1dodsj",
|
||||||
showDone = false,
|
showDone = false,
|
||||||
|
|
Loading…
Reference in New Issue