cpm/agirstatool
1
0
Fork 0
Code Issues Pull requests Releases Activity

Split raw and grouped views.

Browse source
This commit is contained in:
Christian P. MOMON 2020-01-20 17:52:59 +01:00
parent de34783f03
commit 758dbc8a6b
1 changed files with 34 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
src/org/april/agirstatool/core/pages/project.xhtml
View file

@ -13,19 +13,6 @@
<body> <body>
<div style="margin: 10px;"> <div style="margin: 10px;">
<h1><a href="index.xhtml">Agir Statool</a> – <a id="agirLink" href="#">Project <span id="projectName">n/a</span></a></h1> <h1><a href="index.xhtml">Agir Statool</a> – <a id="agirLink" href="#">Project <span id="projectName">n/a</span></a></h1>
<div>
<div id="issueRawChart" style="display: inline-block;">ISSUES BAR CHART</div>
<div id="issueGroupedChart" style="display: inline-block;">ISSUES BAR CHART</div>
<div id="unassignedRawChart" style="display: inline-block;"></div>
<div id="unassignedGroupedChart" style="display: inline-block;"></div>
<br/>
<div id="issueRawChartAlone" style="display: inline-block;"></div>
<div id="issueGroupedChartAlone" style="display: inline-block;"></div>
<div id="unassignedRawChartAlone" style="display: inline-block;"></div>
<div id="unassignedGroupedChartAlone" style="display: inline-block;"></div>
</div>
<br/>
<div>
<div style="margin: 4px;"> <div style="margin: 4px;">
<span style="display: inline-block; padding-top: 6px; vertical-align: text-top;">Grouped</span> <span style="display: inline-block; padding-top: 6px; vertical-align: text-top;">Grouped</span>
<label class="switch"> <label class="switch">
@ -33,8 +20,31 @@
<span class="slider round"></span> <span class="slider round"></span>
</label> </label>
</div> </div>
<div id="rawView">
<div>
<div id="issueRawChart" style="display: inline-block;">ISSUES BAR CHART</div>
<div id="unassignedRawChart" style="display: inline-block;"></div>
<br/>
<div id="issueRawChartAlone" style="display: inline-block;"></div>
<div id="unassignedRawChartAlone" style="display: inline-block;"></div>
</div>
<br/>
<div>
<div id="projectsRawView">RAW VIEW PLACE</div> <div id="projectsRawView">RAW VIEW PLACE</div>
<div id="projectsGroupedView" style="display: none;" >GROUPED VIEW PLACE</div> </div>
</div>
<div id="groupedView" style="display: none;">
<div>
<div id="issueGroupedChart" style="display: inline-block;">ISSUES BAR CHART</div>
<div id="unassignedGroupedChart" style="display: inline-block;"></div>
<br/>
<div id="issueGroupedChartAlone" style="display: inline-block;"></div>
<div id="unassignedGroupedChartAlone" style="display: inline-block;"></div>
</div>
<br/>
<div>
<div id="projectsGroupedView">GROUPED VIEW PLACE</div>
</div>
</div> </div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
@ -44,14 +54,14 @@
{ {
if (showRawView == true) if (showRawView == true)
{ {
document.getElementById ('projectsRawView').style.display = 'none'; document.getElementById ('rawView').style.display = 'none';
document.getElementById ('projectsGroupedView').style.display = 'inline'; document.getElementById ('groupedView').style.display = 'inline';
showRawView = false; showRawView = false;
} }
else else
{ {
document.getElementById ('projectsRawView').style.display = 'block'; document.getElementById ('rawView').style.display = 'block';
document.getElementById ('projectsGroupedView').style.display = 'none'; document.getElementById ('groupedView').style.display = 'none';
showRawView = true; showRawView = true;
} }
} }