2020-01-05 17:24:43 +01:00
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< title > Agir Statool< / title >
< meta charset = "UTF-8" / >
< meta content = "April" name = "keywords" / >
< link rel = "shortcut icon" href = "/favicon.ico" type = "image/x-icon" / >
< link rel = "stylesheet" type = "text/css" href = "agirstatool.css" / >
< script src = "/commons/sorttable.js" / >
2020-01-18 09:55:56 +01:00
< script src = "Chart.bundle.min.js" > < / script >
2020-01-05 17:24:43 +01:00
< / head >
< body >
2020-01-27 13:17:21 +01:00
< div style = "margin: 5px 10px 10px 10px;" >
2020-03-06 14:17:40 +01:00
< h1 > < a href = "index.xhtml" > Agir Statool< / a > < sup id = "versionsup" style = "font-size: 9px;" > v0.0.14< / sup > – < a id = "projectName" href = "#" > n/a< / a > – < a id = "agirLink" href = "#" > Link to Agir< / a > < / h1 >
2020-01-30 19:07:22 +01:00
< div id = "mainCharts" >
2020-01-22 18:13:34 +01:00
< div style = "margin: 5px;" >
< a id = "createClose3MonthsButton" href = "#" class = "button" onclick = "javascript:createClosedSelect('3months');" > 3 months< / a >
2020-01-30 02:19:52 +01:00
< a id = "createClose6MonthsButton" href = "#" class = "button" onclick = "javascript:createClosedSelect('6months');" > 6 months< / a >
< a id = "createClose12MonthsButton" href = "#" class = "button selected" onclick = "javascript:createClosedSelect('12months');" > 12 months< / a >
2020-01-30 01:50:48 +01:00
< a id = "createCloseFullButton" href = "#" class = "button" onclick = "javascript:createClosedSelect('full');" > Full< / a >
2020-01-22 18:13:34 +01:00
< a id = "createClosePreviousYearButton" href = "#" class = "button" onclick = "javascript:createClosedSelect('previousYear');" > Previous Year< / a >
2020-01-23 17:49:28 +01:00
< span style = "margin-left: 50px;" > < / span >
2020-01-30 19:07:22 +01:00
< a href = "#rawgroupedswitch" class = "button" title = "Go down to the table below." > ⇊ ⇊< / a >
2020-01-23 17:49:28 +01:00
< span style = "margin-left: 50px;" > < / span >
< a href = "index.xhtml" class = "button" > Root< / a >
2020-01-22 18:21:47 +01:00
< a href = "admins.xhtml" class = "button" > Admins< / a >
< a href = "chapril.xhtml" class = "button" > Chapril< / a >
2020-01-22 18:13:34 +01:00
< / div >
2020-01-24 13:15:24 +01:00
< div id = "3MonthsBox" style = "display: none;" >
2020-01-29 00:51:45 +01:00
< div id = "createdClosed3MonthsChart" style = "display: inline-block; width: 33%; height: 400px;" > CREATED/CLOSED 3 MONTHS CHART< / div >
< div id = "created-Closed3MonthsChart" style = "display: inline-block; width: 33%; height: 400px;" > CREATED-CLOSED 3 MONTHS CHART< / div >
< div id = "age3MonthsChart" style = "display: inline-block; width: 33%; height: 400px;" > AGE 3 MONTHS CHART< / div >
2020-01-24 13:15:24 +01:00
< / div >
2020-01-30 02:19:52 +01:00
< div id = "6MonthsBox" style = "display: none;" >
2020-01-29 00:51:45 +01:00
< div id = "createdClosed6MonthsChart" style = "display: inline-block; width: 33%; height: 400px;" > CREATED/CLOSED 6 MONTHS CHART< / div >
< div id = "created-Closed6MonthsChart" style = "display: inline-block; width: 33%; height: 400px;" > CREATED-CLOSED 6 MONTHS CHART< / div >
< div id = "age6MonthsChart" style = "display: inline-block; width: 33%; height: 400px;" > AGE 6 MONTHS CHART< / div >
2020-01-24 13:15:24 +01:00
< / div >
2020-01-30 02:19:52 +01:00
< div id = "12MonthsBox" style = "" >
< div id = "createdClosed12MonthsChart" style = "display: inline-block; width: 33%; height: 400px;" > CREATED/CLOSED 12 MONTHS CHART< / div >
< div id = "created-Closed12MonthsChart" style = "display: inline-block; width: 33%; height: 400px;" > CREATED-CLOSED 12 MONTHS CHART< / div >
< div id = "age12MonthsChart" style = "display: inline-block; width: 33%; height: 400px;" > AGE 12 MONTHS CHART< / div >
< / div >
2020-01-24 13:15:24 +01:00
< div id = "previousYearBox" style = "display: none;" >
2020-01-29 00:51:45 +01:00
< div id = "createdClosedPreviousYearChart" style = "display: inline-block; width: 33%; height: 400px;" > CREATED/CLOSED PREVIOUS YEAR CHART< / div >
< div id = "created-ClosedPreviousYearChart" style = "display: inline-block; width: 33%; height: 400px;" > CREATED-CLOSED PREVIOUS YEAR CHART< / div >
< div id = "agePreviousYearChart" style = "display: inline-block; width: 33%; height: 400px;" > AGE PREVIOUS YEAR CHART< / div >
2020-01-24 13:15:24 +01:00
< / div >
2020-01-30 01:50:48 +01:00
< div id = "fullBox" style = "display: none;" >
2020-01-27 17:18:10 +01:00
< div id = "createdClosedFullChart" style = "height: 400px;" onclick = "javascript: selectMainChart('C-C');" > CREATED/CLOSED FULL CHART< / div >
2020-01-29 20:28:14 +01:00
< div id = "created-ClosedFullChart" style = "display: none; height: 400px;" onclick = "javascript: selectMainChart('AGE');" > CREATED-CLOSED FULL CHART< / div >
2020-01-29 00:51:45 +01:00
< div id = "ageFullChart" style = "display: none; height: 400px;" onclick = "javascript: selectMainChart('CC');" > ISSUE AGE CHART< / div >
2020-01-24 13:15:24 +01:00
< / div >
2020-01-22 18:13:34 +01:00
< / div >
2020-01-30 19:07:22 +01:00
< div id = "rawgroupedswitch" style = "margin: 4px;" >
2020-01-22 18:13:34 +01:00
< span style = "display: inline-block; padding-top: 6px; vertical-align: text-top;" > < a href = "#part2" > Grouped< / a > < / span >
2020-01-20 17:52:59 +01:00
< label class = "switch" >
< input type = "checkbox" onclick = "javascript:projectsViewFlip();" / >
< span class = "slider round" > < / span >
< / label >
< / div >
2020-01-30 19:07:22 +01:00
< div id = "secondaryCharts" >
2020-01-22 18:13:34 +01:00
< div id = "issueRawChart" style = "width: 400px; height: 200px; display: inline-block;" > ISSUES BAR CHART< / div >
2020-01-30 19:07:22 +01:00
< div id = "issueGroupedChart" style = "width: 400px; height: 200px; display: none;" > ISSUES BAR CHART< / div >
2020-01-23 10:37:25 +01:00
< div id = "unassignedRawChart" style = "width: 360px; height: 200px; display: inline-block;" > < / div >
2020-01-30 19:07:22 +01:00
< div id = "unassignedGroupedChart" style = "width: 360px; height: 200px; display: none;" > < / div >
< div id = "createdClosedChartMini" style = "width: 220px; height: 200px; display: inline-block;" > CREATED/CLOSED CHART MINI< / div >
< div id = "created-ClosedChartMini" style = "width: 220px; height: 200px; display: inline-block;" > CREATED-CLOSED CHART MINI< / div >
< div id = "ageChartMini" style = "width: 250px; height: 200px; display: inline-block;" > CREATED-CLOSED MONTHS CHART MINI< / div >
2020-01-19 23:33:40 +01:00
< / div >
2020-01-30 19:07:22 +01:00
< br / >
< div id = "tableView" >
< div id = "tableRawView" > TABLE RAW VIEW< / div >
< div id = "tableGroupedView" style = "display: none;" > TABLE GROUPED VIEW< / div >
2020-01-05 17:24:43 +01:00
< / div >
< / div >
2020-01-22 18:13:34 +01:00
< script type = "text/javascript" >
function createClosedSelect(selection)
{
2020-01-24 13:15:24 +01:00
document.getElementById ('createClose3MonthsButton').classList.remove('selected');
document.getElementById ('createClose6MonthsButton').classList.remove('selected');
2020-01-30 02:19:52 +01:00
document.getElementById ('createClose12MonthsButton').classList.remove('selected');
2020-01-24 13:15:24 +01:00
document.getElementById ('createClosePreviousYearButton').classList.remove('selected');
document.getElementById ('createCloseFullButton').classList.remove('selected');
document.getElementById ('3MonthsBox').style.display = 'none';
document.getElementById ('6MonthsBox').style.display = 'none';
2020-01-30 02:19:52 +01:00
document.getElementById ('12MonthsBox').style.display = 'none';
2020-01-24 13:15:24 +01:00
document.getElementById ('previousYearBox').style.display = 'none';
document.getElementById ('fullBox').style.display = 'none';
if (selection == '3months')
2020-01-22 18:13:34 +01:00
{
document.getElementById ('createClose3MonthsButton').classList.add('selected');
2020-01-24 13:15:24 +01:00
document.getElementById ('3MonthsBox').style.display = 'block';
2020-01-22 18:13:34 +01:00
}
else if (selection == '6months')
{
document.getElementById ('createClose6MonthsButton').classList.add('selected');
2020-01-24 13:15:24 +01:00
document.getElementById ('6MonthsBox').style.display = 'block';
2020-01-30 02:19:52 +01:00
}
else if (selection == '12months')
{
document.getElementById ('createClose12MonthsButton').classList.add('selected');
document.getElementById ('12MonthsBox').style.display = 'block';
2020-01-22 18:13:34 +01:00
}
else if (selection == 'previousYear')
{
document.getElementById ('createClosePreviousYearButton').classList.add('selected');
2020-01-24 13:15:24 +01:00
document.getElementById ('previousYearBox').style.display = 'block';
2020-01-22 18:13:34 +01:00
}
else if (selection == 'full')
{
document.getElementById ('createCloseFullButton').classList.add('selected');
2020-01-24 13:15:24 +01:00
document.getElementById ('fullBox').style.display = 'block';
2020-01-22 18:13:34 +01:00
}
}
< / script >
2020-01-18 09:55:56 +01:00
< script type = "text/javascript" >
2020-01-30 19:07:22 +01:00
var showView = 'RAW';
2020-01-18 09:55:56 +01:00
function projectsViewFlip ()
{
2020-01-30 19:07:22 +01:00
if (showView == 'GROUPED')
2020-01-18 09:55:56 +01:00
{
2020-01-30 19:07:22 +01:00
document.getElementById ('issueRawChart').style.display = 'inline-block';
document.getElementById ('issueGroupedChart').style.display = 'none';
document.getElementById ('unassignedRawChart').style.display = 'inline-block';
document.getElementById ('unassignedGroupedChart').style.display = 'none';
document.getElementById ('tableRawView').style.display = 'block';
document.getElementById ('tableGroupedView').style.display = 'none';
showView = 'RAW';
2020-01-18 09:55:56 +01:00
}
else
{
2020-01-30 19:07:22 +01:00
document.getElementById ('issueRawChart').style.display = 'none';
document.getElementById ('issueGroupedChart').style.display = 'inline-block';
document.getElementById ('unassignedRawChart').style.display = 'none';
document.getElementById ('unassignedGroupedChart').style.display = 'inline-block';
document.getElementById ('tableRawView').style.display = 'none';
document.getElementById ('tableGroupedView').style.display = 'block';
showView = 'GROUPED';
2020-01-18 09:55:56 +01:00
}
}
< / script >
2020-01-27 17:18:10 +01:00
< script type = "text/javascript" >
function selectMainChart(selection)
{
document.getElementById ('createdClosedFullChart').style.display = 'none';
document.getElementById ('created-ClosedFullChart').style.display = 'none';
2020-01-29 00:51:45 +01:00
document.getElementById ('ageFullChart').style.display = 'none';
2020-01-27 17:18:10 +01:00
if (selection == 'CC')
{
document.getElementById ('createdClosedFullChart').style.display = 'block';
}
else if (selection == 'C-C')
{
document.getElementById ('created-ClosedFullChart').style.display = 'block';
}
2020-01-29 00:51:45 +01:00
else if (selection == 'AGE')
{
document.getElementById ('ageFullChart').style.display = 'block';
}
2020-01-27 17:18:10 +01:00
}
< / script >
2020-01-05 17:24:43 +01:00
< / body >
< / html >