Added a bar counting the points

This commit is contained in:
José Carlos Cuevas 2019-04-29 12:43:52 +02:00
parent e3b7a7589e
commit 027a3feedf

View file

@ -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">&nbsp;</span>
<span style="width: ${doing_percent}%" class="progress d-inline-block bg-yellow">&nbsp;</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);