Added a bar counting the points
This commit is contained in:
parent
e3b7a7589e
commit
027a3feedf
1 changed files with 44 additions and 0 deletions
|
@ -10,13 +10,46 @@ var calculateIssuePoints = function () {
|
|||
};
|
||||
};
|
||||
|
||||
var drawProgressBars = function(to_do, doing, done) {
|
||||
let total = to_do + doing + done;
|
||||
|
||||
let doing_percent = (doing / total) * 100;
|
||||
let done_percent = (done / total) * 100;
|
||||
|
||||
let pointsBarElement = document.getElementById('pointsBar');
|
||||
|
||||
if (pointsBarElement) {
|
||||
pointsBarElement.parentNode.removeChild(pointsBarElement);
|
||||
}
|
||||
|
||||
let header = document.getElementsByClassName('project-header')[0];
|
||||
let barsPlace = header.getElementsByClassName('f5')[0];
|
||||
|
||||
let pointBarHTML = `<div id="pointsBar" class="ml-3 d-inline-block">
|
||||
<div style="width: 100px">
|
||||
<div class="tooltipped tooltipped-s" aria-label="${done} done / ${doing} in progress / ${to_do} to do">
|
||||
<span class="progress-bar progress-bar-small">
|
||||
<span style="width: ${done_percent}%" class="progress d-inline-block bg-blue"> </span>
|
||||
<span style="width: ${doing_percent}%" class="progress d-inline-block bg-yellow"> </span>
|
||||
</span>
|
||||
</div>
|
||||
</div>`;
|
||||
|
||||
barsPlace.innerHTML += pointBarHTML;
|
||||
}
|
||||
|
||||
var updatePoints = function () {
|
||||
calculateIssuePoints();
|
||||
var to_do = 0;
|
||||
var doing = 0;
|
||||
var done = 0;
|
||||
let columns = document.getElementsByClassName('project-column');
|
||||
|
||||
for (let count = 0; count < columns.length; count++) {
|
||||
let total = 0;
|
||||
let column = columns[count];
|
||||
let point_marks = column.getElementsByClassName('issue-points');
|
||||
let column_name = column.getElementsByClassName('js-project-column-name')[0].innerHTML;
|
||||
for (let j = 0; j < point_marks.length; j++) {
|
||||
total += parseInt(point_marks[j].textContent);
|
||||
}
|
||||
|
@ -27,7 +60,18 @@ var updatePoints = function () {
|
|||
} else {
|
||||
header.innerHTML = '<span class="column-points">' + total + '</span>' + header.innerHTML;
|
||||
}
|
||||
switch (column_name) {
|
||||
case 'To do':
|
||||
to_do = total;
|
||||
break;
|
||||
case 'In progress':
|
||||
doing = total;
|
||||
break;
|
||||
case 'Done':
|
||||
done = total;
|
||||
}
|
||||
};
|
||||
drawProgressBars(to_do, doing, done);
|
||||
};
|
||||
|
||||
window.setInterval(updatePoints, 2000);
|
||||
|
|
Loading…
Reference in a new issue